/* == 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.2em; }

#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:44px; padding:0 8px 0 8px; color:#656565; background:#fff url(footer_bkgd.jpg) repeat-x; text-align:left; margin:0; }
#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:104%; 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; width:auto; margin:0; padding:9px 95px 0 0; height:30px; background:url(footer_divider.gif) no-repeat top right; }
.footerright 		{ text-align:right; margin:0; padding:17px 0 0 0; }

.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; back?round-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;}

#content .az a	 	{ text-decoration:none; color:#063d7f; cursor:pointer; background-color:inherit;}
#content .az a:hover { text-decoration:none; color:#006699; cursor:pointer; background-color:inherit;}

#content .maintext 	{ border-left:1px solid #ff9933; padding:0 0 0 8px; margin:10px 0 0 0;}
#content .image 	{ float:right; padding:10px 0 10px 10px; width:auto;}
#content .imagebullet { padding:0; /*min-height:60px;*/ height:auto; margin:0 0 20px 0; width:auto;}
#content .imagebullet p { padding:10px 0 0 80px; margin:0; display:block;}
#content .imagebullet ul { padding:5px 0 0 80px; margin:0; display:block;}
#content .imagebullet img { float:left; padding:0; margin:0; width:73px;}

/* GALLERY */
#content .caption	{ font-weight:bold; color:#888; display:block; text-align:left;}
#content .demo		{ position:relative; margin-top:2em;}
#content .gallery_demo { width:420px; margin:0 auto;}
#content .gallery_demo_unstyled	li { width:420px; margin:0 auto; background-image:none !important; text-align:center;}
#content .gallery_demo li { width:45px; height:50px; border:3px solid #ccc; margin: 0 2px; padding:0; background:#fff; background-image:none !important;}
#content .gallery_demo li div { left:240px;}
#content .gallery_demo li div .caption { font:italic 0.7em/1.4 georgia,serif;}

