*{
	margin:0;
	padding:0;
}


body{
 background: #00364F;/*fallback*/
 font: 12px arial, sans-serif;
 color: #000;
 margin: 0; padding: 0;
 margin-bottom: 50px;
 
 /* gradients from: http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html  */
 
/* IE10 */ 
background-image: -ms-radial-gradient(center, circle farthest-side, #F5F7F9 0%, #00364F 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-side, #F5F7F9 0%, #00364F 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-side, #F5F7F9 0%, #00364F 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 480, color-stop(0, #F5F7F9), color-stop(1, #00364F));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-side, #F5F7F9 0%, #00364F 100%);

/* Proposed W3C Markup */ 
background-image: radial-gradient(center, circle farthest-side, #F5F7F9 0%, #00364F 100%);
}




#class1{
 position: relative;
 left: 50%; top: 0;
 width: 750px; height: auto;
 margin-left: -375px; margin-bottom: 50px;
 padding-bottom: 25px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 -khtml-border-radius: 15px;
 border-radius: 15px;
 background-color: #F5F7F9;/*F5F7F9*/
 /*background-color: transparent;*/
 
 /* Outer shadow 
 -moz-box-shadow: 0 0 5px 5px #888;
 -webkit-box-shadow: 0 0 5px 5px#888;
 box-shadow: 0 0 5px 5px #888; */
 
 /* Inner shadow */
 -moz-box-shadow: inset 0 0 5px 5px #888;
 -webkit-box-shadow: inset 0 0 5px 5px#888;
 box-shadow: inset 0 0 5px 5px #888;
 
/* IE10 */ 
/*background-image: -ms-linear-gradient(top, #828385 0%, #F5F7F9 100%);

/* Mozilla Firefox */ 
/*background-image: -moz-linear-gradient(top, #828385 0%, #F5F7F9 100%);

/* Opera */ 
/*background-image: -o-linear-gradient(top, #828385 0%, #F5F7F9 100%);

/* Webkit (Safari/Chrome 10) */ 
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #828385), color-stop(1, #F5F7F9));

/* Webkit (Chrome 11+) */ 
/*background-image: -webkit-linear-gradient(top, #828385 0%, #F5F7F9 100%);

/* Proposed W3C Markup */ 
/*background-image: linear-gradient(top, #828385 0%, #F5F7F9 100%);*/
 
}



#header, #menu, #undermenu, #content, #footer{
 position: relative;
 left: 0; top: 0;
 width: 100%;
}


#header{
 /* when transparent the class1 color shows thru */
 /*background-color: #F5F7F9;*/
 display:block; 
 margin:0 auto; 
 text-align:center;
 position: relative;
 height: 100px;/*230*/
 /*background-color: transparent;*/
 background-color:rgba(0,0,0,0.1);
 background-image: url(../gserve3_logo.png);
 background-repeat: no-repeat;
 
 -moz-border-radius-topright: 15px;
 -moz-border-radius-topleft: 15px;
 -webkit-border-top-right-radius: 15px;
 -webkit-border-top-left-radius: 15px;
 border-top-right-radius: 15px;
 border-top-left-radius: 15px;
 
 

}




#header h1{
 position: absolute;
 left: 20px; bottom: -3px;
 margin: 0;
 font: 3em georgia, serif;
 color: #fff;
 z-index: 1;

}




#header h2{
 position: absolute;
 left: 21px; bottom: -4px;
 margin: 0;
 font: 3em georgia, serif;
 color: #333;
 z-index: 0;

}


/*
#menu{
 height: 18px;
 padding-top: 2px;
 text-align: left;
 font: 1em arial, sans-serif;
}


   #menu a{ color:#615E39; text-decoration:none; font-weight:bold; margin-left:10px; margin-right: 10px; }
   #menu a:hover{ color:#fff; text-decoration:none; margin-left:10px; margin-right: 10px; background-color:#615E39}
*/

#content{
 height: auto;
 background-color: transparent;
}

p{
 margin: 25px 30px 10px 30px;
 padding: 0;
 text-align: justify;
 text-indent: 15px;
 font: 1em arial, sans-serif;
 line-height: 1.5em;
 color: #3E515E;
}

p1{
 margin: 25px 30px 10px 30px;
 padding: 0;
 text-align: justify;
 font: 1.2em georgia, serif;
 line-height: 1.5em;
 color: #3E515E;
}

h1{
 font: 2em "times new roman", serif;
 margin: 25px 0 0 30px;
 padding: 0;
 color: #3E515E;/*615E39*/
}




h2{
 font: 0.8em verdana;
 margin: -3px 0 0 35px;
 padding: 0;
 color: #aaa;
}




h3{
 font: 1.4em verdana, serif;
 text-decoration: underline;
 margin: 20px 0 0 30px;
 padding: 0;
 color: #3E515E;
}




.text{
 margin: 15px 30px 10px 30px;
}




h4{
 font: 1.2em georgia, serif;
 margin: 0 50px 0 50px;
 padding: 0;
 color: #3E515E;
}

i{
 font: 1em arial, sans-serif;
 font-style: italic;
 color: #000;
}



b{
 font-weight: bold;
 color: #3E515E;
}




ul{
 background-color: #fff;
}




li{
 margin: 0 0 0 5px;
 padding: 0;
}




a{
 color: #000;
 font-weight: bold;
 text-decoration: underline;
}




a:hover{
 color: #3E515E;
 text-decoration: none;
}

/* Use for aligning the icons and labels */

div.float 
{
  float: left;
  padding: 5px;
}
  
div.float p 
{
   text-align: center;
   margin: 0px 10px 0 -10px;
   padding: 0;
}

div.spacer 
{
  clear: both;
}

