/*/*/
/* SC.GOV Styles - Copyright South Carolina 2005-2010 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/
/**************** RESET BROWSER STYLES *********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {	
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********************* STANDARD TAGS **********************/
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font: normal normal .9em/100% "Trebuchet MS", "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #444;
	background: #EBE4CB url(../images/wallpaper-final.gif) repeat 0 0;

}
#masthead, #nav {font: normal normal 1em/1em "Trebuchet MS", "Myriad Pro", Arial, sans-serif;}
			
	.hide, #siteName {
	display: block;
	top: -300px;
	position: absolute;	
	}
	h1, h2, h4, h5, h6 {
	color: #294B78;
	}
	h1 {
	font: normal normal 1.9em/100% Georgia, serif;
	}
	h2 {
	font: normal normal 1.6em/110% Georgia, serif;
	color: #224064;
	margin: .5em 0px .3em;
	padding: 1px 0px 3px;
	}
	h2 a { color: #333; text-decoration: none;}
	h3 {
	font-size: 1.1em;
	color: #000;
	font-weight: bold; letter-spacing: .03em;
	line-height: 1.3em; text-transform: uppercase;
	}
	h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: .5em 0 .4em 0;
	}
	
	p {margin:.2em 0 1.3em; line-height: 130%;}
	img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
	img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
	blockquote {margin:1.5em;}
	strong {font-weight:bold;}
	em, dfn {font-style:italic;}
	dfn {font-weight:bold;}
	sup, sub {line-height:0;}
	abbr, acronym {border-bottom:1px dotted #666;}
	address {margin:0 0 1.5em;font-style:italic;}
	del {color:#666;}
	pre {margin:1.5em 0;white-space:pre;}
	pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
	#content li ul, li ol {margin: 0 1.5em;}
	#content ul, ol {margin:0 1.5em 1.3em 3em;}
	#content ul {list-style-type:disc; }
	#content ol {list-style-type:decimal;}
	#content dl dt{margin-bottom: .5em;}
	.coda-slider-wrapper ul, div.large ul, div.governor ul, div.local ul, div.even ul, div.odd ul, ul.tabs {
	list-style-type: none !important; margin: 0 !important;}
	div.large ul li, div.governor ul li, div.local ul li, div.even ul li, div.odd ul li { margin: 0 !important;}

	
	a:link {
	color: #003366;
	text-decoration: underline; 
	} 
	a:visited {
	color: #35628F;
	text-decoration: underline;
	} 
	a:hover, a:active {
	color: #669966;
	text-decoration: underline;
	} 

	


/********************** FRONT PAGE **********************/
div.alert {
	display: none;
	background: #FFE8BF;
	border: 1px solid #FFC45F;
	padding: 1em 0;
	color: #FF3300;
	width: 100%;
	margin-bottom: 1em;
	padding-left: 5px;
	
}
 .coda-slider-wrapper {
	background: #C45039 url(../images/carousel-footer-repeater.jpg) repeat-x 0 100%;
	width: 100%;
	}
	.coda-slider-wrapper ul {
	background: url('../images/sprite-scgov.png') no-repeat 677px -116px;
	width: 685px;
	float: left;
	font-size: .95em;
	letter-spacing: .03em; 
	}
	.coda-slider-wrapper ul li {
	display: block;
	float: left;
	padding: .7em 1em .4em .9em !important;
	}
	.coda-slider-wrapper ul li.tab1 {
	background: url('../images/sprite-scgov.png') no-repeat 0 -84px;
}
	.coda-slider-wrapper a {
	text-transform: uppercase;
	color: #6F3122;
	text-decoration: none;
	}
	.coda-slider-wrapper a:hover, .coda-slider-wrapper a.current {
	color: #FFF;	
	}
	
	/* Required for Sider JS */
	.coda-slider, .coda-slider .panel { width: 685px;   } 
	.coda-slider-wrapper { clear: both; overflow: auto; width: 685px; }
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	

	
	
	
	

div.large {
	width: 450px;
	margin: 15px 10px 0 0;
	background: url(../images/corner-green-bottomright.jpg) no-repeat 100% 98%;
	/* background: url(../images/sprite-scgov.png) no-repeat 392px -15.25em; */
	padding-bottom: 1px;
	}
	div.large div.inner {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 448px;
	padding-bottom: .5em;
	}
	div.inner ul, div.inner p  {
	font-size: .85em; 
	line-height: 1.75em;
	}
	div.inner p  {line-height: 1.5em; margin: .5em 10px 0;}
	div.inner #NewsList li {
	line-height: 1.25em; 
	margin: .5em 10px .8em 10px !important;
	}
	
	div.large div.left, div.large div.right {
	width: 195px;
	border: none;
	float: left;
	margin: .5em 10px;
	} 
	div.large div div.right {float: right;}
	div.large h2 {
	font: normal normal 1.9em/100% Georgia, serif;
	background: url('../images/sprite-scgov.png') no-repeat 0 -211px;
	margin: 0; 
	padding: 0;
	height: 1.7em;
	width: 450px;
	}
	div.large h2 a {
	text-decoration: none;
	background: url('../images/sprite-scgov.png') no-repeat 117% -258px; 
	/* background: url(../images/corner-doublewidth-topleft.jpg) no-repeat 0 0;*/
	display: block;
	padding: 10px 0 .5em 10px;
	color: #003366;
	}
	div.large h2 a:hover {color: #669966; }
	div.large h4 {
	margin: .5em 0 .5em 0;
	}
	
	div.large ul.tabs {
	clear: both;
	width: 430px;
	background: url(../images/corner-green-repeater.jpg) repeat-x 0 0;
	float: left;
	}
	div.large ul.tabs li.first {
	padding-left: 10px;
	background: url('../images/sprite-scgov.png') no-repeat 0px -362px;
}
	div.large ul.tabs li, ul.tabs2 li {
	display: block; 
	float: left;
	
	}
	div.large ul.tabs li a {
	display: block; 
	float: left;
	padding-left: 10px;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: .05em;
	margin: 0;
	}
	ul.tabs a:active {
	outline:none;		
}

	div.large ul.tabs li a span {
	padding: .7em 15px 10px 0em; 
	display: block; 
	float: left; 
	}
	div.large ul.tabs li a:hover, div.large ul.tabs li a.current {
	color: #000;
	background:  url('../images/sprite-scgov.png') no-repeat 0 -1611px;
	outline:none;
	border: none;
	}
	div.large ul.tabs li a:hover span, div.large ul.tabs li a.current span {
	background:  url(../images/tab-greenbg-right.jpg) no-repeat 100% 0px;
	}



	
	
div.pane h3 {
	font: normal normal 1.5em/110% Georgia, serif;
	background: url('../images/sprite-scgov.png') no-repeat 0 -305px;
	margin: 0; 
	padding: 0;
	height: 1.2em;
	width: 217px;
	text-transform: none;
	position: relative; /* Places it on top of background image inside div.inner */
	}
	div.pane h3 a {
	text-decoration: none;
	background: url(../images/corner-governor-topright.jpg) no-repeat 100% 0%;
	display: block;
	padding: 2px 0 .2em 10px;
	color: #003366;
	}
	div.pane h3 a:hover {color: #669966; }	
	

div.governor, div.odd, div.even {
	width: 217px;
	margin: 15px 0px 0px 7px;
	background: url(../images/corner-blue-bottomright.jpg) no-repeat 100% 99%;
	padding-bottom: 2px;
	}
	div.governor div.inner, div.odd div.inner, div.even div.inner, div.local div.inner {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 205px;
	background: url(../images/governor-seal.gif) no-repeat 100% 50%;
	padding: 2em 5px .5em 5px;
	}
	div.governor div.inner img {float: left; margin-right: .5em; }
	div.governor div.inner ul li {padding-left: .7em;}
	div.governor li.large {
	font-size: 1.2em; 
	font-weight: bold;
	line-height: 120%;
	margin: .5em 0 1.2em !important;
	}
	div.governor li.last {margin: .3em 0 .8em 3px !important; clear: left;}
	
	
	
	div.governor ul.tabs2, div.even ul.tabs3, div.odd ul.tabs4{
	clear: both;
	width: 209px;
	background: url(../images/corner-blue-repeater.jpg) repeat-x 0 0;
	float: left;
	font-size: .8em; 
	line-height: .85em;
	}
	div.governor ul.tabs2 li.first {
	padding-left: 6px;
	background: url('../images/sprite-scgov.png') no-repeat 0 -148px;
}
	div.large ul.tabs li, ul.tabs2 li, .tabs3 li, .tabs4 li {
	display: block; 
	float: left;
	margin: 0;
	}
	div.governor ul.tabs2 li a, .tabs3 li a, .tabs4 li a {
	display: block; 
	float: left;
	padding-left: 7px;
	color: #FFF;
	text-decoration: none;
	margin: 0;
	}
	div.governor ul.tabs2 li a span, .tabs3 li a span, .tabs4 li a span {
	padding: .7em 12px 10px 0em; 
	display: block; 
	float: left; 
	}
	div.governor ul.tabs2 li a:hover, div.governor ul.tabs2 li a.current, 
	.tabs3 li a.current, .tabs4 li a.current, .tabs3 li a:hover, .tabs4 li a:hover {
	color: #000;
	background:  url('../images/sprite-scgov.png') no-repeat 0 -1549px;
	outline:none;
	border: none;
	}
	div.governor ul.tabs2 li a:hover span, div.governor ul.tabs2 li a.current span {
	background:  url(../images/tab-blue-right.jpg) no-repeat 100% 0px;
		}
	
	
	/* Second row of rounded boxes 
	/* Local appears first (local), then Connect/Social/Photo (even), and finally How/Help/Alerts (odd) */
	div.local, div.odd {
	margin: 15px 0; 
	width: 219px;
	}
	div.even {
	margin: 15px 16px 10px 16px;
	width: 215px;
	}
	div.even img.flickr {margin-left: 38px;}
	div.even, div.odd {background: url(../images/corner-tan-bottomright.jpg) no-repeat 100% 99%;}
	div.local {background: url(../images/corner-smallbox1-bottomright.jpg) no-repeat 100% 99%; clear: left;}
	div.local div.pane {background: url(../images/corner-smallbox1-bottomleft.jpg) no-repeat 0% 99%; padding-bottom: .2em;}
	div.local img {float: right;}
	div.odd img {float: left;}
	
	div.odd div.inner, div.even div.inner, div.local div.inner {
	background: none;
	width: 207px;
	padding-top: .5em;
	}
	div.even div.inner {width: 203px;}
	div.local div.inner {margin-bottom: 12px;}
	div.odd div.inner p, div.even div.inner p, div.local div.inner p,
	div.odd div.inner ul, div.even div.inner ul, div.local div.inner ul {
	margin-left: .5em !important;
	}
	div.odd div.inner p, div.even div.inner p, div.local div.inner p {line-height: 125%;}
	
	/* Box Headers */
	div.local div.pane h3, div.odd div.pane h3, div.even div.pane h3 {
	background: url(../images/corner-smallbox1-topleft.jpg) no-repeat 0 0;
	height: 2.5em;
	width: 219px;
	}
	div.even div.pane h3 {background: url(../images/corner-smallbox2-topleft.jpg) no-repeat 0 0; width: 215px;}
	div.local div.pane h3 a, div.odd div.pane h3 a, div.even div.pane h3 a {
	text-decoration: none;
	background: url(../images/corner-smallbox1-topright.jpg) no-repeat 100% 0%;
	display: block;
	padding: .5em 0 1.5em .6em;
	color: #003366;
	}
	div.even div.pane h3 a {background: url(../images/corner-smallbox2-topright.jpg) no-repeat 100% 0%;}
	
	/* Box Tab Navigation */
	div.even ul.tabs3, div.odd ul.tabs4 {
	width: 212px;
	background: url(../images/corner-tan-repeater.jpg) repeat-x 0 0;
	font-size: .85em;
	
	}
	div.even ul.tabs3 {width: 208px;}
	.tabs3 li.first, .tabs4 li.first {
	padding-left: 8px;
	background: url(../images/corner-tan-bottomleft.jpg) no-repeat 0 0%;
	}
	.tabs3 li a, .tabs4 li a {color: #333;}
	.tabs3 li a.current, .tabs4 li a.current, .tabs3 li a:hover, .tabs4 li a:hover {
	background:  url(../images/tab-tan-left.jpg) no-repeat 0% 0px;
	}
	ul.tabs3 li a:hover span, ul.tabs3 li a.current span,
	ul.tabs4 li a:hover span, ul.tabs4 li a.current span {
	background:  url(../images/tab-tan-right.jpg) no-repeat 100% 0px;
	}
	
	
	/* Social Media List */
	div.inner ul.social {margin: 0 0 2em .5em; }
	.inner ul.social li {float: left; width: 9em; padding-bottom: .7em;}
	li.delicious {clear: left;}
	div.inner ul.social li a { 
	display: block;
	float: left;
	width: 6em;
	padding-left: 23px; 
	margin: 0 .8em 0em 0;
	}
	
	li.rss a {background: url(../images/icon-rss.jpg) no-repeat 0 0;}
	li.flickr a {background: url(../images/icon-flickr.jpg) no-repeat 0 0;}
	li.facebook a {background: url(../images/icon-facebook.jpg) no-repeat 0 0; }
	li.twitter a {background: url(../images/icon-twitter.jpg) no-repeat 0 0;}
	li.user a {background: url(../images/icon-usersurvey.jpg) no-repeat 0 0;}
	li.delicious a {background: url(../images/icon-delicious.jpg) no-repeat 0 0; clear: left;}
	

/** HELP CENTER ***/
	a.small {
	font: normal normal .9em/130% Arial, sans-serif;
	color: #666;
	text-decoration: none;
	}
	span.small {
	font-size: .85em;
	color: #666;
	}
	div.live-help h3 {padding-top: 1em;}
	div.live-help img {float: right; margin: 0em 1em 1em .7em;}
	div.live-help strong {color: #333;}
	div.popular-links {margin: .5em 0 2em 0; padding: 0; width: 100%;}
		div.popular-links ul {
		width: 650px;
		margin: 1em 0 0 0;
		padding: 0 0 0 0px;
		}
		div.popular-links li {
		display: inline; /* Corrects IE6 double left margin error*/
		list-style: none;
		float: left;
		width: 225px;
		padding: 0px 0 5px 0;
		line-height: 130%;
		margin: 0 0 0 40px;
	}

	/* How Do I */
	ul.how li {
			padding-left: 0px; 
			margin-left: 2.5em; 
			line-height: 1.7em; 
			list-style-type: square !important;
			display: block;
			width: 250px;
			float: left;	
}

 

/********************** SECONDARY PAGES **********************/
.crumbs {
	color:#009933;
	padding-bottom:10px;
	width: 100%;
	}
	.crumbs span.ms-sitemapdirectional {
	color:#8cd866;	
	}
	
.topics {width:465px;}	
div.topics h2 {
	font: bold 1.1em/100%  Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	background: url(../images/corner-sub-GreenLeft.gif) no-repeat 0 1px;
	height:1.8em;
	width: 462px;
	padding: 1px 0px 4px 0px;
	margin: 0;
	}
	div.topics h2 span {
	text-decoration: none;
	background: url(../images/corner-sub-GreenRight.gif) no-repeat 100%  5px;
	padding: 0px 0px 0 15px;
	margin-top: -5px;
	display: block;
	color:#FFFFFF;
	line-height:2.5em;
	}
	div.topics p, div.topics ul, div.sub-feature p, div.sub-feature ul {
	font-size: 1em; 
	line-height: 1.2em;
	padding: 0px 5px 10px 10px;
	}
	div.topics li, div.sub-feature li {
	list-style: none;
	line-height:1.5;
	margin: 0 0 .3em 0;
	padding: 0;
	width: 190px;
	}
	div.topics div ul, div.sub-feature ul {margin:0 0 0 .8em !important; }
	div.topics .inner {
	padding:.5em 0px 0 0; 
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC;
	margin: 0 0 -3px 0;
	width: 460px;
	}
	
	
div.topic-bottom h2, div.topic-bottom h2 span {
	width:462px;
	display:block;
	background:url(../../images/topics-btm-left.gif) no-repeat -1px 0;
	padding: 0 !important;
	margin:0px;
	height: 19px; 
	}	
	 div.topic-bottom h2 {margin-bottom: 1.5em;}	
	 div.topic-bottom h2 span{	background:url(../../images/topics-btm-right.gif) no-repeat 100% 0;	}
	
div.resources {
	width: 458px;
	}	
	div.resources h2 {
	background:#99cc66;
	color:#FFFFFF;
	height: 1em;
	padding: 4px 0px 4px 6px;
	font: bold 1.1em/100%  Arial, Helvetica, sans-serif;
	margin: .5em 0 .7em 0;
	}
#content dt {
	margin: .3em 0 .4em 0;
	padding: 0 0 0 15px;
	background:url(../images/bullet-blue.gif) no-repeat 0px 2px;
	}
	
#content dd {
	padding:0 0 10px 15px;
	}
		
#sub-right {
	width: 210px;
	padding-left: 0px;
	}

div.right-links { 
	width: 210px;
	padding: 0 0 0 5px; 
	margin-left: 10px;
	}
	div.right-links h3 {	
    background: url(../images/links-orange-left.gif) no-repeat 0 3px;
	color: #FFFFFF;
	padding: 3px 0px 1px 15px;
	height: 2.8em;
	font: bold 1.1em/100%  Arial, Helvetica, sans-serif;
	width: 215px;
	text-transform: none;
	}
	div.right-links h3 span {	
    background: url(../images/links-orange-right.gif) no-repeat 17px 0px;
	padding: 3px 0 0 0;
	width: 215px;    
	height:3em;
	display: block;
	}
	div.right-links h4, div.right-links p {	
	padding: 0;
	margin: .3em 15px;
	}
	div.right-links h4 {margin-bottom: .5em; line-height: 120%;}
	div.right-links img {
	padding: 10px; 
	background: #F1F1F1; 
	border: 1px solid #ddd; 
	display: block; 
	margin: 5px 0;
	}
	div.right-links div.inner {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 210px;
	padding-bottom: .3em;
	padding-top: 4px;
	margin: -7px 0 0 0;
	}
	
div.links-bottom h2 {
	width: 175px;
	height:1.2em;
	background: url(../images/corner-sub-small-left.gif) no-repeat 0 0;
	padding-left:37px;
	margin-top:-4px;
	}	
	div.links-bottom h2 span {
	xwidth: 210px;
	height: 2em;
	background:url(../images/corner-sub-small-right.gif) no-repeat  100% -1px;
	display:block;
	}

.feature {
	width:215px;
	}
	div.sub-feature {
	width:215px;
	padding: 5px 0 10px 15px;
	}
	div.sub-feature h3{
	text-transform: uppercase;
	background: url(../images/thin-blue-line-sub.gif) repeat-x;	
	padding: 0px 10px 10px 15px;
	}
	div.sub-feature span{
	background:#FFFFFF;
	height:12px;	
	}
	
.help-alert {	
	width:215px;
	padding: 0 10px 20px 27px;
	}
	.alerts {
	width:180px;
	background: url(../images/bullet-exclamaion.gif) no-repeat 0 0;
	padding: 0 0 0 30px;
	height:24px;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	.help {
	width:180px;
	background:url(../images/bullet-cross.gif) no-repeat 0 0;
	padding: 0 0 0 30px;
	height:24px;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}	
	

div.feedback {
	width:210px;
	background-color:#f4f2eb;
	padding:10px 0 10px 10px;
	margin-left: 5px;
	}
	div.feedback h2 {
	text-transform: uppercase;
	color:#234970;
	font: normal normal 1.3em/120% "trebuchet MS", Arial, Helvetica, sans-serif;
	}
	div.feedback p {
	color:#234970;
	font: bold .8em/100%  Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding: 5px 0px 5px 0;
	margin-right: 5px;
	}
	input.feedback-button {
	border: 1px solid #d3cdc2;
	font: normal bold 1em/100% Trebuchet MS, Arial, Helvetica, sans-serif ;
	padding:.1em;
	margin-left: 10em;
	margin-right:.4em;
	margin-top: .1em;
	margin-bottom:.5em;
	color: #333333;
	}
	input.feedback-button:hover {
	background-color: #ffb44d;
	color: #234970;
	cursor: pointer;
	}
	textarea.feedback {
		border-style: none;
		/*background :url(../images/feedback-input.gif) no-repeat 0 0;*/
		padding: .2em .3em;
		width: 193px !important;
		}
		input.feedback:focus {
		/*background:  url(../images/search-input-focus.gif) no-repeat 0 0;*/
		outline: none;
		}
		

/*** Traffic Tickets and Fines Payments  ***/
#mapsearch {margin: 0 80px 50px 80px;}
			ul.county-list {
			margin: 1.5em 0 1.5em 0; 
			padding: 0;
			width: auto; 
			float: left;
			}
			ul.county-list li {
			margin: 0; 
			padding: 0;
			list-style: none;
			}
			ul.county-list li a {
			display: block;
			border: 1px solid #DDD;
			width: 10em;
			padding: .6em 0 .6em 3em;
			margin: .7em 0 .7em 0em;
			text-transform: uppercase;
			color: #555;
			text-decoration: none;
			letter-spacing: .05em;
			background-color: #F4F0E6;
			text-align: left;
			}
			ul.county-list li a:hover {
			border-color: #979C91; 
			color: #000;
			}			
/*** e11 ***/
#n11Nav {
	margin: 0 auto;
	border-bottom: 1px dotted #AAA; 
	padding-bottom: 4em;}
	#n11Nav li {
	list-style: none;
	padding: 0 50px; line-height: 1.5em;
	}


hr {
	border: none 0;
	border-top: 1px dashed #333;/*the border*/
	width: 50%;
	height: 1px;
	}

h1.n11logo {
	background: #FFF url(../images/e11.jpg) no-repeat 0px 0;
	color: #7D9966 !important;
	margin: 0 0 0px 80px;
	text-indent: -4000px;
	height: 90px;
	}
	h1.n11logo span {
	color:#003366;
	}
	#n11 h4 {
	margin: 2em 0 .3em 0;
	} #n11 p {margin-bottom: .8em;}
	h4.h4black {
	margin-bottom:50px;
	color:#333;
	}
	
	
