/* == GENERAL == */
* 					{ margin:0; padding:0;}
ul 					{ list-style-type:none;}
html, body 			{ min-height:85%; margin:0; padding:0;}
body 				{ background:#394246; font-size:100%; font-family:Helvetica, Arial, sans-serif; text-align:center; color:#444; padding:15px 5px 15px 5px;}

.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; font-size:105%;}
q 					{ font-weight:bold; font-size:105%; 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; font-size:0.86em; 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;}

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

#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-left:2px; padding:0; width:26px;}
/*#cis_searchbox input.cisbtn { float:left; width:140px; height:15px; margin:3px 0 0 0; padding:2px; color:#666; font-size:100%; border:1px solid #c1ccd3;}
#cis_searchbox img	{ float:left; background:url("CIS_SearchBtn.gif") no-repeat top left; border:none; cursor:pointer; margin:0 0 6px 5px;}*/

.questionnaire 		{ width:auto; padding:5px 5px 2px 5px; margin:4px 0 0 0; border:1px solid #c1ccd3; background:#efefef url("Nav_bkgd.jpg") repeat-x top left; font-size: 0.9em;}
.questionnaire div	{ color:#444; font-size:0.9em; line-height:1.2em; background:url("Questionnaire_icon.gif") no-repeat; padding:0 0 0 40px;}
.questionnaire a:hover div	{ color:#006699;}

#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 217px; padding:0; height:100%; width:auto; min-width:706px;}

#footer 			{ height:44px; padding:0 8px 0 8px; color:#656565; font-size:73%; 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:103%; 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:124px 8px 0 0;}
#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;}
#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;}

#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;}
#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; line-height:normal; 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 0px 0 0; padding:0; text-align:left; line-height:1.25em; position:relative;}
#content p 			{ margin:10px 0 10px 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; }

/* === HOMEPAGE === */
#contenthome 		{ width:auto; font-size:0.82em; margin:0 0px 0 0; padding:0; text-align:left;}
#contenthome li 	{ margin:3px 0 0 5px; padding:0; }
#contenthome a 		{ color:#006699; text-decoration:none; background-color:inherit; font-weight:normal;} 
#contenthome a:hover, #contenthome a:visited  { color:#0099cc; text-decoration:none; background-color:inherit; font-weight:normal; } 
#contenthome a.headerlink { color:#063d7f; text-decoration:none; background-color:inherit; font-weight:bold; font-size:105%;} 
#contenthome a:hover.headerlink, a:visited.headerlink { color:#006699; text-decoration:none; background-color:inherit; font-weight:bold; font-size:105%; } 

#firstrow 			{ float:left; width:auto; margin:15px 0 0 0; padding:0 0 10px 0; text-align:center;}
#secondrow 			{ float:left; width:auto; padding:0; margin:0; background:url("Divider_up.jpg") repeat-x bottom right;}

.online 			{ float:left; width:167px; margin:0; padding:0;}
.tasks 				{ float:left; width:364px; margin:0; text-align:right; }
.popularpages 		{ float:left; width:188px; margin:0; }

/* == ONLINE == */ 
#online_buttons 						{ margin:0; padding:0; width:157px; position:relative; }
#online_buttons ul						{ width:157px; margin:0; padding:0; list-style-type:none; line-height:normal;}
#online_buttons ul li 					{ margin:0 0 3px 0; padding:0; text-align:left;}
#online_buttons ul li a, #online_buttons ul li a:visited { display:block; margin:0; color:#fff; text-decoration:none; font-weight:bold; font-size:1em;}
#online_buttons ul li a:hover 			{font-weight:bold; font-size:1em; text-decoration:none; color:#fff;}

#online_buttons ul li a.button_a 		{ background:url("PayForIt.jpg") no-repeat top left; display:block;  width:auto; height:38px; margin:0; padding:20px 0 0 48px; } 
#online_buttons ul li a:hover.button_a 	{ background:url("PayForIt_rollo.jpg") no-repeat top left;} 

#online_buttons ul li a.button_b 		{ background:url("ApplyForIt.jpg") no-repeat top left; display:block; width:auto; height:38px; margin:0; padding:20px 0 0 48px;} 
#online_buttons ul li a:hover.button_b 	{ background:url("ApplyForIt_rollo.jpg") no-repeat top left; } 

#online_buttons ul li a.button_c 		{ background:url("ReportIt.jpg") no-repeat top left;  display:block; width:auto; height:38px; margin:0; padding:20px 0 0 48px;} 
#online_buttons ul li a:hover.button_c 	{ background:url("ReportIt_rollo.jpg") no-repeat top left; } 

#online_buttons ul li a.button_d 		{ background:url("HaveYourSay.jpg") no-repeat top left; display:block; width:auto; height:38px; margin:0; padding:20px 0 0 48px;} 
#online_buttons ul li a:hover.button_d 	{ background:url("HaveYourSay_rollo.jpg") no-repeat top left;} 

/* == POPULAR PAGES == */
.greybox 			{ width:auto; padding:1px; margin:0; border:1px solid #c1ccd3; background:#efefef url("Nav_bkgd.jpg") repeat-x bottom left; text-align:left; height:233px; font-size:98%; overflow:none; }
.greybox .boxheader { background:url("PopPages_box_header.jpg") repeat-x top left; font-size:1.3em; color:#fff; height:21px; width:181px; padding:3px 0 2px 5px; margin-bottom:4px;}

/* == TASKS == */
#task_buttons 		{ margin:0; padding:0; }
#task_buttons ul 	{ width:auto; margin:0; padding:0; list-style-type:none; display:inline;}
#task_buttons ul li { float:left; margin:0 5px 5px 0; padding:0; text-align:left; font-size:1.3em; width:173px; }
#task_buttons ul li a, #task_buttons ul li a:visited { display:block; margin:0; padding:4px 0 0 4px; background:#e8e8e8 url("task_bkgd.jpg") repeat-x top left; border:1px solid #c1ccd3; height:110px;}
#task_buttons ul li a:hover { display:block; background:transparent url("taskbox_blue_bkgd.jpg") repeat-x bottom left; color:#000; text-decoration:none; cursor:pointer;}
#task_buttons ul li img {float:right;}

#task_buttons .text { float:left; width:95px;}
#task_buttons .image { margin:0 0 0 97px; width:auto; vertical-align:baseline; height:91px;}

/* START - NEW BY PT */
#task_buttons .text-portrait { float:left; width:95px; }
#task_buttons .image-portrait { margin:0 0 0 97px; width:auto; vertical-align:baseline; height:91px;}

*html #task_buttons .text-portrait { float:left; width:85px;}
*html #task_buttons .image-portrait { margin:0 0 0 86px; width:auto; vertical-align:baseline; height:91px;}

#task_buttons .text-landscape { float:left; width:50px; }
#task_buttons .image-landscape { margin:0 0 0 48px; width:auto; vertical-align:baseline; height:91px;}
/* END - NEW BY PT */

#task_buttons .image img { vertical-align:bottom; }
#task_buttons p 	{ padding:0px 0 0px 0; width:auto; font-size:77%; color:#444; background:inherit;}

.taskboxone 		{ color:#006699; background:transparent;}
.taskboxtwo 		{ color:#cc6600; background:transparent;}
.taskboxthree 		{ color:#336600; background:transparent;}
.taskboxfour 		{ color:#669900; background:transparent;}

#news  				{ border-bottom:2px solid #56c0df; margin:0 0 4px 0; padding:4px 0 0 0; height:18px; width:723px;}
.news				{ float:left; font-size:1.6em; font-weight:bold; line-height:1.1em; color:#56c0df; padding:0;}
.morenews			{ text-align:right; margin:0 0 0 200px; background:url("MoreNews_arrow.gif") no-repeat right 6px; padding:2px 10px 0 0;}

#newscontainer		{ background:#e8e8e8 url("news_spacerLine.gif"); float:left; }
.newsitem			{ background:transparent; float:left; width:168px; padding:6px; margin-right:1px; text-align:center;}
.newsitemtitle		{ font-weight:bold; }
.newsitem p			{ text-align:left; padding:2px;}
.newsitem img		{ background:url("fpg_border.gif") no-repeat 0 0; padding:4px; margin:0 0 4px 0;}

.morenewsitem		{ width:80%; padding:6px; margin:5px auto 5px auto; border-bottom:1px solid #c1ccd3; min-height:95px;}
.morenewsitemtitle	{ font-weight:bold; }
.morenewsitemtext	{ text-align:left; padding:0; margin-left:178px;}
.morenewsitem img	{ float:left; background:url("fpg_border.gif") no-repeat 0 0; padding:4px; margin:0 0 4px 0;}

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

/* === 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:1.15em; 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; 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 0px;}
.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 0px;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;}