*{
margin:0px;
padding:0px;
font-family: Open Sans , corbel , Arial , helvetica , sans-serif;
}
.headermenu {
background-color: #00accd;
height:65px;
top: 0px;
position:fixed;
border-bottom:0px;
width:100%;
box-shadow:   0 0px 4px hsla(150,35%,9%,.09),
              0 0 4px hsla(250,15%,.1),
              0 1px 0 hsla(0,0%,100%,.2);
z-index:99;
}
.welcomeDiv {
 background-color: #F1F1F1;
 width: 820px;
 margin: 0px auto 0px auto;
 padding: 5px;
 border-radius:2px;
 box-shadow: 0 0px 0 hsla(210,65%,100%,.02) ,
              0 0 1px hsla(210,10%,.1) ,
              0 1px 0 hsla(0,0%,100%,.2);
 }
.center {
 background-color: #F9F9F9;
 width: 60%;
 margin: 0px auto 0px auto;
 padding: 5px;
 border-radius:2px;
 box-shadow: 0 0px 0 hsla(210,65%,100%,.02) ,
              0 0 1px hsla(210,10%,.1) ,
              0 1px 0 hsla(0,0%,100%,.2);
 }
#searchDiv {
 background-color: #F1F1F1;
 width: 820px;
 margin: 0px auto 0px auto;
 padding: 5px;
 border-radius:2px;
 box-shadow: 0 0px 0 hsla(210,65%,100%,.02) ,
              0 0 1px hsla(210,10%,.1) ,
              0 1px 0 hsla(0,0%,100%,.2);   
}
#searchDiv:hover {
 background-color: #F1F1F1;
 width: 820px;
 margin: 0px auto 0px auto;
 padding: 5px;
 border:1px solid darkblue;
 border-radius:2px;
 box-shadow: 0 0px 0 hsla(210,65%,100%,.02) ,
              0 0 1px hsla(210,10%,.1) ,
              0 1px 0 hsla(0,0%,100%,.2);
}
#wrapper {
margin-left:auto;
margin-right:auto;
width:1000px;
padding-top:5px;
padding-bottom:0px;
}
.logo {
width:170px;
}
.logo img {
width:170px;
height:44px;
 padding-top: 8px;

}
.search_box{
position: absolute;
top:5px;
margin-left:180px;
padding-top: 10px;
padding-bottom: 22px;

}
#searchtext {
  -moz-box-flex: 1;
  padding: 6px 8px;
  border: 1px solid #FFFFFF;
  border-color: hsla(0,54%,20%,.15) hsla(0,54%,20%,.17) hsla(0,54%,15%,.2);
  box-shadow: 0 1px 0 hsla(210,65%,9%,.02) inset,
              0 0 2px hsla(210,65%,9%,.1) inset,
              0 1px 0 hsla(0,0%,100%,.2);
  border-radius: 3px;
}
@media screen and (min-width: 280px){

#menu {
background-color: #00accd;
 float:right;
 top: 0px;
 right: 19px;
 margin-top: -51px;
 color:#FFFFFF;
 padding-top: 10px;
 margin-right: 4%;

} 

#menu a {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 14px;
 background-color: #00accd;
 padding-top: 11px;
 padding-bottom: 22px;
 padding-left: 1px;
 padding-right: 10px;
}
#menu a:hover {
 color: #FFFFFF;
 text-decoration: none;
 height:28px;
 font-size: 14px;
 background-color: #0e5f6e;
 Background-repeat: no-repeat;
 padding-top: 11px;
 padding-bottom: 14px;
 padding-left: 10px;
 padding-right: 10px;
 border-radius: 3px;
}
h2{
 font-family: Open Sans, Helverica, Sans-serif;
 font-size:18px;
 padding-bottom:10px;
 color: #00accd;
}
h3{
 font-family: Arial, Helvetica, Sans-serif;
 font-size:13px;
 padding-bottom:10px;
 color: #000;
}
 input[type="text"] {
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 font-size: 15px;
 padding: 5px;
 width: 300px;
 margin-bottom: 3px;
 margin-top: 3px;
 outline: none;
 border-radius: 0px;
 box-shadow: 0 1px 0 hsla(210,65%,9%,.02) inset,
              0 0 2px hsla(210,65%,9%,.1) inset,
              0 1px 0 hsla(0,0%,100%,.2);
}
 
input[type="text"]:hover {
 border: 1px solid gray;
 border-radius: 0px;
}
input[type="text"]:focus,
input[type="text"][autofocus] {
 border: 1px solid #00accd;
 border-radius: 0px;
 }
 
#input {
  background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 font-size: 15px;
 padding: 5px;
 width: 300px;
 margin-bottom: 3px;
 margin-top: 3px;
 outline: none;
 border-radius: 0px;
 box-shadow: 0 1px 0 hsla(210,65%,9%,.02) inset,
              0 0 2px hsla(210,65%,9%,.1) inset,
              0 1px 0 hsla(0,0%,100%,.2);
}
 