#n11 div.odd {
	width: 100%;
	background: #EEE;
	padding: 1em 0;
	margin: 4em 0 4em 0;
	border: 1px solid #DDD;
	padding-bottom: 2.5em;
	}
	#n11 div.odd h3 {margin-top: 0;}
	#n11 div.odd ul {padding: 0 2em 1em 2em;}
	#n11 div.odd ul li {padding-bottom: .5em;}
	#n11 p, #n11 h3, #n11 h4 {
	margin-right: 1em; 
	margin-left: 1em;
	}

a.tothetop {
	display: block; 
	float: right; 
	margin-right: 1em; 
	}		
		
/*** News Center ***/
#newsCenterNav {
	display: block;    
	width: 650px;    
	text-align:center;    
	font-size:0.9em;    
	font-weight: bold;    
	line-height: 130%;    
	background-color: #F8F7E9;    
	padding: 0.4em;    
	margin: .5em 0;    
	color: #87875A;    
	border: 3px solid #F2F1DB;    
	}  
	#newsCenterNav a {    
	font-weight: normal;    
	color: #003366;    
	}  
	#newsCenterNav a:hover {    
	background-color: #f3eeb8;    
	color: #4a8a4a;    
	}  
	.newsCenterContent dd {width: 620px;}
	span.date {    
	font: normal normal bold .9em/150% Tahoma,Arial,Helvetica,sans-serif;    
	color:#3F3F3F;    
	}


