/* CSS Document for SubCon, created for Mellon Technology Services. info@mellontech.com*/

html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-color:#003c78;
	}
.wraper{
	width:776px;
	margin:0 auto;
	}
#header{
	border-top:4px solid #000;
	background-color:#578cc2; /*#a9d4f6;*/
	padding:0;
	margin:0;
	}
#topbar,#slogan,#logobox, #vertnav{
	background-color:#003c78;
	}
#topbar{
	height:89px;
	padding:0;
	margin:0;
	}
#logobox{
	height:89px;
	width:170px;
	}
#slogan{
	height:64px;
	width: 606px;
	background:url(../images/bluefade.jpg) left no-repeat;
	}
#sloganleftblock{
	width:410px;
	height: 50px;
	margin:10px 0 0 15px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	display: inline;	
	}
#sloganrightblock{
	width:150px;
	height: 50px;
	margin:5px 10px 0 0;
	font-size:10px;
	color:#fff;
	text-align:right;
	display: inline;
	}
#sloganrightblock a{
	color:#FFFFFF;
	}
#horiznav{
	height:22px;
	width:606px;
	background-color:#464646;
	text-align:center;
	padding-top:3px;
	}
#horiznav ul, #horiznav li, #vertnav ul, #vertnav li{
	list-style-type:none;
	margin:0;
	}
#horiznav ul, #vertnav ul{
	padding:0;
	}
#horiznav li {
	display:inline;
	padding: 0 10px;
	}
#horiznav a, #vertnav a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	}
#horiznav a:hover, #vertnav a:hover{
	background-color:#278cc2;
	}

#secondbar{
	margin:0;
	padding:0;
	}
#secondbarleftblock{
	width:290px;
	height:230px;
	background-color:#464646;
	margin:0;
	padding:0;
	}
#vertnav{
	width:100px;
	height:187px;
	padding:10px;
	}
#vertnav li{
	padding:12px 0;
	}
#vertnav a{
	display:block;
	}
#secondbarrightblock{
	width:486px;
	height:230px;
	margin:0;
	padding:0;
	}
#secondbartopblock{
	height:35px;
	padding:8px 10px 3px;
	font-size:18px;
	}
#secondbartopblock h2, #secondbartopblock p{
	display:inline;
	margin-right:10px;
	}
#secondbarphoto{
	height:184px;
	padding:0;
	margin:0;
	}
#secondbartopblock, .midwraper{
	background-image: url(../images/dropshadow.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#FFFFFF;
	}
#midsection{
	border-bottom:4px solid #000;
	padding:0;
	margin:0;
	background:url(../images/mid_bg.jpg) repeat-x bottom;
	background-color:#578cc2;
	}
.midwraper{
	width:752px;
	margin:0 auto;
	border-left: 2px solid #333;
	border-right: 2px solid #333;
	padding:20px 10px 10px
	}
#footer{
	margin:0 auto;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	}
#footer a{
	color:#FFFFFF;
	}
	
.picleft{
	padding:10px 10px 10px 0;
	float:left;
	}
.picright{
	padding:: 10px 0 10px 10px;
	float:right;
	}
	
.clearit{
	clear:both;
	}
.floatleft{
	float:left;
	}
.floatright{
	float:right;
	}
	
h1, h2{
	color:#003c78;
	margin:0 0 10px 0;
	padding:0;
	}
h1{
	font-size:32px;
	}
h2{
	font-size:24px;
	}