#input:hover {
 border: 1px solid gray;
 border-radius: 0px;
}
#input:focus{
 border: 1px solid #00accd;
 border-radius: 0px;
 }
 textarea {
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 font-size: 15px;
 padding: 5px;
 width: 500px;
 margin-bottom: 3px;
 margin-top: 3px;
 outline: none;
 border-radius: 0px;
      box-shadow: 0 1px 0 hsla(210,65%,9%,.02) inset,
              0 0 4px hsla(210,65%,9%,.1) inset,
              0 1px 0 hsla(0,0%,100%,.2);
}
textarea:hover {
 border: 1px solid gray;
 border-radius: 0px;
}
textarea:focus,
input[type="text"][autofocus] {
 border: 1px solid #006FC4;
 border-radius: 0px;}
input[type="submit"] {
 background-color: #31b8d2;
 border: 1px solid #0a687a;
 color: #FFFFFF;
 width:311px;
 padding: 5px;
 margin-bottom: 3px;
 margin-top: 3px;
 border-radius: 0px;
box-shadow: 0 1px 0 hsla(210,65%,9%,.02),
              0 0 2px hsla(210,65%,9%,.1),
              0 1px 0 hsla(0,0%,100%,.2);
}
#buttonupload{
 background-image: url("../img/backgrounds/portfolio-icon-webkit-green.png");
 border: 1px solid #21983d;
 font-size: 15px;
 color: #FFFFFF;
 width:100px;
 padding: 5px;
 margin-bottom: 3px;
 margin-top: 3px;
 border-radius: 0px;
 text-decoration:none;
 box-shadow:   hsla(210,200%,9%,.02),
              0 0 10px hsla(210,200%,200%,.1),
              0 1px 0 hsla(0,100%,100%,.2);
}
#buttonportfolio{
 background-image: url("../img/backgrounds/portfolio-icon-webkit.png");
 border: 2px solid #3a6ac9;
 text-decoration:none;
 font-size: 15px;
 color: #FFFFFF;
 width:100px;
 padding: 5px;
 margin-bottom: 3px;
 margin-top: 3px;
 border-radius: 0px;
 box-shadow:   hsla(210,200%,9%,.02),
              0 0 10px hsla(210,200%,200%,.1),
              0 1px 0 hsla(0,100%,100%,.2);
}
#infopanelinks {
 font-size: 15px;
 color: #000;
 width:100px;
 padding: 5px;
 position:absolute;
 margin-left:89.7%;
 margin-top:0%;
 border-radius: 0px;
 box-shadow:   hsla(210,200%,9%,.02),
              0 0 10px hsla(210,200%,200%,.1),
              0 1px 0 hsla(0,100%,100%,.2);
}
.secondarymenu {
background-color: #CCCCCC;
height:50px;
border-bottom:0px;
padding-left:auto;
padding-right:auto;
width:50%;
border-radius:50px;
box-shadow: 0 1px 0 hsla(210,65%,9%,.02) inset,
              0 0 4px hsla(210,65%,9%,.1) inset,
              0 1px 0 hsla(0,0%,100%,.2);
}
#secondarymenuwrapper {
margin-left:auto;
margin-right:auto;
padding-top:11px;
padding-bottom:0px;
}
#secondarymenu {
 top: 11px;
 right: 19px;
 color:#FFFFFF;
 height: 30px;
 margin-right: 4%;
 padding-top:3px;
 padding-bottom:5px;
 padding-right:5px;
 padding-left:23%;
 }
 #secondarymenu a {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 14px;
 height: 30px;
 Background-repeat: no-repeat;
 padding-top:10px;
 padding-bottom:10px;
 padding-right:5px;
 padding-left:5px;
 border-radius:2px;
}
#secondarymenu a:hover {
 color: #FFFFFF;
 text-decoration: none;
 height:28px;
 font-size: 14px;
  padding-top:10px;
 padding-bottom:10px;
 padding-right:5px;
 padding-left:5px;
 background-color: gray;
 Background-repeat: no-repeat;
 
}
#profilepic {
border: 1px solid #CCCCCC;
position:absolute;
margin-left:40%;
margin-top:4%;
border:6px solid #00accd;
}
#profilepic img {
border: 1px solid #CCCCCC;
border-radius:100%;
box-shadow: 0 1px 0 hsla(210,65%,9%,.02) inset,
              0 0 4px hsla(210,65%,9%,.1) inset,
              0 1px 0 hsla(0,0%,100%,.2);
}
.footermenu {
background-color: lightblue;
border-top: 1px solid Gray;
height:200px;
border-bottom:0px;
padding-left:auto;
padding-right:auto;
width:100%;
font-family: :arial;
}
#footerwarps{
margin-left:auto;
margin-right:auto;
width:1000px;
padding-top:60px;
color: #000;
padding-bottom:0px;
}
#buttontasks{
background-color:#FFFFFF;
padding:20px;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
width:10px;
height:30px;
text-decoration:none;
border-radius:2px;
}
#buttontasks:hover{
background-color:#fcfcfe;
padding:20px;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
width:10px;
height:30px;
text-decoration:none;
border-radius:2px;
}
#bigtasks{
background-color:#FFFFFF;
padding:60px;
border-bottom:0px solid #CCCCCC;
border-left:0px solid #CCCCCC;
width:10px;
height:70px;
text-decoration:none;
border-radius:2px;
}
#bigtasks:hover{
background-color:#fcfcfe;
padding:60px;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
width:10px;
height:70px;
text-decoration:none;
border-radius:2px;
}
.news{
padding:5px;
    margin-left:20px;
    margin-right:20px;
    color:#000;
background-color: #f3f6f9;
border:1px solid #dce5ee;
}