div.officers div {width: 500px; }
	div.officers div p { margin-bottom: .8em;}
	div.officers div img {
	padding: 3px; 
	border: 1px solid #DDD;
	margin: 0 15px 6em 0; 
	clear: left;
	float: left;
	}
	div.officers div p strong a {font-size: 1.1em;}
	div.officers div br {clear: none;}
	

/*** FORMS ***/
	#content fieldset {
	position: relative;
	display: block;
	margin: 1.3em 0 1.5em 0;
	border: none;
	border-top: 1px solid #DDD; 
	clear: both;
	padding: 0 0 1.5em 1.5em;
	}
	#content legend, fieldset p.heading {
	color: #234970;
	padding: .5em;
	margin: 0px 0 10px 0;
	vertical-align: bottom;
	font-size: 1.25em;
	font-weight: bold;
	}
	
	#content label, #content input, #content select, #content textarea {
	display: block;
	float: left;
	margin: 0px .3em .7em 0px;
	letter-spacing: .02em;
	}
	#content label, #content p.label {
	color: #555;
	background: #EFECE0;
	xborder: 1px solid #DFDDC3;
	text-align: right;
	width: 16em;
	padding: .5em 5px .6em 0px;
	margin-right: .5em;
	font-size: .9em;
	}
	#content input { padding: 3px 2px; letter-spacing: .04em;}
	#content textarea {width: 23.5em; font: normal 1em/120% Courier New, ANdale Mono, monospace; padding: .3em;}
	
	#ctl00_PlaceHolderMain_SubmitButton {
	border: 1px solid #DDD;
	font: normal bold 1.2em/100% Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: .2em 1em .2em 1em;
	margin-right: 2em;
	margin-top: 2em;
	background: #EEE;
	color: #234970;
	float: right !important;
	}
	#ctl00_PlaceHolderMain_SubmitButton {
	background-color: #234970;
	color: #FFF;
	cursor: pointer;
	}

	br {clear: left;}
	fieldset em, fieldset span {
		padding-top: .4em; 
		font-size: .9em; 
		color: #000;
		display: block; 
		float: left; 
		margin-left: 5px;
		}
		
