body, html{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 62.5%;
color: #fff;
text-align: center;
margin: 0;
height: 100%; 

background: #003366 url(images/bigbackground.jpg) no-repeat fixed;
}

/* ========== FORMATTING ========= */

h1{
font: normal 2.8em/1.1em arial, tahoma;
 color: #fff;
 margin: 8px 0 6px 6px;
 padding: 8px;
 padding-bottom: 5px;
  text-align: left; 
 text-indent: 30px;
background: #003366 url(images/headerstar.gif) no-repeat;
background-position: left;
border-bottom: 1px solid #fff;
text-transform: uppercase;
}

h2{
 font: bold 2.0em/1.5em arial;
 color: #fff;
 margin: 25px 0 0px 30px;
 padding: 4px;
 text-align: left; 
 background: #003;
 border-bottom: 1px solid #6699CC;
}

h3{
 font: bold 1.8em/1.5em arial;
  margin: 25px 0 0px 0;
  padding-left: 32px;
color: #fff;
 text-align: left
}

p, blockquote{
 font-size: 1.9em;
 line-height: 1.4em;
margin:  2px 3px 2px 3px;
 padding: 6px 14px 6px 30px;
 
 text-align: left;
}

blockquote{
color: #eee;
font-weight: bold;
}                         

acronym{
border-bottom: 1px dashed #fff;
}

p a {text-decoration: underline; color: #fff;}
p a:hover {text-decoration: underline; color: #fff; background: #003;}
p a:link img { border: 0; }
p a:visited img { border: 0; } 
                                  
p img {border: 1px solid #fff; padding: 0; margin: 0; }


img {  border: none; padding: 0; margin: 0; }
a {  text-decoration: none }
                                       


h1 a, h2 a, h3 a {
 color: #800080;
 } 
 
h1 a:hover, h2 a:hover, h3 a:hover {
 border-bottom: 1px #cc3333 solid;
 margin: 0;
 padding: 0;
 color: #cc3333;
 }    
 
 /*====================== LEFT MENU START ======================*/

#sidecontainer {
margin: 0px;
padding: 0px;
height: 0px;   
}

#sidecontainer ul{
border: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#sidecontainer ul li{
display: block;
float: left;
padding: 0px;
padding-top: 1px;
margin: 0px;

}

#sidecontainer ul li a{
background: url(images/butt.gif) no-repeat;
width: 156px;
height: 30px;
padding: 1px; 
padding-right: 15px;
margin: 0px 0px 0px 0px;
color: #fff;
text-decoration: none;
display: block;
text-align: right;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
}

#sidecontainer ul li a:hover{
color: #fff;
background: url(images/butt.gif) no-repeat;
}

#sidecontainer a:active{
color: #fff;
background: url(images/butt.gif) no-repeat;
}

#sidecontainer li#active a{
color: #fff;
background: url(images/butt.gif) no-repeat;
} 

#sidecontainer li.none a{
background: #98D37D;
padding: 0px;
margin: 0px;
}

#sidecontainer li.none a:hover{
background: #98D37D;
padding: 0px;
margin: 0px;
}


 
ul, ol{
font: 1.9em/1.8em arial, verdana, helvetica, sans-serif;
text-decoration: none;
list-style-position: outside;
text-align: left;
padding-left: 50px;
}

li{ padding: 0; margin:0; }  

li a{
color: #ff0;
}

li li{
font-size: 0.56em;
line-height: 1.4em;
}

ul a {text-decoration: underline; color: #fff;}
ul a:hover {text-decoration: underline; color: #fff; background: #003;}
ul a:link img { border: 0; }
ul a:visited img { border: 0; } 

img{
font-size: 1.6em;
}

/* ========== CONTAINER ========= */
html #container {
 width: 800px;
 background: #01588D url(../images/bg.gif) repeat-y;
 padding: 0px;
 margin-left: auto;
 margin-right: auto;
 min-height: 50%;
 position: relative;
}

 * html #container{
height: 100%;
}

#topbanner{
  float: right;
 margin: 6px 6px 0 0;
 clear: left
}

