/*		CSS for UBOC		*/
/*		created 06/16/08		*/
/*		by Patrick Rovito provito@imaginepub.com		*/

@import "reset.css";

/*-------------------- LAYOUT --------------------*/

body{
	font-family:/*"Helvetica Narrow", "Myriad Pro",*/ Helvetica, Arial, sans-serif;
	font-size:small;
}

#container{margin:0 auto;}

#masthead{
	width:788px;
	height:185px;
	margin:0 auto;
	background:url(../images/mastheadGeneral_index.gif) 0% 0% no-repeat;
}

/*		MAIN NAV		*/
#nav{
	width:632px/*745px*/;
	height:31px;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	margin:0 auto;
	padding:0 0 0 113px;
	background:#c8321f;
}
ul#mainNav{
	width:100%;
	height:100%;
	margin:0;
	font-size:100%;
}
ul#mainNav li{
	display:block;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	margin:0;
	padding:0 1.30em;
	line-height:2.4em;
	float:left;
}
	ul#mainNav li.last{border-right:0;}
ul#mainNav li + li{border-left:0;}
ul#mainNav li a{
	display:inline;
	width:99.5%;
	height:100%;
	font-weight:bold;
	color:#fff;
}

#content{
	width:745px;
	margin:0 auto;
}
#mainContent{
	width:705px;
	min-height:1000px;
	padding:30px 20px 0;
	background:url(../images/gradeMain.jpg) 0% 0% repeat-x;
	float:left;
}
#sidebar{
	border:2px solid #ccc;
	margin:25px auto;
	padding:10px 20px;
	background:#cfe6f4;
}

#subContent{
	width:150px;
	min-height:1000px;
	padding:50px 20px 0;
	background:url(../images/gradeSubLtBl2.jpg) 0% 0% repeat-x;
	float:right;
}

#footer{
	width:780px;
	margin:20px auto 0;
	padding:20px 0;
	background:url(../images/dividerH.jpg) 0% 0% no-repeat;
	clear:both;
}

/*-------------------- TYPOGRAPHY --------------------*/

h1{text-indent:-2000px;}

h2{
	height:20px;
	margin:-10px 0 0;
	background:100% 00% no-repeat;
	text-indent:-2000px;
	float:right;
}

#subContent h2{
	display:block;
	margin:0 0 0 -20px;
	background:0% 50% no-repeat;
	line-height:1.5em;
	background-image:url(../images/headerSub.png);
	text-align:left;
	float:none;
}
	
h3{
	margin:20px 0;
	font-size:120%;
	text-transform:capitalize;
	color:#111f4a;
}

h4{
	margin:5px 0;
	font-size:95%;
	color:#d71921;
}

h5{
	margin-top:15px!important;
	font-weight:bold;
}

p, h5{
	margin:8px 0;
	font-size:90%;
	line-height:1.45em;
	color:#333;
}
h3 + p, p.callout{
	font-style:oblique;
	font-weight:bold;
	color:#111f4a;
}
p.deck{/* remove this when people stop using IE6 */
	font-style:oblique;
	font-weight:bold;
	color:#111f4a;
}
#sidebar p{color:#111f4a;}
#footer p{margin-left:200px;}
	p.footnote{
		margin:3px 0;
		font-size:80%;
	}

sup{font-size:80%; vertical-align:super;}

/*		LISTS		*/
ul{
	list-style:none;
	font-size:90%;
	list-style:outside disc;
}
	table ul, #sidebar ul{list-style-position:inside;}

ul li{
	margin:10px 20px;
	line-height:1.3em;
	color:#333;
}
table ul li{
	margin:5px;
}

dl{margin:0 15px;}
	#subContent dl{margin:0 0 40px 0;}
dl dt{
	margin:20px 0 10px;
	font-size:110%;
	font-weight:bold;
	color:#111f4a;
}
	#subContent dt{
		margin-bottom:2px;
		font-size:95%;
		letter-spacing:normal;
		line-height:1.3em;
	}
dl dd{
	margin:10px 0 5px 10px;
	font-size:90%;
	line-height:1.5em;
	color:#333;
}
dd span{color:#437aa1;}
	#subContent dd{
		font-weight:normal;
		line-height:1.3em;
		color:#333;
	}

/*		IMAGES		*/
#mainContent img{
	border:1px solid #d4d4d4;
	margin:4px 0 10px 20px;
	padding:2px;
	float:right;
}

/*		TABLES		*/
table.investDisclaimer{
	width:60%;
	border:1px solid #333;
	border-top:0;
	margin-bottom:15px;
	font-size:80%;
	color:#333;
}
table.investDisclaimer td{
	border-top:1px solid #333;
	padding:5px;
	background:#d7d7d7;
}
table.investDisclaimer td + td{background:none;}

/*		LINKS		*/
a{
	text-decoration:none;
	color:#333;
}
a:link{}
a:visited{}
a:hover{text-decoration:underline;}
a:active{}

dt a{color:#d71921;}
dd a{color:#d71921;font-weight:bold;}

#sidebar p a{color:#d71921;}
#sidebar sup a{color:inherit;}

a[rel="archive"]{
	margin:20px 0;
	font-weight:bold;
	color:#d71921;
}

/*-------------------- IE --------------------*/

/*	IE6+	*/
* html #nav{padding-left:111px;}
* html ul#mainNav{border-left:2px solid #fff;}
* html ul#mainNav li{border-left:0;}
* html #mainContent, * html #subContent{height:1000px;}
* html #masthead p{margin-top:56px;}
* html a.archive{margin:20px 0; font-weight:bold; color:#d71921;}

* html h2{margin-top:-13px}
	* html #pageAttorneys #subContent h2{background-image:url(../images/headerSubR.jpg);}
	* html #pageCPA #subContent h2{background-image:url(../images/headerSubLtGray.jpg);}
	* html #pageDoctors #subContent h2{background-image:url(../images/headerSubLtBl.jpg);}
	* html #pageGeneral #subContent h2{background-image:url(../images/headerSubGr.jpg);}
	* html #pageRetail #subContent h2{background-image:url(../images/headerSubY.jpg);}
	* html #pageWholesale #subContent h2{background-image:url(../images/headerSubLtGray.jpg);}
	* html #pageShared #subContent h2, * html #pageArchive #subContent h2{background-image:url(../images/headerSubGr.jpg);}

/*	IE7+	*/
*:first-child+html #masthead h2{margin-top:-28px;}