#ctl00_PlaceHolderMain_TreeView1 table {
clear: left;
}
.success, .info, .caution {
	color: #000;
	font-weight: bold;
	border: 3px solid #EFECE0;
	display: block;
	padding: .6em .5em .7em 3.5em;
	background: #FFF url(../images/success.gif) no-repeat 6px 3pt;}
	.info {background: #FFF url(../images/information.gif) no-repeat 6px 3.5pt;}
	.caution {border-color: #FFC15F; background: #FFF9D2 url(../images/caution.gif) no-repeat 6px 3.5pt;}
	

/********************** NAVIGATION **********************/
/*** Quick Links/ Top Nav ***/
	#quick-links {width: 400px; float: left;}
	#quick-links ul {
	z-index: 10;
	width: 400px;
	margin-left: 243px;
	padding-top: 108px;
	
	}
	#quick-links li {
	color: white;
	display: block;
	width: auto;
	float: left;
	margin: 6px 1.3em 3px 0;
	padding: 5px 2px;
	}
	#quick-links li a {
	color: white;
	text-decoration: none;
	padding: 5px;
	}
	#quick-links li a:hover  {
	background: url(../images/ql-right-tab.gif) no-repeat 100% 1px;
	color: #234970;
	padding: 5px 5px 5px 0;
	}
	
	#quick-links li a:hover span {
	background: #FFF url('../images/sprite-scgov.png') no-repeat 0 -1169px;
	color: #234970; 
	padding: 4px 0 3px 5px;
	}
	