#main_image			{ margin:0 auto 20px auto; height:auto; width:405px; text-align:center; }
#main_image img		{ margin-bottom:10px; border:3px solid #ccc;}
.nav				{ width:410px; margin:auto; padding:15px 0 20px 0; clear:both; font:97% 'helvetica neue',sans-serif; letter-spacing:3px; }
.info				{ text-align:left;width:400px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p				{ margin-top:1.6em;}

#content .galleria	{ list-style:none;width:410px;}
#content .galleria li { display:block; width:65px; height:50px; overflow:hidden; float:left; margin:0 11px 10px 0; padding:0; }
#content .galleria li a	{ display:none;}
#content .galleria li div { position:absolute;display:none;top:0;left:180px;}
#content .galleria li div img { cursor:pointer}
#content .galleria li.active div img,.galleria li.active div { display:block; }
#content .galleria li img.thu?b { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;}
#content .galleria li .caption { display:block;padding-top:.5em;}
#content * html .galleria li div span { width:400px} /* MSIE bug */
	
.contactsheader		{ margin:0 0 8px 4px; padding:7px 0 0 85px; width:auto; /*font-size:1.3em;*/ color:#555; background:url("Icon_Contacts.gif") no-repeat;} 
.contacts 			{ width:auto;} 
.contacts table 	{ border:1px solid #d8d8d8; border-collapse:collapse; background:#e9f3f7; margin:8px; width:100%; /*font-size:inherit;*/} 
.contacts table th 	{ border:1px solid #d8d8d8; padding:4px; text-align:left; vertical-align:top; font-size:115%; color:#62909f;} 
.contacts table td 	{ border:1px solid #d8d8d8; background:#e9f3f7; padding:4px; text-align:left; vertical-align:top; width:auto;} 

.contacts .telephoneleft { float:left; width:65px; }
.contacts .telephoneright { width:auto; margin-left:70px; }

.postcode		 	{ width:auto; border:1px solid #d8d8d8; background:#e8e8e8; margin:12px auto 0 auto; padding:10px; /*font-size:inherit;*/} 
.postcode input 	{ margin:0 3px 0 3px; border:1px solid #c1ccd3;}
.postcode input.button {width:118px; height:23px; margin:0 0 0 3px; font-weight:bold; /*font-size:0.95em;*/ color:#fff; background:transparent url("Generic_button_orange.gif") no-repeat; padding:0 0 3px 0; cursor:pointer; border:none;}

.genimage 			{ margin:0; padding:1px; background:#eaeaea; height:auto;}
.genimageinner 		{ margin:0; padding:1px; background:#d5d5d5; height:auto;}
.genimageinner2 	{ margin:0; padding:1px; background:#b8b8b8; height:auto;}
.genimage img 		{ padding:0; border:2px solid #fff;}

#tabbednavigation 	{ margin:0 0 10px 0; padding:0; height:21px; width:auto; text-align:right; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; background:#fff url("ServicePage_Tab.jpg") repeat-x; list-style-type:none;}
#tabbednavigation ul 	{ float:right; border:none; margin:0; padding:0; list-style-type:none; text-align:right; width:auto;}
#tabbednavigation ul li { float:left; width:auto; text-align:center; padding:0; margin:0; /*font-size:0.9em;*/ list-style-type:none; border-left:1px solid #ccc;}
#tabbednavigation ul li a:link, #tabbednavigation ul li a:visited { background:transparent url("ServicePage_Tab.jpg") repeat-x; width:90px; height:19px; border:none; border-right:1px solid #fff; padding:1px 0 1px 0; margin:0; color:#0E2A5D; text-decoration:none; text-align:center; display:block;}
#tabbednavigation ul li a:hover, #tabbednavigation a:active, #tabbednavigation li#active a  { width:90px; height:19px; border:none; border-bottom:1px solid #CC6600; border-right:1px solid #fea82a; padding:1px 0 1px 0; margin:0; text-decoration:none; display:block; text-align:center; background:transparent url("ServicePage_Tab_on.jpg") repeat-x; color:#fff;}

#contentnavigation 	{ margin:0 0 10px 0; padding:0; height:auto; width:auto; border:1px solid #ccc; background:#e9e9e9; }
#contentnavigation ul { border:0; margin:0; padding:10px; list-style-type:none; width:auto; text-align:left;}
#contentnavigation ul li { text-align:left; padding:0; margin:0 5px 0 0; /*font-size:1em;*/; background-image:none; display:inline; color:#666; background-color:inherit; border-left:1px solid #c0c0c0; }
#contentnavigation ul li:first-child { border:none;}
#contentnavigation ul li a:link, #contentnavigation ul li a:visited { padding:0 5px 0 9px; margin:0; color:#0E386B; text-decoration:none; background-color:inherit;}

.SRcouncillors		{ width:auto; background:url("SearchIcons_Cllrs.gif")no-repeat top left; margin:20px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; }
.SRminutes			{ width:auto; background:url("SearchIcons_Minutes.gif")no-repeat top left; margin:8px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; }
.SRcontacts			{ width:auto; background:url("SearchIcons_Contacts.gif")no-repeat top left; margin:8px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; }
.SRinfopages		{ ?idth:auto; background:url("SearchIcons_InfoPages.gif")no-repeat top left; margin:20px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; }
.SRevents			{ width:auto; background:url("SearchIcons_Events.gif")no-repeat top left; margin:20px 0 8px 0; padding:10px 0 5px 60px; height:auto; border-bottom:1px dotted #ccc; }

.dividerup 			{ width:auto; height:10px; margin:8px 0 0 0; padding:0; background:url("Divider_up.jpg") repeat-x top right;}
.dividerdown 		{ width:auto; height:10px; margin:8px 0 8px 0; padding:0; background:url("Divider_down.jpg") repeat-x top right;}

.introarea 			{ padding:0 20px 0 10px; margin:0 0 20px 0; border-left:4px solid #ff9933; /*font-size:100%;*/ font-weight:bold; color:#777; height:103px; background-color:inherit;}
.introareaimg 		{ float:left; width:135px;}
.introareatext  	{ margin:0 0 0 140px; padding:0; }

#twocollist 		{ height:auto; margin:0; padding:0; }
#twocollist ul.left { float:left; width:340px; margin:0; list-style-type:none; }
#twocollist ul.right{ float:right; width:50%; margin:0; list-style-type:none; }
#twocollist ul li 	{ list-style-type:none; background-image:none; margin:7px 0 15px 0;}
#twocollist li 		{ border-left:1px solid #ff9933; padding:0; }

/* === FORMS === */
.form 							{ padding:0; width:620px; margin:0 auto 0 auto; line-height:normal}
.form form						{ padding:0; width:620px; margin:0 auto 0 auto; line-height:normal}
.form p 						{ clear:left; text-align:left; margin:0; padding:5px 0 8px 7px;}
.form ul li						{ color:#cc6600;}
.form img 						{ margin:0; padding:0 0 0 3px;}

.form fieldset 					{ width:600px; border:solid 1px #ccc; padding:5px; margin:5px; display:block; }
.form fieldset fieldset			{ width:95%; border:solid 1px #ccc; padding:5px; margin:5px; display:block; }
.form fieldset legend 			{ line-height:130%; font-size:115%; font-weight:bold; color:#669900; margin:0; padding:0 5px 0 5px; background:#fff;}
.form fieldset fieldset legend 	{ line-height:130%; font-size:99%; font-weight:bold; color:#336699; margin:0; padding:0 5px 0 5px; background:#fff;}
.form fieldset fieldset fieldset legend { line-height:130%; font-size:99%; font-weight:bold; color:#777; margin:0; padding:0 5px 0 5px; background:#fff;}
.form fieldset label 			{ width:195px; float:left; vertical-align:top; font-weight:normal; text-align:right; padding:0; display:block; }

.form div.field					{ clear:both; margin-bottom:0; padding:5px 0 8px 0;}

.form fieldset input 			{ width:270px; background:#fff; border:1px solid #adbfc2; margin:0 0 0 5px; padding:2px; /*font-size:0.96em;*/ color:#555; }
.form fieldset textarea 		{ width:270px; height:100px; font-family:Helvetica, Arial, sans-serif; /*font-size:0.96em;*/ background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; color:#555;}
.form fieldset select 			{ width:276px; height:auto; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; /*font-size:0.96em;*/ color:#555; }
.form fieldset select.short		{ width:100px; height:auto; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; /*font-size:0.96em;*/color:#555;}
.form .checkbox input 			{ margin-left:160px; width:15px; height:15px; background:#fff; border:none; margin:2px; padding:0; border:1px solid #adbfc2; }

.form fieldset textarea:focus, .form fieldset input:focus, .form fieldset select:focus  { background-color:#f4fdfa; color:#444; }

.form .indent 					{ width:350px; padding:10px 0 10px 200px; text-align:left; }
.form .indent p 				{ clear:both; text-align:left; margin:0; padding:3px 0 8px 0;}
.form .indent label 			{ float:right; font-weight:normal; text-align:left; padding:0 2px 4px 0; margin:0; width:325px; display:block;}
.form .indent input 			{ float:left; margin:0 0 4px 0; padding:0; border:none; width:13px; height:13px; display:block;}
.form input.button				{ float:left; width:103px; height:36px;  margin:0 6px 0 0; font-weight:bold; /*font-size:1em;*/ color:#fff; background:transparent url("Generic_button_Sml.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:inline;}
.form input.largebutton 		{ float:left; width:162px; height:36px;  margin:0 6px 0 0; font-weight:bold; /*font-size:1em;*/ color:#fff; background:transparent url("Generic_button_lge.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;}
.form input.clearbutton 		{ float:left; width:103px; height:36px;  margin:0 6px 0 0; font-weight:bold; /*font-size:1em;*/ color:#6d765e; background:transparent url("Generic_button_clear.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;}
.form input.navbutton 			{ float:left; width:103px; height:36px;  margin:0 6px 0 0; font-weight:bold; /*font-size:1em;*/ color:#fff; background:transparent url("Generic_button_blue.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:inline;}
.form input.falsebutton 		{ float:left; width:103px; height:36px;  margin:0 6px 0 0; font-weight:bold; /*font-size:1em;*/ color:#fff; background:transparent url("Generic_button_dummy.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:inline;}

.form .indent2					{ width:350px; padding:10px 0 10px 200px; text-align:left;}
.form .indent2 input 			{ margin:0 0 8px 0;}

.form .inlineinputs 			{ clear:left; width:305px; margin:4px 0 7px 198px; text-align:left; }
.form .inlineinputs label 		{ float:right; width:80px; font-weight:normal; text-align:left; padding:3px 2px 3px 0; margin:0 0 0 1px; color:#333; display:block;  line-height:normal; background:inherit;}
.form .inlineinputs input		{ float:left; border:1px solid #c1ccd3; /*width:13px; height:13px; */margin:0; padding:0;}
.form .inlineinputs span 		{ width:305px; padding:0px 0 7px 0; text-align:left; }	

.form .inlineinputs 			{ width:305px; margin:4px 0 7px 180px; text-align:left; }
.form .inlineinputs label 		{ width:80px; font-weight:normal; text-align:left; padding:3px 2px 3px 0; margin:0 0 0 10px; color:#333; display:block;  line-height:normal; background:inherit;}
.form .inlineinputs input		{ border:1px solid #c1ccd3; width:13px; height:13px; margin:0; float:left; padding:0;}
.form .inlineinputs span 		{ width:305px; padding:0px 0 7px 0; text-align:left; }

.form span.mandatory 			{ font-weight:bold; }
.form .validation				{ font-weight:bold; color:#cc6600; background:inherit;}
.form .disclaimer 				{ font-weight:normal; /*font-size:0.8em;*/ color:#666; background:transparent; margin:15px 0 0 0; padding:5px 0 0 0; border-top:1px dotted #999;}
.form .dropdown 				{ padding:2px; }

.form #calendar table 			{ border:none; margin:0; /*font-size:100%;*/} 
.form #calendar table thead td	{ border:2px solid #fff; padding:0; text-align:cen?er; /*font-size:100%;*/ font-weight:bold; color:#555;} 
.form #calendar table td 		{ border:none; padding:0; text-align:center; background:#e8e8e8;} 

.form fieldset.gradient			{ background:url("CIS_PageSearchBkgd.jpg") repeat-x bottom left; width:500px; margin:0 auto 15px auto; }
.form .AddSearchResults 		{ overflow:auto;width:575px;height:320px;}

/* == CRM forms == */
#crmForm 							{width:650px; margin:0 auto 0 auto; }
#crmForm div.Field, div.dateField 	{clear:both; margin-bottom:5px;}
#crmForm fieldset 					{width:600px; display:block; margin:0 0 1em 0; padding:1em 1em 0.5em 1em; border:1px solid #ccc;}
#crmForm fieldset legend 			{/*font-size:1.1em;*/ font-weight:bold; color:#669900; }
#crmForm input, textarea, select 	{display:block; width:21em; margin:5px 0 0 0; float:left;}
#crmForm div.query 					{width:40em;}
#crmForm div.query label 			{clear:both; width:190px; margin:0; text-align:right;}
#crmForm div.contact 				{width:40em;}
#crmForm div.query input, textarea, select {width:21em;}
#crmForm div.query select 			{/*font-size:100%;*/ width:21.5em;}
#crmForm div.dateField input		{width:14em;}
#crmForm div.dateField img 			{margin:0.2em 0.5em 0 0;}
#crmForm input.crmSubmitButton 		{clear:both; margin:0 0 3em 0; width:103px; height:36px; font-weight:bold; /*font-size:1.1em;*/ color:#fff; background:transparent url("Generic_button_sml.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;}
#crmForm input.crmAddressButton 	{clear:left; margin:4px 0 0 203px; width:162px; height:36px; font-weight:bold; /*font-size:0.95em;*/ color:#fff; background:transparent url("Generic_button_lge.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none; display:block;}
#crmForm label 						{float:left; text-align:right; display:block; font-weight:normal; width:190px; margin:0; clear:left; padding-right:1em;}
#crmForm select						{display:block;}
#crmForm fieldset.radio 			{clear:both; width:560px; padding:1em; margin:10px 0 0 0;}
#crmForm fieldset.radio input 		{float:left; width:auto; margin:0; clear:left;}
#crmForm fieldset.radio legend 		{/*font-size:1em;*/ font-weight:bold; color:#666;}
#crmForm fieldset.radio label 		{clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px;}
#crmForm div.validation 			{margin-top:0.5em; float:left; padding-left:0.5em; color:#cc6600;}
#crmForm label.validation 			{font-weight:bold;}
#crmForm div.feedback 				{clear:both; padding-bottom:1em; color:#cc6600;}
#crmForm div.returninfo				{clear:both; padding-bottom:1em; color:#444;}

#crmForm table 						{border:none; margin:0; /*font-size:100%;*/} 
#crmForm table thead td				{border:2px solid #fff; padding:0; text-align:center; /*font-size:100%;*/ font-weight:bold; color:#555;} 
#crmForm table td 					{border:none; padding:0; text-align:center; background:#e8e8e8;} 

#crmForm fieldset.checkbox 			{clear:both; width:560px; padding:1em; margin:10px 0 0 0;}
#crmForm fieldset.checkbox input 		{float:left; width:auto; margin:0; clear:left;}
#crmForm fieldset.checkbox legend 		{/*font-size:1em;*/ font-weight:bold; color:#666;}
#crmForm fieldset.checkbox label 		{clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px;}
#crmForm .AddSearchResults {overflow:auto;width:575px;height:320px;}
/* == WP Contact Info == */
.wp_contactinfo, .wp_eventinfo{display:block; margin:15px; width:300px;}
.wp_contactinfo span, .wp_eventinfo span {clear:both; display:block; width:400px; margin-bottom:20px;}
.wp_contactinfo select, .wp_eventinfo select {clear:both; display:block; margin-bottom:20px;}
.wp_contactinfo textarea, .wp_eventinfo textarea {margin-bottom:20px; display:block; border:1px solid #CCCCCC; background-image:url(cms-table-background.gif); height:100px; color:#666666;}
.wp_contactinfo textarea:hover, .wp_eventinfo textarea:hover{background-image:url(cms-form-background.gif);}
.wp_contactinfo label, .wp_eventinfo label{display:block;}
.wp_contactinfo table, .wp_eventinfo table {clear:both; display:block; margin-bottom:20px; }
.wp_contactinfo tead 				{padding:0;} 
#crmForm table thable td, .wp_eventinfo table td{text-align:center;  background-image:url(cms-table-background.gif); border:1px solid #CCCCCC? padding:5px;}
.wp_contactinfo table td label, .wp_eventinfo table td label{width:80px;}
.wp_contactinfo table td input, .wp_eventinfo table td input{border:none; background:none; margin:0;}
.wp_contactinfo table td:hover, .wp_eventinfo table td:hover{background-image:url(cms-form-background.gif);}
.wp_contactinfo input, .wp_eventinfo input { padding:2px; border:1px solid #CCCCCC; background-image:url(cms-input-gradient.gif); color:#666666; margin-bottom:20px; margin-right:10px;}
.wp_contactinfo img, .wp_eventinfo img {margin-bottom:20px;}
.wp_contactinfo input:hover, .wp_eventinfo input:hover{background-image:url(cms-form-background.gif);}
.wp_contactinfo br, .wp_eventinfo br{display:none;}

#AtoZmenu 			{ padding:0; margin:15px auto 20px auto; width:99%; }
#AtoZmenu ul 		{ padding:0 0 20px 0; margin:0; list-style-type:none; }
#AtoZmenu ul li 	{ Width:auto; float:left; padding:0; margin:0 2px 0 0; text-align:center; background-image:none; list-style-type:none; text-decoration:none; }
#AtoZmenu ul li a:link, #AtoZmenu ul li a:visited { width:1.2em; display:block; padding:4px 3px 4px 3px; margin:0; background:#e5e5e5; border:1px solid #ccc; background-image:none; text-decoration:none; color:#0e2a5d;}
#AtoZmenu ul li a:hover { color:#fff; background:#0099cc; border:1px solid #ccc; text-decoration:none;}

#AtoZmenu ul li .selected { width:1.1em; background:#006699; color:#fff; padding:4px; border:1px solid #666; margin:0; display:block;}
#AtoZmenu ul li .disabled { width:1.1em; color:#999; background:#e5e5e5; padding:4px; border:1px solid #ccc; margin:0; display:block;}

#content .eventcatlist table td { border:none;}
#content .eventcatlist table	{ border:none;}
#content .eventcatlist img 		{ margin-right:15px;}

#content .calmain table 	{text-align:center; margin-left:0; width:200px;}
#content .calmain a 		{text-decoration:none;}
#content .calmain td:hover 	{background-color:#D2E9FB;}
#content .calmain th		{background-color:#EEEEEE; font-weight:lighter;}

/* == Tree View Structure for Minutes and Agendas == */
#content div.AspNet-TreeView ul li, .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf {background-image:none; list-style-type:none; text-decoration:none;}
#content div.AspNet-TreeView ul li { margin-left:0; text-decoration:none;}
#content .AspNet-TreeView-Root li.AspNet-TreeView-Leaf-Nonlink  { margin-left:0px;}
div.AspNet-TreeView ul		{ width:650px; margin:0; padding:0;}
div.AspNet-TreeView ul li	{ padding:3px 0 2px 0; list-style:none; margin:0; display:block;}
div.AspNet-TreeView ul ul	{ margin:2px 0 2px 0;list-style:none; }
div.AspNet-TreeView ul li img { border:none; vertical-align:middle; margin:0 2px 0 0;}
div.AspNet-TreeView ul li a	{ text-decoration:none !important; color:#0E386B !important; }
div.AspNet-TreeView ul li a:hover	{ text-decoration:none !important; color:#006699 !important; }
#content .AspNet-TreeView li.AspNet-TreeView-Root .AspNet-TreeView-Leaf  { list-style-type:square !important; margin-left:30px; background-image:none; color:#999;}
div.AspNet-TreeView li.AspNet-TreeView-Root .AspNet-TreeView-ClickableNonLink { cursor:pointer; color:#444; font-weight:bold; text-decoration:none;}
.AspNet-TreeView-Nonlink { color;#444;}
div.AspNet-TreeView .AspNet-TreeView-Collapse { background:url("collapse.gif") 0 0 no-repeat; width:15px; margin-right:5px; float:left; cursor:pointer; line-height:15px; }
div.AspNet-TreeView .AspNet-TreeView-Expand	{ background:url("expand.gif") 0 0 no-repeat; width:15px; margin-right:5px; float:left; cursor:pointer; line-height:15px;}

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

/* === XSL CSS === */
/* == events categories == */
.eventcatlist		{display:block;}
.eventcatlist a		{text-decoration:none;color:#0E386B;}
.eventcatlist a:hover {text-decoration:none;color:#006699;}

#eventscatlist 			{ width:450px; height:auto;  margin:0 auto 0 auto; padding:0;}
#eventscatlist ul.left 	{ float:left; width:250p?; margin:0; list-style-type:none; position:relative; left:0; }
#eventscatlist ul.right { float:right; width:200px; margin:0;	list-style-type:none;  }
#eventscatlist ul li 	{ list-style-type:none; background-image:none; margin:3px 0 3px 0;}
#eventscatlist ul li a:link, #eventscatlist ul li a:visited { text-decoration:none; color:#0E386B;  }
#eventscatlist ul li a:hover { text-decoration:none; color:#006699;  }
#eventscatlist img		{ margin:0px 5px 0 0;}

.calendarcontainer 	{ position:relative; padding:10px 0 10px 10px; width:auto;}

 /* == events results == */
.events_row			{ margin-left:0; display:block;}      
.events_noresults	{ padding:10px 0 20px 0; font-weight:bold; }

#content .paging	{ border-top:1px dotted #b0b0b0; padding:8px 0 8px 0; margin:10px 0 10px 0; width:auto; display:block;}
#content .paging li { float:left; width:25px; list-style:none; background-image:none; padding:3px 0 2px 0; margin:0 0 6px 0; height:auto;}
#content .paging a:link, #content .paging a:visited	{ margin:0 4px 0 0; background:url("icon_page.gif") no-repeat top left; width:25px; height:21px; padding:4px 9px 6px 5px; color:#fff; font-weight:bold; /*font-size:0.85em;*/ text-decoration:none; }	
#content .paging a:hover, #content .paging #current { background:url("icon_page_current.gif") no-repeat top left; width:21px; height:21px; color:#CC6600; font-weight:bold; /*font-size:0.85em;*/ text-decoration:none;}

#content .pagingtop { border-bottom:1px dotted #b0b0b0; padding:8px 0 8px 0; margin:10px 0 10px 0; width:auto; display:block;}
#content .pagingtop li { float:left; width:25px; list-style:none; background-image:none; padding:3px 0 2px 0; margin:0 0 6px 0; height:auto;}
#content .pagingtop a:link, #content .paging a:visited	{ margin:0 4px 0 0; background:url("icon_page.gif") no-repeat top left; width:25px; height:21px; padding:4px 9px 6px 5px; color:#fff; font-weight:bold; /*font-size:0.85em;*/ text-decoration:none; }	
#content .pagingtop a:hover, #content .paging #current { background:url("icon_page_current.gif") no-repeat top left; width:21px; height:21px; color:#CC6600; font-weight:bold; /*font-size:0.85em;*/ text-decoration:none;}


.buttonbar			{ margin:0 0 10px 0; padding:0; height:21px; width:auto; text-align:right; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;  border-right:1px solid #ccc; background:#fff url("ServicePage_Tab.jpg") repeat-x; list-style-type:none;}
.rss				{ background:url("RSSFeed_icon.gif") no-repeat top right; padding:2px 25px 0 0; margin:2px 4px 0 0;}
#content .rss a:link, #content  .rss a:visited	{ color:#063d7f; text-decoration:none; }

.row 		{ clear:right;}	  
.ecol1 		{ width:80px; float:left; font-weight:bold; }	  
.ecol2 		{ width:auto; margin:0 0 0 90px;}

/* == press release display == */     
.prcol1 			{ float:left; width:80px; }
.prcol2 			{ width:auto; margin-left:100px; }
    
/* == press release one display == */  
.row1 				{width:auto; margin:0 0 5px 0;}
.row2 				{width:auto; margin:0 0 5px 0;}
.row3 				{width:auto; margin:0 0 5px 0;}
.row4 				{width:auto; margin:0 0 5px 0;}

/* -- LightBox --  */
#lightbox			{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img		{ width:auto; height:auto;}
#lightbox a img		{ border:none; }

#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer		{ padding:10px; }

#loading			{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav			{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a			{ outline:none;}

#prevLink, #nextLink{ width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block; }
#prevLink 			{ left:0; float:left;}
#nextLink 			{ right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%	; }

#imageData			{ padding:0 10px; color:#666; }
#imageData #imageDetails { width:70%; float:left; text-align:left; }	
#imageData #caption	{ font-weight:bold;	}
#imageData #numberDisplay { display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose { width:66px; float:right;  padding-bottom:0.7em; outline:none;}	 	

#overlay			{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }

.imagesbox			{float:right; width:215px; padding:0 0 15px 12px; }
.images				{border:1px solid #c5c5c5; padding:4px; margin:0 0 5px 0; text-align:center; }
.images	img			{max-width:200px; max-height:160px; }
.imagecaption		{background:#ebebeb; padding:3px 4px 3px 4px; font-weight:bold; color:#666; text-align:left;}
.imageenlarge		{background:#ebebeb url("enlargeImage.gif") no-repeat top left; padding:0px 2px 5px 20px; margin-top:4px; text-align:left;}




/* ============= 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#subonline 					{ display:none; }
ul#subonline li 				{  width:170px; border:none; padding:4px 0 4px 5px; margin:0; height:auto;  }
ul#subonline li a				{ padding:0; margin:0; font-weight:normal; font-size:98%; color:#444 !important; background-image:none;display:block; }
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; }