﻿ 
body { 
background : #f2f8fa url(img/blueback.png) repeat-x ; 

} 

#wrapper { 
text-align : center; 
margin : 0 auto; 
width : 800px; 

z-index: 5;
} 
#headera { 
 
width: 1400px;
height:364px;
margin-top : -10px; 
margin-left: -260px;
padding-top : 0; 


background : #83e6fb url(img/designhead.png) no-repeat bottom left; 
clear: both;
z-index: 100;
} 
 h1 { 
color : black; 
text-align: center; 

font : 22px  Trajan Pro, Stencil Std, Verdana; 
margin-top: -8px; 
width: 75%;
 padding-top: 0px;
padding-bottom: 10px;

} 
#content { 
margin-top :0px; 
padding-top : 0px; 
width : 100%; 

background: url(img/blaf);
} 
#content img { 
margin-top: -15px;
margin-left: -90px;

}

#nav { 

position: relative; 
width : 1280px; 
height: 40px;
margin-left: 0px;
margin-top : 0px; 

background:  url(img/nav2.gi) no-repeat;
clear: both;
} 
#nav ul { 
margin-left : -20px;
margin-top: 8px; 
padding-top : 0px; 
padding-bottom : 5px;
  
} 
#nav li {  
display: inline;
list-style : none; 
margin-top : 0px; 
padding-bottom : 0; 
 
} 
#nav a { 
font : 10px Tahoma; 
text-align : center; 
color : #333; 
text-decoration : none; 
margin-top : 0; 
padding-top : 0; 
padding-left : 0px; 
padding-right : 15px; 
padding-bottom : 5px;
 
background : url(img/whi.gif) no-repeat; 
} 
#nav a:hover { 
text-align : center; 
color : white; 
background : url(img/wh.png) no-repeat; 
} 
#nav a:active { 
color : blue; 
 
} 

#textarea { 
margin-top : 0px; 
width : 100%; 
padding-top : 70px; 

padding-bottom : 30px; 
background :  url(img/top.gi) no-repeat top; 
} 

#textarea img { 
margin-right : 10%; 
margin-top : 0; 
} 
#textarea p img { 
float : left; 
padding-right : 5px; 
padding-bottom : 5px; 
} 
#textarea li { 
text-align : left; 
} 

.textbox { 
background: #ebe7e7;
width: 750px;
border: 3px solid white;
padding: 10px;
}
.textbox ul {
padding: 10px;
font-size: 18px; 
color: white;
background: black;

}
.bottombox { 
background: white;
width: 740px;
border: 2px solid #ebe7e7;
padding: 10px;
}
.bottombox h2 {
color: #333; 
font: 12px Arial;
 }

h5 { 
font : 14px Tahoma Small Cap, verdana; 
color : black; 
margin-top : 5px; 
margin-bottom : 15px; 
padding-left : 15px; 
padding-right : 15px; 
} 
h4 { 
font : 13px Tahoma Small Cap, verdana; 
margin-top : 15px; 
margin-bottom : 10px; 
padding-left : 10px; 
padding-right : 10px; 
} 
h3 { 
font : 22px Book Antiqua, Verdana; 
color : black; 
margin-top : 15px; 
margin-bottom : 5px; 
padding-left : 15px; 
padding-right : 15px; 

} 
  
#textarea p { 
font : 13px Verdana, Papyrus, Tahoma Small Cap; 
color : black; 
text-align : justify; 
text-indent : 40px; 
margin-top : 0px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
margin-bottom: 0px;

} 

h2 {
color : black; 
font : 18px Verdana; 
padding-left: 10px;
padding-right: 10px;
clear: both;
}


#footer { 
clear : both; 
width: 848px;
margin-left: -27px;
font : 12px Arial, Verdana; 
text-align : center; 
padding-top : 2px; 
padding-bottom : 2px; 
bottom : 0; 
 

} 
#footer a { 
color : 333; 
} 

#footer2 { 
margin-bottom : -45px; 
background : url(img/bottom.gi); 
clear : both; 
} 
#footer2 h5 { 
font : 11px Arial, Lucida Handwriting, papyrus; 
color : #333; 
text-align : center; 
padding-top : 0px; 
margin-left: 80px;
margin-right: 80px;
} 
#footer2 a {
float: left;
width: 88px;
margin-left: 7px;
 }
#footer2 p {
float: right;
width: 88px;
padding-top:0px;
margin-right: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#nav {margin-top: 0px; } 
}


  