/* MOSS NAV */
.RadPanelBar .rpSlide {display: none;}
#ctl00_RadPanelBar1 ul {
	float:left;
	width: 100%; 
	clear: both;
	background: url(../images/nav-line.gif) no-repeat 50% 100%;
	padding-bottom: 1.8em;
	margin-bottom: 1.8em;
	}
	#ctl00_RadPanelBar1 li {
	float: left;
	clear: both;
	width: 100%;
	margin: .15em 0;
	}
	#ctl00_RadPanelBar1 li a, #nav ul.sub li a {
	margin-left: 5px;
	color:#555555;
	text-decoration: none;
	display: block;
	width: 214px;
	font-weight: normal;
	letter-spacing: .03em;
	float: left;
	clear: left;
	
	}
	#ctl00_RadPanelBar1 li a span.rpOut {
	padding: 8px 15px 8px 13px; 
	display: block; 
	float: left; 
	width: 186px;
	}
	#ctl00_RadPanelBar1 li a:hover, #ctl00_RadPanelBar1 li a:active, 
	#ctl00_RadPanelBar1 li a.rpSelected, #ctl00_RadPanelBar1 li a.rpExpanded 
	{color: #FFF;}


	#ctl00_RadPanelBar1 li a:hover, #ctl00_RadPanelBar1 li a.rpSelected, 
	#ctl00_RadPanelBar1 li a.rpExpanded, #ctl00_RadPanelBar1 li a:active  {
	background: url(../images/sprite-scgov.png) no-repeat 0 -1745px;
	}

	#ctl00_RadPanelBar1 li a:hover span.rpOut, 
	#ctl00_RadPanelBar1 li a:active span.rpOut,
	#ctl00_RadPanelBar1 li a.rpSelected span.rpOut,
	#ctl00_RadPanelBar1 li a.rpExpanded span.rpOut {
	background: url(../images/nav-hover-bottom.jpg) no-repeat 0 100% ;
	}