/* ========== MASTHEAD ========= */
#masthead {
 width: 800px;
 height: 94px;
 text-align: left;
 background-color: #0C234F;
 }

#masthead #logo {
 float: left;
 clear: right;
 margin: 0;
}
/* ============================== */
#contactus{
text-align: right;
float: right;
width: 328px;
height: 90px;
 margin: 0px 0px 0 0;
padding: 0;
}


/* ============================== */
#main {
	width: 768px;
	padding: 4px 32px 18px 0;
	float: left;
	margin: 0px;
	margin-right: 0px;
	background-image: url(images/bg.jpg);
	border: 0px solid #fff;
	
  
}

#banner{
width: 800px;
height: 219px;
margin-left: 0px;
margin-top: 0;
 padding: 0 ;
 float: left;
 text-align: left;
color: #006;
background-color: #fbf3f3;
}



/* ======================== */
#leftcol {
 width: 172px;
 margin: 0px;
 padding: 0;
 float: left;
 text-align: left;
 clear: none;   
}

/* ======================== */
.content {
 float: right;
 clear: none;
 width: 516px;
 margin: 0px;
 }  
 
 .homecontent {
 float: right;
 clear: none;
 width: 588px;
 margin-right: 0px;
 padding-right: 0; 
 } 
 
.clearfix{
clear:both;
}

img.leftimage, img.leftimageevents{ 
float:left; 
clear: right;
padding-right: 15px; 
padding-bottom: 20px;
text-align: left ;
border: 0px solid #fff;
}              

img.leftimageevents{
float:left; 
clear: right;
padding-right: 15px; 
padding-bottom: 20px;
padding-top: 15px;
text-align: left ;
border: 0px solid #fff;
}

.clearboth {clear: both;}
.clearright {clear: right;}



/*=============== FOOTER DIV AND LIST =============*/
#footer {
font: normal 1em arial, verdana, sans-serif;
clear: both;
padding: 0;
background: #000033;
border: 0px solid #aaa;
position: relative;
width:800px; 
height: 120px;
margin-left: auto;
margin-right: auto;
margin-top: -2.1em;
margin-bottom: 0;

}

.split_left{

text-align: left;
float: left;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 0; 
color: #FFFFFF;
background: #000033;
width: 545px;
}

.split_right{
float: right;
text-align: right;
padding-right: 0;
padding-right: 5px;
margin-bottom: 0;
background: #000033;
width: 245px;
}

#footer ul{
margin: 0;
padding: 0;
}

#footer ul li{
display: inline;
padding: 0 4px 0 4px;
border-right: 1px solid #003;
color: #FFFFFF;
}

#footer ul li a{
color: #fff;        
padding: 0 2px 0 2px;
text-decoration: none;
border-right: 1px solid #fff;
}

#footer ul li a:hover{
color: #fff;
text-decoration: underline;
background: #003;
}

#footer li.end{  
padding: 0 4px 0 2px;
border-right: 0px #ff0 solid;
}




/* =========================== */
/*
script{
background-color: #fbf3f3;
}
*/                                                                        

#logo{
margin:0;
padding:0;
clear:right;
}                                                                                                                                    

.row3 {
float: right;
clear: none;
width:100%;
margin-right: 0px;
margin-bottom: 2px;
padding-top: 30px; 
padding: 0px;
}


.floatlist{
text-align: left;
float: left;
width: 270px;
border-right: 0px solid #f8f9fb;
border-left: 0px solid #b3c0d3;
margin: 10px 0px 0px 4px;
padding: 2px;
}

.floatlist p{
padding: 3px;
margin: 0px;
margin-top: 4px;
font: normal 1.9em/1.3em arial, tahoma, verdana, arial;  
}

.floatlist h2{
padding: 5px;
padding-left: 6px;
margin: 0px;
}                                                          

.floatlist p a {text-decoration: underline; color: #fff;}
.floatlist p a:hover {text-decoration: underline; color: #fff; background: #003;}
.floatlist p a:link img { border: 0; }
.floatlist p a:visited img { border: 0; }  

.break{
height: 10px;      
width: 94%;
margin-left: 4px;
padding : 2px;
border-bottom: 1px dashed #fff;
}