/* == GENERAL == */
* 					{ margin:0; padding:0;}
ul 					{ list-style-type:none;}
html, body 			{ min-height:85%; margin:0; padding:0;}
body 				{ background:#394246; font-size:62.5%; font-family:Helvetica, Arial, sans-serif; text-align:center; color:#444; padding:15px 5px 15px 5px; line-height:normal; behavior:url("./_layouts/1033/styles/dcc/csshover.htc");}

.skipnav 			{font-size:6pt; text-decoration:none; position:absolute; left:0; top:-100px; }
.hidden 			{ position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden; }

h1 					{ font-size:200%; margin:0; padding:8px 0 5px 0; color:#444; font-family:inherit; font-weight:normal; background-color:inherit; line-height:normal;}
h2 					{ font-size:145%; margin:0; padding:8px 0 0 0; color:#669900; font-family:inherit; font-weight:normal; background-color:inherit; line-height:normal;}
h3 					{ font-size:130%; margin:0; padding:8px 0 0 0; color:#006699; font-family:inherit; font-weight:normal; background-color:inherit; line-height:normal;}
h4 					{ font-size:115%; margin:0; padding:8px 0 0 0; color:#444; font-family:inherit; font-weight:bold;background-color:inherit; line-height:normal;}

blockquote 			{ margin:15px 20px 0 20px; padding:5px; font-weight:bold;}
.quotee  			{ margin:3px 0 10px 13px; padding:0; color:#666; background-color:transparent;}
q 					{ font-weight:bold; color:#666; background-color:transparent; margin:10px 0 3px 7px; }
q:before, q:after 	{ content:"";}
strong 				{ font-weight:bold;}
.abbr 				{ border-bottom:1px dotted #999;  cursor:help;}
hr 					{ border:none; border-top:1px dashed #ccc; width:99%; height:1px; margin:0; text-align:center}
.caption 			{ font-weight:bold; color:#666; background:transparent; margin:0 0 0 7px;}
.center 			{ text-align:center; margin:0 auto 0 auto;}
sup 				{ line-height:2em;}
sub  				{ line-height:1.2em; }
img, img a			{ border-style:none;}
input, textarea		{ font-family:Helvetica, Arial, sans-serif; font-size:1em;}

/* == STRUCTURAL == */
#wrapper 			{ width:950px; min-height:100%; padding:12px; background:#fff; margin:0 auto 0 auto; text-align:left; font-size:1.3em; }
#footerwrapper 		{ width:950px; padding:0 12px 10px 12px; background:#fff; margin:0 auto 0 auto; text-align:left; font-size:1.3em; }

#dccheader 			{ height:152px; width:auto; background:url("Header.jpg") no-repeat top left; padding:0;}
.header_left 		{ float:left; width:200px; padding:20px 0 0 25px; text-align:left;}
.header_right 		{ width:auto; height:auto; padding:0; margin:0 0 0 210px; text-align:right; }

#dccheadertwo 		{ height:154px; width:auto; background:url("Header_plain.jpg") no-repeat top left; padding:0; text-align:left;}
#dccheadertwo img	{ padding:20px 0 0 25px;}
#dccheadertwo p		{ margin:35px 0 0 8px; /*font-size:0.88em;*/ color:#004F82;}

#searchbox 			{ width:auto; height:52px; background:url("Searchbox_bkgd.jpg") repeat-x top left; margin:0; padding:8px; text-align:left;}
#searchbox input 	{ float:left; width:140px; height:auto; margin:8px 0 0 0; padding:2px; color:#666; /*font-size:0.8em;*/ border:1px solid #c1ccd3;}
#searchbox input.searchbutton { float:left; background:url("Icon_Search.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;}

/* == MY DURHAM SEARCH BOX == */
#cis_searchbox 		{ width:auto; height:100px; background:url("blue_bkgd.jpg") repeat-x top left; margin:0 0 5px 0; padding:5px 7px 7px 7px; text-align:left; border:1px solid #c1ccd3; /*font-size:0.8em;*/}
#cis_searchbox p 	{ padding:3px 0 2px 0; }
#cis_searchbox input{ float:left; width:140px; height:auto; margin:3px 0 0 0; padding:2px; color:#666; /*font-size:100%;*/ border:1px solid #c1ccd3;}
#cis_searchbox input.cisbtn {float:left; border:none; background:url("CIS_SearchBtn.gif") no-repeat left top; cursor:pointer; height:26px; margin:0 0 4px 2px; padding:0; width:26px;}

#dbsearchbox 		{ width:auto; height:50px; border:1px solid #c1ccd3; background:#fff url("Nav_bkgd.jpg") repeat-x top left; margin:6px 0 0 0; padding:8px; text-align:left; /*font-size:0.83em;*/ }
#dbsearchbox .column{ float:left; width:auto; border-right:1px dotted #c1ccd3; margin:0 10px 0 0; padding:0 10px 0 0; display:block; }
#dbsearchbox .heading { color:#666; /*font-size:1.1em;*/ font-weight:bold; }
#dbsearchbox input	{ float:left; width:140px; height:auto; margin:8px 0 0 0; padding:2px; color:#666; /*font-size:0.8em;*/}
#dbsearchbox select { float:left; width:146px; height:auto; margin:6px 0 0 0; padding:2px; color:#666; /*font-size:0.8em;*/}
#dbsearchbox input.searchbutton2 { float:left; background:url("Icon_Search2.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;}
#dbsearchbox input.gobutton { float:left; background:url("Icon_Go.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:5px;}

#colleft 			{ float:left; width:200px; text-align:left; height:100%; padding:0; margin:0;}
#colright 			{ margin:0 0 0 212px; padding:0; height:100%; width:auto; min-width:706px;}

#footer 			{ height:60px; padding:0 8px 0 8px; color:#656565; background:#fff url(footer_bkgd.jpg) repeat-x; text-align:left; margin:0;  line-height:1.5em; }
#footer ul 			{ padding-top:8px; }
#footer li 			{ display:inline; border-left:1px solid #999; height:auto; padding:0 2px 0 6px;}
#footer a, #footer a:visited { color:#0E2A5D; text-decoration:none; font-size:100%; padding:0; background-color:transparent}
#footer a:hover 	{ color:#006699; text-decoration:none; background-color:transparent}
#footer li:first-child	{ border:none;}

.footerleft 		{ float:left; margin:0; padding:15px 0 0 0; height:40px; background:url(footer_divider.gif) no-repeat top right; width:620px; }
.footerleft img 	{ float:left; margin:0 5px 3px 0; }
.footerright 		{ text-align:right; margin:0; padding:11px 0 0 0; font-size:96% }
#footer .footerright a 	{ font-size:inherit }
.noDateMod			{ padding-top:11px;}

.clearer 			{ clear:both; height:1px; width:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
.spacer 			{ padding-top:13px;}


/* == NAVIGATION == */
#topnav 			{ float:right; width:auto; height:auto; margin:0; padding:0 8px 0 0; top:124px; position:relative;}
#topnav ul 			{ float:right; padding:0 0 2px 0; margin:0; background:#fff url("topnav_corner.gif") no-repeat top right; }
#topnav ul li 		{ float:left; width:auto; margin:0; padding:3px 6px 3px 6px; text-align:center; border-left:1px solid #66ccff; border-bottom:1px solid #e5e5e5; background:transparent; height:16px;}
#topnav ul li a, #topnav ul li a:visited { /*font-size:0.83em;*/ color:#063d7f; text-decoration:none; margin:0; background:transparent; display:block;}
#topnav ul li a:hover { /*font-size:0.83em;*/ color:#006699; text-decoration:none; background:transparent; } 
#topnav ul li.current { border-bottom:1px solid #fff;}

#breadcrumb  		{ color:#777; background-color:#fff; padding:0; margin:8px 0 5px 0; text-align:left; /*font-size:0.8em;*/ height:auto;}
#breadcrumb li 		{ margin:0; padding:0; list-style:none; display:inline; background-image:none;}
#breadcrumb a, #breadcrumb a:visited { margin:0; padding:0 2px 0 0;  background-color:inherit; color:#0099cc; font-weight:normal; text-decoration:none;}
#breadcrumb a:hover { margin:0; color:#006699; font-weight:normal; background-color:inherit;}

/* MAIN NAVIGATION */
#navigation 		{ width:auto; padding:0 7px 7px 7px; margin:0; border:1px solid #c1ccd3; background:#efefef url("Nav_bkgd.jpg") repeat-x bottom left; /*font-size:0.9em;*/ line-height:1em;}
#navigation ul 		{ width:auto; margin:0; padding:0; list-style-type:none; font-weight:bold; }
#navigation ul li 	{ margin:2px 0 2px 0; padding:12px 0 0 0; /*font-size:0.9em;*/ background:url("dotted_line.gif") repeat-x top left; }
#navigation ul li a:link, #navigation ul li a:visited {color:#063d7f; text-decoration:none; font-weight:normal; margin:0; padding:0 0 0 14px; background:transparent url("Nav_arrow.gif") no-repeat top left;}
#navigation ul li a:hover { color:#006699; background:transparent url("Nav_arrow.gif") no-repeat top left;}

#navigation ul li:first-child { background-image:none; }

.topofpage			{ width:auto;}
.topofpage a, .topofpage a:visited { /*font-size:0.83em;*/ color:#0099cc; text-decoration:none; font-weight:normal; padding:0; margin:0; background-color:inherit;}
.topofpage a:hover 	{ color:#006699; font-weight:normal; text-decoration:none; background-color:inherit;}

/* == MAIN CONTENT == */
#content 			{ width:auto; /*font-size:0.83em;*/ margin:0 10px 0 7px; padding:0; text-align:left; }
#content p 			{ margin:2px 0 12px 0;}
#content ul 		{ margin:7px 0 10px 15px; list-style-type:none; padding:0; }
#content ul li 		{ margin:4px 0 4px 0; padding:0 0 0 12px; background:url("bullet.gif") no-repeat top left; }
#content ul ul li 	{ margin:4px 0 4px 7px; padding:0 0 0 2px; background-image:none; list-style:square;}
#content ol 		{ margin:7px 0 10px 15px; }
#content ol li 		{ margin:4px 0 4px 12px; padding:0; background-image:none;}
#content a:link 	{ color:#444; text-decoration:underline; /*font-size:inherit;*/ background-color:inherit; font-weight:normal;} 
#content a:hover 	{ color:#006699; text-decoration:underline;  background-color:inherit; font-weight:normal; } 
#content a:visited 	{ color:#666; text-decoration:underline; /*font-size:inherit;*/ background-color:inherit; font-weight:normal;} 
#content a.headerlink { color:#006699; text-decoration:none; background-color:inherit; font-weight:normal;/*font-size:105%;*/} 
#content a:hover.headerlink, #content a:visited.headerlink { color:#3399CC; text-decoration:none; background-color:inherit; font-weight:normal; /*font-size:105%;*/ } 
#content table 		{ border:1px solid #ccc; border-collapse:collapse; margin:8px auto 10px auto; width:99%; /*font-size:100%;*/} 
#content table th 	{ border:1px solid #ccc; padding:4px; text-align:left; vertical-align:top; /*font-size:110%;*/ color:#555;} 
#content table td 	{ border:1px solid #ccc; padding:4px; text-align:left; vertical-align:top;} 
#content table caption 	{ text-align:left; padding:10px 2px 5px 0; color:#777; /*font-size:115%;*/ font-weight:bold; background-color:inherit;} 
#content .noborder table, #content .noborder table td, #content .noborder table th { border:none;}


/* === ERROR SCREENS === */
.errorscreens {margin:0 auto 0 auto; width:900px; padding:20px; text-align:center;}
.errorscreens img {margin:0 auto 20px auto; }


/* ============= HOMEPAGE ============= */
/*body							{ behavior:url("csshover.htc");}*/

/*=== IF IE6 
*html .newscontainer li			{ display:block; width:101px; height:32px; background-color:#009ec0; padding:4px 2px 0 6px; color:#fff; border:none; line-height:1.1em;  font-size:103%;  }===*/
/*=== IF IE6 ===*/

#contenthome 					{ width: auto; margin:0; padding:0; text-align:left;}
#contenthome a 					{ color:#063d7f; text-decoration:none; background-color:inherit; font-weight:normal;}  
#contenthome a:hover, #contenthome a:visited  { color:#009ec0; text-decoration:none; background-color:inherit; font-weight:normal; } 

.home_cols						{ float:left; width:505px; margin:0; }
.home_cols2						{ float:left; width:230px; margin:0; }
.home_itemcontainer_top			{ /*float:left;*/ border-left:6px solid #d7d7d7; padding:0 0 0 6px; margin:0 0 14px 0; width:auto;}
.home_itemcontainer_btm			{ /*float:left;*/ border-left:6px solid #d7d7d7; padding:0 0 0 6px; margin:0; width:auto;}

#contenthome .newscontainer		{ position:relative; height:302px; overflow:hidden}
#contenthome .newscontainer ul	{ width:auto }
#contenthome .newscontainer li	{ display:block; width:99px; height:33px; background-color:#009ec0; padding:2px 5px 2px 5px; border:none; border-bottom:1px solid #fff; border-right:1px solid #fff; color:#fff; /*line-height:1.1em;*/ font-size:103%; }
#contenthome .newscontainer li:hover { background-color:#00819d; color:#cff; }

#contenthome .news span			{ position:absolute; padding:0; left:110px; visibility:hidden; text-decoration:none; }
#contenthome .news li:hover span{ visibility:visible; top:0; left: 110px;  z-index:10;}
#contenthome span.newsshow 		{ position:absolute; padding:0; left:110px; top:0; visibility:visible; text-decoration: none; }

.newstext						{ background-color:#d8edf6; width:358px; height:63px; padding:3px; color:#444; border:3px solid #b6e2eb; font-size:94%; line-height:1.2em }
#contenthome .newstext a		{ text-decoration:underline; color:#444}
#contenthome .newstext a:hover	{ text-decoration:underline; color:#069;}
#contenthome .newstext p		{ margin:0 0 6px 0; }


/*** 3 static boxes at bottom ***/
.statics						{ width:476px; height:176px;}

.statics_text					{ height:82px; width:140px; padding:0 0 10px 0; margin:0; overflow:hidden;}
.statics_text p					{ font-size:82%; color:#444; overflow:hidden; line-height:1.1em; margin-top:6px;}
#contenthome .statics_text a	{ color:#444; text-decoration:underline;}
#contenthome .statics_text a:hover { color:#009ec0; text-decoration:underline;}
.statics_img					{ height:80px; width:140px; padding:0; margin:0; border:1px solid #d8d8d8;}

.staticsbox1					{ float:left; background:url("Homepage_static_bkgd.jpg") no-repeat top right; color:#0058a2; font-size:120%;  width:140px; height:180px; overflow:hidden; padding:0 5px 0 5px; margin:0;}
.staticsbox2					{ float:left; background:url("Homepage_static_bkgd.jpg") no-repeat top right; color:#008860; font-size:120%; width:141px; height:180px; overflow:hidden; padding:0 5px 0 5px; margin:0  0 0 12px;}
.staticsbox3					{ float:left; background:url("Homepage_static_bkgd.jpg") no-repeat top right; color:#ec008c; font-size:120%; width:141px; height:180px; overflow:hidden; padding:0 5px 0 5px; margin:0 0 0 12px;}

/*** ONLINE SERVICES ***/
ul#online						{ width:auto; }
ul#online, ul#online ul, ul#online li { width:176px; margin:0; padding:0; list-style-type: none;}

ul#online li 					{ width:215px; height:40px; border-bottom:1px #319500 dotted; margin:2px 0 0 0; padding:0;}
ul#online li a, ul#online li a:visited { display:block; width:165px; font-weight:bold; text-decoration:none; color:#777; margin:0 0 0 45px; padding:18px 0 0 0; background-color:transparent; background:url("Icon_DropDownArrow.gif") no-repeat bottom right; outline:none; }
ul#online li a:hover			{ color:#390; font-weight:bold; background-color:transparent;  background:url("Icon_DropUpArrow.gif") no-repeat bottom right;}
ul#online li a:active			{ color:#999; font-weight:bold; background-color:transparent; outline:none;}

ul#online ul.subonline 			{ display:none; }
ul#online ul.subonline li 		{ width:170px; border-bottom:1px #89c06e dotted; padding:4px 0 4px 5px; margin:0; height:auto;  }
ul#online ul.subonline li a		{ padding:0; margin:0; font-weight:normal; font-size:98%; color:#444 !important; background-image:none;display:block; }
ul#online ul.subonline li a:hover	{ color:#390 !important; }
ul#online li:hover ul.subonline	{ display:block; position:relative; background:#fff url("online_dropBkgd.jpg") repeat-x bottom left; border:3px solid #aed19d; border-top:1px solid #fff; margin:7px 0 0 33px; padding:0;}
ul#online li:hover ul.subonline li a { display:block; border:none; padding:0; margin:0; background-image:none; font-weight:normal; }

.apply							{ background:url("HomeIcon_applyForIt.gif") no-repeat 2px 0;}
.report							{ background:url("HomeIcon_reportIt.gif") no-repeat 2px 0;}
.pay							{ background:url("Homepage_payForIt.gif") no-repeat 2px 0;}
.say							{ background:url("HomeIcon_HaveYourSay.gif") no-repeat 2px 0;}

/* LATEST & MOST VISITED */
.homeheader						{ font-size:150%; margin:0; padding:0 0 5px 0; color:#0092bc; font-family:inherit; font-weight:normal; background-color:inherit; line-height:0.98em }

/* latest */
.latest							{ width:auto; line-height:1em;}
.latest li 						{ padding:5px 0 0 17px;}
.star							{ background:url("HomepageIcon_Latest.gif") no-repeat; background-position:0 5px;}
.morelink						{ background:url("HomepageIcon_more.gif") no-repeat; background-position:0 5px;}

/* popular */
.popular						{ width:auto; line-height:1em;}
.popular li 					{ padding:5px 0 0 14px; background:url("HomepageIcon_Popular.gif") no-repeat; background-position:0 5px;}

/*.footerlefthome 				{ float:left;  margin:0; padding:10px 0 0 0; height:30px; background:url(footer_divider.gif) no-repeat top right; width:600px; }
.footerlefthome img 			{ float:left; margin-right:5px; }*/