/* MOSS Left SubNav */
#ctl00_RadPanelBar1 ul ul, ul.sub ul { 
	background: none;
	margin-bottom: .5em;
	font-size: 85%;
	display: block;	
	padding: .3em 0 0 !important;
	width: 225px; float: left;
	}
	#ctl00_RadPanelBar1 ul.rpLevel1 li a, ul.sub ul li a {
	color: #234970;
	padding: .2em 0 .2em 13px;
	width: 205px;
	background: none; 
	}
	#ctl00_RadPanelBar1 ul.rpLevel1 li a:hover, #nav ul.rpLevel1 li a:active,
	#ctl00_RadPanelBar1 ul.rpLevel1 li a.rpSelected,
	#nav ul.sub ul li a:hover, #nav ul.sub ul li a:active {
    background: none !important;
	color: #000; 
	text-decoration: underline;	
	}
	#ctl00_RadPanelBar1 ul.rpLevel1 li a span.rpOut, #ctl00_RadPanelBar1 ul.rpLevel1 li a.selected span.rpOut {
	background: none !important;
	padding: 0;
	}



/* 'Information For' Nav */
#nav ul.sub {
	background: url(../images/nav-line.gif) no-repeat 45px 100%;
	padding-bottom: 2em;
	margin-bottom: 1em;
	float: left;
	}
	#nav ul.sub li {margin: 0;}
	#nav ul.sub li a {
	float: left;
	color: #1C3F74;
	margin: 0 0 0 5px; padding-bottom: 3px;
	width: 185px;
	background: url('../images/sprite-scgov.png') no-repeat 13px -53px;
	text-decoration: none;
	}

	#nav ul.sub li a span {
	padding: 0; 
	display: block; 
	float: left; 
	padding: 8px 0 7px 45px;
	width: 170px;
	}
	#nav ul.sub li.businesses a {background: url('../images/sprite-scgov.png') no-repeat 13px 4px;
}
	#nav ul.sub li.employees  a {background: url('../images/sprite-scgov.png') no-repeat 13px -24px;
}
	
	#nav ul.sub li a:hover, #nav ul.sub li a.selected {
		color: white;
		background: url(../images/nav-hover-bottom.jpg) no-repeat 0 100% !important; 
		width: 215px;
		}
		#nav ul.sub li.residents a:hover span, #nav ul.sub li.residents a.selected span {
		background: url(../images/sprite-scgov.png) no-repeat 0 -1450px;	
		}
		#nav ul.sub li.businesses a:hover span, #nav li.businesses a.selected span {
		background: url(../images/sprite-scgov.png) no-repeat 0 -1252px;	
		}
		#nav ul.sub li.employees a:hover span, #nav li.employees a.selected span {
		background: url(../images/sprite-scgov.png)  no-repeat 0 -1351px;
		}
		
		#nav ul.sub ul li a {margin: .15em 0 0 36px; background: none !important;}



