/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 100.1%;
background-image:url(../images/body_bg.gif);
margin: 0;
padding: 0;
text-align:center;
}


/* ---------------------------------------------------------------------- containers ---- */


#wrapper{
margin:10px auto;
width: 46em;
background-color: #FFFFFF;
border: 1px solid #666;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
padding:10px;
}

#header{
background-color:#F0F0F0;
text-align:center;
padding: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin:0 0px 10px 0px;

}

/* ---------------------------------------------------------------------- containers ---- */











/* ---------------------------------------------------------------------- navagation ---- */

#navcontainer{
background-color:#0E4C87;
text-align:left;
padding:0 0 0 0;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin:0 0px 10px 0px;
}



ul#navlist{
font-size:65%;
margin-left: 0;
padding: 8px 0px 8px 0px;
white-space: nowrap;
text-align:center;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a { 
padding: 0px 10px 0px 10px;
color:#F0F0F0;

}

#navlist a:link, #navlist a:visited{
color: #FFFFFF;
text-decoration: none;
}

#navlist a:hover{
color: #EDD8C4;
text-decoration: none;
}

#navlist li a#current{
color:#EDD8C4;
}

/* ---------------------------------------------------------------------- navagation ---- */



/* ---------------------------------------------------------------------- columns ---- */



#leftcol{
display:inline;
float:left;
width:11em;
background-color:#EDD8C4;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
margin:0 10px 0 5px;
padding:0 0 23px 0;
}


#leftcol p{
font-size:70%;
text-align:left;
color:000;
padding:10px 10px 0 10px;
}



#leftcol h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:150%;
text-align:center;
color:#000000;
padding:0px;
}



#leftcol h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:95%;
text-align:left;
color:#000000;
padding:10px 0 5px 10px;
}





#rightcol{
float:right;
width:9em;
height:auto;
display:inline;
background-color:#EDD8C4;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
margin:0 5px 0 0;
padding:5px 5px 25px 5px;

}

#rightcol h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:95%;
text-align:left;
color:#000000;
padding:10px;
}


#rightcol h4{
	font-family:Georgia, "Times New Roman", Times, serif;
font-size:85%;
text-align:left;
color:#000000;
padding:10px;
	
	}

#rightcol p{
font-size:70%;
text-align:left;
color:000;
padding:5px;

}





/* ---------------------------------------------------------------------- columns ---- */






/* ---------------------------------------------------------------------- content ---- */

#content{
display:inline;
float:left;
text-align:left;
width:23.5em;
margin:0 0 10px 0;
background-color:#0E4C87;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

#content p{
color:#EDD8C4;
font-size:80%;
padding:15px;
border-bottom:4px solid #FFFFFF

}

#content h1{
text-align:left;
font-size: 130%;
color: #003366;
padding: 0;
margin: 0px;
}

#content h2{
text-align:left;
font-size: 110%;
color: #003366;
padding: 0;
margin: 20px;
}


#content h3{
text-align:center;
font-size: 120%;
color: #000;
padding: 0;
margin: 10px 20px 10px 10px;
padding:5px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:120%;
font-style:italic;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
background-image:url(../images/body_bg.gif);
}



#content h4{
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
font-size: 85%;
color: #000000;
padding: 10px;
margin: 0;
}



#content ul{
margin:10px 0px 0px 35px;
line-height:135%;

}

#content li{
font-family:Arial, Helvetica, sans-serif;
font-size: 85%;
color: #EDD8C4;
padding: 0px;
}


#content li a{
font-family:Arial, Helvetica, sans-serif;
font-size: 85%;
color: #EDD8C4;
padding: 0px;
text-decoration:none;
}


#content li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size: 85%;
color: #ff0;
padding: 0px;
text-decoration:underline;
}


#maincontent{
width:735px;
overflow:auto;

}

#subcontent{
	background-image:url(../images/compus2.gif);
	background-repeat:no-repeat;
	background-position:center;

padding:15px 50px;
width:635px;
overflow:auto;
height:600px;

}



/* ---------------------------------------------------------------------- content ---- */











/* ---------------------------------------------------------------------- footer ---- */


#footer {
margin: 10px 0px 0px 0px;
background-color: #0E4C87;
clear: both;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

#footer p{
font-size: 70%;
text-align: right;
padding: 10px;
color: #EDD8C4;
}



#footer h3{
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
font-size: 80%;
color: #000000;
padding: 2px;
margin: 0;
background-color:#e4edf8;
font-variant:small-caps;
}


#footer h5{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size: 70%;
color: #fff;
padding: 10px 0px 0px 0px;
margin: 0;
}

/* ---------------------------------------------------------------------- footer ---- */













/* ---------------------------------------------------------------------- classes ---- */



.leftimage{
float: left;
margin: 0 10px 10px 0;
border: 1px solid #000000;
}

.rightimage{
float: right;
margin: 15px 15px 15px 0px;
border: 1px solid #000000;
}

.clearit{
clear: both;
}

.highlite{
text-align:left;
font-size: 100%;
color:#003366;
font-style:oblique;
}


.date{
text-align:right;
float:right;
color:#333;
font-size:70%;
height:auto;
padding: 25px 20px 0px 0px;
}

.pipe{
	color:#EDD8C4;
	
	}
	
.flrgt{
		float:right;		
		}
		
		
.fllft{
		float:left;	
		margin:20px 50px 0 20px;
		}
		
.gallery_head{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #000;
	margin:0 0 0 20px;
	background-color:#EDD8C4;
	padding:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}