@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	
}

body{
	
	background-color: #b3bac2;
	font: Georgia, "Times New Roman", Times, serif;
	
}
#wrapper{
	width: 55em;
/*	width:50em;*/
	background-color:
	#8B949C; 

	
	
	/*Put 20px margin above the wrapper*/
	/*set right and left to auto for centering*/
	margin:/*20px*/ auto;


}
/*Major layout divisions*/

#branding{
/*For absolutely-positioned hyperlinks*/
	position:relative;
	
}
#branding a{
/*Positions are set in tags in index.html*/
	position:absolute;
	text-decoration:none;
	color:#000;
	font-size:0.8em;
}
#branding a:link, #branding a:visited{
 color:#fff;
}
#branding a:hover{
	color:#c32121;
}
#branding a:active{
	color:green;
}
/*Fixes the mysterious image gap*/
#branding img{
	display:block;
	width:100%;
	height:10em;
	
}





#rightsidebar{
/*Remember, content and navbar left margin must match this width*/
	
	float:right;
	width:20%;
	/*color:#234367;*/
	color:#383c47;
	margin-top:.5em;
	margin-left:2px;
	padding-right:1em;
	
	font-size:95%;
	line-height:1.5em;
	
}
#rightsidebar ul{
	list-style-type:none;
}
	

/*Navbar division*/
#navbar{
	background:#c32121;
	/*Right margin must match rightcolumn width*/
	width: 100%;
	height:1.6em;
	
}
/*remove bullets from the ul in the navbar*/
#navbar ul{
	list-style-type:none;
	
}
#navbar li{
	float:left;
	margin-right:4%;
	margin-left:2%;
	width:8%;
	text-align:center;
	
	
}
/*Applies to navbar links, vnivsited and visited*/
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	/*font:"Times New Roman", Times, serif;*/
	font-size:80%;
	color:#fff;
	/*display:block;*/
	height:2em;
	width:6em;
	background-color:#c32121;
	/*border-right:solid 1px #fff;*/
	line-height:2em;
	text-align:center;
	/*outline-style:none;*/
	
}
/*Navbar hover, active, and current page links*/
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
	background:#b3bac2;
	color:#000;
}

#leftbox{
	float:left;
    width:35%;
    /*background-color:#cccc00;*/
    text-align:center;
		
}

#rightbox{
	margin-right:.5em;
	/*background-color:#CC9999;*/
	float:left;
	width:33%;
	text-align:center;
}
#leftbox img{
width:90%;
}
#rightbox img{
width:90%;
}
#centerbox{
	/*background-color:#FF00FF;*/
	margin-right:1em;
	text-align:center;
	float:right;
	margin-left:6em;
	width:50%;
}
#centerbox img{
	width:100%;
}
	


	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#main{
	width:75%;
	background-color:#fff;
	/*height:85%;*/
	clear:left;

}

#content{
	width:95%;
	padding:1em;
	line-height:1.75em;
	margin-bottom:3em;

}
	

#content ul{
	
	/*margin-left:10px;*/
}
#content ul li{
	margin-left: 5em;
	/*font-size:90%;*/
	line-height:2em;
	margin-right:25%;
	/*padding-top:1em;*/
}
/*Paragraphs and Headings*/
#content h1{
	/*font:Georgia, "Times New Roman", Times, serif;*/
	font-size:1.75em;
	color:#911313;
	/*color:#3b3f4a;*/
	/*color:#911313;*/
	
}
#content h2{
	/*font:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:1em;
	color:#3b3f4a;
	margin-top:1em;
	margin-bottom:1em;
}
#content h3{
	/*color: #000099;*/
	text-decoration: underline;
	
}

#content p{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size:90%;*/
	line-height:2em;
	margin-left:3em;
	margin-right:25%;
	padding-top:1em;
}



#maintempl{
	width:100%;
}


#footer{
	/*border-top:1px solid #DBD5C5 ;*/
	/*padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;*/
	border-top:1px solid #000000;
	padding-top:1em;
	width:100%;
	
}
#footer img{
	float:left;
	width:15%;
	/*width:10%;
	height:40%;*/
}
#footer h1{
	/*font: Georgia, "Times New Roman", Times, serif;*/
	font-size:1.5em;
	text-align:left;
	color:#c32121;
	margin-left:20%;
	margin-bottom:0.5em;

}

#footer p{
	font-size:1em;
	text-align:left;
	color:#000000;
	margin-left:20%;
	margin-bottom:0.5em;
}

#footer .footerlinks{
	font-size:0.75em;
	color:#383c47;
	clear:both;
	padding-bottom:1em;
}

#footer .footerlinks p{
	margin-left:3%;
	}


#footer .container{
	font:"Times New Roman", Times, serif;
	text-align:left;
	line-height:1em;
	border-bottom:groove;
	
	width:100%;
	border-top:2em;
}	
	
#footer .container img{
 float:left;


}
#footer .container2{
	width:100%;
	font-size:.75em;
	
	border-top-style:groove;
	
}
a {outline-style:none}
a:link {text-decoration: none; color:#093234} a:visited {text-decoration:none; color:#077} a:hover {text-decoration: underline; color:#093234} a:active {text-decoration: underline overline; color:#000000}




	