/*** FOOTER ***/
	#footer div {
	width: 25.5%; 
	float: left;
	}
	#footer div.last {
	float: right;
	width: 23.25%;
	}
	#footer h3 {
	font: normal normal 1.6em/150% Georgia, "Book Antiqua", Times, Garamond, serif;
	color: #D0C9AB;
	text-transform: none;
	}
	#footer ul {
	margin-bottom: 1.3em;
	}
	#footer ul li a {
	text-decoration: none;
	color: #999;
	
	}
	
	#subfooter a {color: #FFF; text-decoration: none;}
	#subfooter a:hover, #footer a:hover {color: #FFF; text-decoration: underline;} 
	#subfooter ul.translation li {
		display: block; 
		width: 10em; 
		float: left;
		}
	#subfooter ul.translation li a {
		display: block;
		float: left;
		padding-left: 22px;
		
		cursor: pointer;
		}
		#subfooter a.spanish {background: url(../images/sprite-scgov.png) no-repeat 0 -847px;}
		#subfooter a.german {background: url(../images/sprite-scgov.png) no-repeat 0 -807px;}

	#subfooter ul.text-modification {
		float: right;
		width: 225px; 
		text-align: right; 
		/* display: none; */
		}
		.text-only {display: none !important;}
		#subfooter ul.text-modification li {
		display: block;
		float: left;
		margin: 0 0 0 .3em;
		color: #FFF;
		}
		#subfooter ul.text-modification li.last {margin-top: -.2em;}
		#subfooter ul.text-modification li span.normal a,
		#subfooter ul.text-modification li span.large a,
		#subfooter ul.text-modification li span.larger a,
		#subfooter ul.text-modification li span.largest a {
		font: normal normal .9em/100% Verdana, Arial, Helvetica, sans-serif; 
		padding: 2px 2px 2px 5px;
		text-decoration: none;
		}
		
		#subfooter ul.text-modification li span.normal a:hover,
		#subfooter ul.text-modification li span.large a:hover,
		#subfooter ul.text-modification li span.larger a:hover,
		#subfooter ul.text-modification li span.largest a:hover {background: url(../images/icon-textsizing-hover.gif) no-repeat 50% 50%; color: #444;}
		
		#subfooter ul.text-modification li span.large a {font-size: 1.1em; padding: 2px 1px 2px 5px; }
		#subfooter ul.text-modification li span.larger a {font-size: 1.25em; padding: 2px 1px 2px 5px;}
		#subfooter ul.text-modification li span.largest a {font-size: 1.4em; padding: 2px 4px;}
	




