/* Basics CSS*/


body {

 margin: 30px 0;

 color: #333;

 background:#60dfff;

 padding:0;

 font: 1.2em/1.6 QuasiChanceryTTF, Comic Sans Ms, Helvetica, sans-serif;

 }



a:link {

color: #333;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #333;

}

a:hover {

text-decoration: none;

color: #333;

}

a:active {

text-decoration: none;

color: #333;

}



h1 {

 font-size: 1.7em;

}



h2 {

 font-size: 1.6em;

}

h3 {

 font-size: 1.2em;
}

h4 {

 font-size: 1.4em;
}

h5 {

 font-size: 1.0em;
}

#outer {

 width: 800px;

 margin: 0 auto;

 background: #00ccff url(bg.gif) repeat-y;

 }



#hdr {

 padding-top: 180px;

 background: #00ccff url(headerlogo.png) no-repeat;

 }



#hdr h1 {

 color: #000;

 background:#00ccff;

 font-size: 1.7em;

 font-weight: bold;

 text-align: center;

 text-transform: uppercase;

 margin: 0;

 padding: 0.1em;

 border:solid #333;	

 border-width:0px 0 0px 0;

 }



#nav {

 float:left;

 width:160px;

 padding: 0.95em;

 text-align: center;

 background: url(divider.gif) no-repeat bottom center;

 padding-bottom: 30px;

}

#nav ul {

 background: url(divider.gif) no-repeat top center;

 margin: 0;

 padding: 30px 0 0 0;

 list-style: none;

}

#nav li {

	margin: 0;

}

#nav h2 {



}





#cont {

 float: right;

 width:560px;

 padding: 1.0em;

 }

#cont h2 {

 color: #000;

}



#ftr {

 clear: both;

 background:#0D59FC;

 font-size: 0.95em;

 text-align: center;

 border-top: 1px solid #333;

 margin: 1em 0 0 0;

 }



#leftImg

{

float:left;

width: auto;

height: auto;

padding: 0 2px 2px 0;

}



#rightImg

{

float:right;

width: auto;

height: auto;

padding: 0 0 2px 2px;

}







#leftImg1

{

float:left;

padding: 0 2px 2px 0;

}



#rightImg1

{

float:right;

padding: 0 0 2px 2px;

}