/**************** body and tag styles ****************/

body {
margin :30px 15px;
padding : 0;
background:#999;
}

#container {
width : 100%;
font : normal 11px/1.6em Verdana, Arial, Helvetica, sans-serif;
color :#555;
background:#fff;
}

h2 {
color :#0f4683;
font : bold 16px/20px 'Trebuchet MS', Arial, Helvetica, sans-serif;
background-color : #fff;
margin : 2px 0 3px 0;
}

a {
color : #6da6e2;
text-decoration : none;
font-weight : bold;
}

a:hover {
color:#f00;
font-weight : bold;
text-decoration : underline;
}

/**************** images styles ****************/
a img {
border : none;
}

img.left, img.center, img.right {
padding : 4px;
border : 1px solid #a0a0a0;
}

img.left {
float : left;
margin : 0 12px 5px 0;
}

img.center {
display : block;
margin : 0 auto 5px auto;
}

img.right {
float : right;
margin :0 0 5px 12px;
}

/****************Gform styles ****************/

#g{
position : absolute;
top:33px;
margin:0;
right : 3%;
padding:0;
text-align:left;
border:0;
} 

#g input{

font-size : 11px;

width:180px;

color : #eee;

border:1px solid #567ea7; /*#4e76a0;*/

}

#g .button{

width:auto;

padding-left: 4px;

padding-right: 4px;

font-size:12px;

background: #2e4f72;/*#6da6e2;*/

color : #fff;

}

#g .srch{

background :#3f6082; /*url(srch.gif) repeat-x;*/

}

#g label{

margin:0;

padding:0;

}



/**************** header styles ****************/

#header {

width : 100%;

border : 0;

margin : 0 auto;

padding : 0;

clear : both;

height : 160px;

background : #2763a5 url(brushed.jpg) repeat-x bottom left;

border-bottom : 3px solid #001342;

}

#header2{

font : normal 10px 'Trebuchet MS', Tahoma, sans-serif;

letter-spacing : 0;

color : #ddd;

margin : 0;

padding : 3px 10px 0 3%;

height:20px;

background :#16343f;/*#143a66 ;*/

display:block;

}

#header3 {

position:relative;

width : 90%;

margin : 0 auto;

height:137px;

}

#header3 h1 {

position : absolute;

font : normal 36px/40px 'Trebuchet MS', Arial, Helvetica, sans-serif;

color : #fff;

top : 20px;

left :145px;

letter-spacing : -1px;

margin : 0;

background : transparent;

}

#header3 h2 {

position : absolute;

font : normal 14px 'Trebuchet MS', Tahoma, sans-serif;

letter-spacing : 0;

color :#93beff; /*#5b9cff;*/

margin : 0;

padding : 0;

top : 60px;

left : 145px;

background : transparent;

}

#header3 img.logo{

position:absolute;

bottom:0;

left:0;

margin:0;

padding:0;

border:0;

}

/* ************ content style ********** */

#middle {
margin:0;
width : 100%;
clear : both;
}

#container2 {
width:96%;
position : relative;
margin : 0 auto;
min-height : 350px;
background:#fff;
padding:20px 0 0;
}

#intro{
border-bottom : 1px solid #ddd;
margin:0 0px 30px;
}

#intro p{
font : normal 1.3em/1.6em 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
margin:2px 5px ;
text-align: justify; 
}

#intro h2{
font : bold 1.6em/1.6em 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
margin:10px 5px 2px;
}

/**************** menu styles ****************/   
#menuh {

position : absolute;

right : 30px;

top : 118px;

height : 20px;

/*border-left : 3px solid red;

border-right : 3px solid red;*/

}

#horizontalu {

padding : 0;

margin : 0;

list-style-type : none;

}

#horizontalu li {

width : 88px;

height : 20px;

float : left;

display:block;

}

#horizontalu a{

position : absolute;

text-decoration : none;

width : 88px;

height : 20px;

color : #bde1f1;

display : block;

text-align : center;

background :#000;/* url(g.gif);*/

z-index : 150;

}

#horizontalu a em {

font-style : normal;

font-size : 1em;

line-height : 1.5em;

text-align:center;

z-index : 150;

}



#horizontalu a:hover{

z-index : 200;

font-size : 1.5em;

line-height : 1.1em;

}

#horizontalu a:hover em {

cursor:hand;

left : -12px;

top : -4px;

border : 1px solid #000;

position : absolute;

color : #fff;

background : #c00; /*url(hover.gif);*/

width : 130px;

height : 25px;

left : -12px;

top : -6px;

}

/**************** footer styles ***************/

#footer {

margin:0;

padding:0;

clear:both;

position : relative;

color : #ccc;

background : #2763a5 url(brushed.jpg) repeat-x bottom left;

border-top : 3px solid #001342;

width : 100%;

padding-bottom:20px;

}

#footer2 {

width : 84%;

margin : 10px auto 0;

text-align : center;

}

#footer2 a {

color : #fff;

background-color :transparent;

}

#footer2 a:hover {

text-decoration : none;

}