/************** RIGHT COLUMN CONTENT *******************/






/********************* LAYOUT *************************/
#pageContainer {
	margin: 0 auto 4em auto;
	width: 950px;
	text-align: left;
	background: #FCFCFC url(../images/page-bg.jpg) repeat-y top left; 
	}
#page {
	width: 950px;
	}
#masthead {
	background: #234970 url(../images/banner-bg.jpg) repeat-x top left;
	position: relative;
	float: left;
	width: 100%;
	text-transform: uppercase;
	z-index: 0;
	font-size: .97em;
	letter-spacing: .03em;
	padding-bottom: .1em;
	}
	#masthead img {
	position: absolute; 
	top: 9px; 
	left: 0;
	
	}
	#banner-image {
	width: 268px;
	height: 97px;
	background: url(../images/bluebanner-stateflower.gif) no-repeat top right;
	position: absolute;
	top: 9px;
	left: 600px;
	}
	#search {
		float: right; 
		margin: 110px 5px 0 0;
		}
		
		#search label {
		color: #FFF; 
		display: block; 
		float: left; 
		margin: .7em .7em 0 0;
		}
		#search input {
		float: left;
		margin: .3em 0 0 0;
		}
		#search input.box {
		border-style: none;
		background: url(../images/search-input.gif) no-repeat 0 0;
		padding: .4em .6em;
		width: 14em;
		}
		#search input.box:focus {
		background:  url(../images/search-input-focus.gif) no-repeat 0 0;
		outline: none;
		}

	
#nav { 
	float: left;
	padding: 15px 0 0 0;
	font-size: 100%;
	font-weight: bold;
	width: 225px; 
	z-index: 100;
	background: url(../images/nav-bg.jpg) no-repeat 0 0;
	}
	#nav h4 {
	color: #555;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-size: .9em;
	padding-top: 1.8em;
	margin: 2em 0 1em 18px;
	}
	.ms-formfieldcontainer, .ms-formfieldvaluecontainer {
	width: 655px !important; 
	position: relative;
	z-index: 1;
	}
#content {
	margin: 1em 9px 1em 23px;
	width: 690px;
	float: left;
	padding: 0em 0px 2em 0px;
	/* width: 685px;
	float: left;
	margin-left: 4px; */
	}
	#content div {float: left;}
#subfooter {
	width: 930px;
	padding: .7em 6px .5em 14px;
	float: left;
	background: #666; 
	font-size: .8em; 
	font-family: Arial, Helvetica, sans-serif;
	}
#footer {
	background: #393939 url(../images/footer-bg.jpg) no-repeat 0 100%;
	color: #999;
	line-height: 170%;
	padding: 1em 15px 35px 15px;
	position: relative;
	float: left;
	width: 920px;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	}

.clearing {clear: both; height: 0; line-height: 0; font-size: 1px;}








/************************

 DO NOT PASTE OVER

body fontsize should be set to .9em
Larger Style Adjustments */

.coda-slider-wrapper ul li {
	padding: .5em 1em .45em .9em !important;
	}
	div.large h2 a {
	padding: 10px 0 .3em 10px;
	}
div.large {
	background: url(../images/corner-green-bottomright.jpg) no-repeat 100% 97%;
}
div.local div.pane h3, div.odd div.pane h3, div.even div.pane h3 {
	height: 2.3em;
}
div.governor ul.tabs2 {
	width: 215px;
	}
	
#nav ul.sub li a {padding-bottom: 0px; }