/********** MAIN LAYOUT **********/
body {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg-gradient.png);
	background-repeat:repeat-x; background-color:#fff;
	margin-top:0;
}
#wrapper {
	width: 1002px; height:auto;
	margin: 0 auto;
	display:block;
	padding-bottom:3px;
}
#container {
	width: 980px; height:auto;
	margin: 0 auto;
	background-color:#B3D9FF;
	border:1px solid #e4eefa;
	border-top:none;
}
#mainWrapper { 
	background-color:#B3D9FF;
}
#mainContainer {
	background-color:#277BAA;
}
/*#mainTable { width:970px; margin:5px; }*/
.clearfloat { 
    clear:both;
}

/********** HEADER (TOP MENU|BANNER|MENU) **********/
#top-menu {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	height: 32px;
	line-height:20px;
	background-color: #7DB0D7;
	border-bottom: 3px #277BAA solid;
}
#top-menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	top: 9px;
	text-decoration: none;
	color:#fff;
}
#topmenu-search { 
	margin:0; padding:2px; 
	position:absolute; top:6px; 
	margin-left: 5px;
	background-color:#F1F6FC;
	width:215px;
}
#topmenu-search form { margin:0; padding:0 }
#topmenu-search input { height:15px; border:1px solid #CCCCCC; margin: 0; width:150px;}
#topmenu-search .topbtn { 
	height: 20px;
	background-color:#277BAA; 
	background-image:url(../images/menu-bg.gif);
	color: #fff ; 
	border: none;
	width:55px;
	padding:0;
}
#banner { background-color:#64A2D1; height:138px }
#printbanner { display:none }

/********** MENU BAR(DEPARMENT|COMMISSIONERS|SPECIAL PROGRAMS...) **********/
#menu {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#fff; 
	height: 28px;
	line-height:24px;
	background-color: #55B3D9;
	background-image:url(../images/menu-bg.gif);
}
#menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	top: 1px;
	margin:0 18px;
	text-decoration: none;
	color:#fff;
}
#menu a:hover,#top-menu a:hover { color:#FBEC88; }

/********** QUICKLINKS | SERVICELINKS CONTAINER**********/
#quick-links, #services-links {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index:9999;
	position:absolute;
	background-color:#F1F6FC;
	width: 978px;
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	opacity:.9;
	border:1px solid #277BAA;
	border-top: none;
}
#quick-links strong a, #services-links strong a { text-decoration:none; color:#CC0000 } 
#quick-links strong a:hover, #services-links strong a:hover { text-decoration:underline; color: #C60 }
#quick-links a:hover, #services-links a:hover { color:#CC0000; } 
#quick-links a, #services-links a { text-decoration:none; color:#000000 }

#quick-links-dd,#services-links-dd,#fontchange { /*DROPDOWN BUTTONS*/
	background-color:#64A2D1;
	background-image:url(../images/menu-bg.gif);
	padding:5px 15px;
	border:1px solid #277BAA;
	border-bottom:none;
	margin:0 2px;
}
#quick-links-dd:hover,#services-links-dd:hover {
	background-image: none;
}
#quick-links-arrow,#services-links-arrow {
	background-image:url(../scripts/jquery/theme/images/ui-icons_d8e7f3_256x240.png);
	background-position: 192px 48px;
	padding: 0 0 0 16px;
}


/********** MAINCONTAINER BLOCKS **********/

/* LEFT SIDE MENU */
#leftNav { 
	padding:0; 
	margin:0; 
	font-size:11px;
	font-weight:bold;
	width:250px;
	background-color:#277baa;
}
#leftNav h4 { 
	color:#FFA902; 
	font-size:14px; 
	margin:0 auto;
	margin-top:10px;
	width: 209px;
	padding:5px;
}
#leftNav ul { 
	color:#ffaf73; margin:0; padding:0; 
	list-style-type: none;
	width: 250px; margin-left:auto; margin-right:auto;
}
#leftNav ul li { 
	margin:0; padding:0;
	display:block;
	color:#66FF00;
}
#leftNav ul li a { 
	color:#fff; text-decoration:none; text-transform: uppercase;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	line-height:15px;
	padding-left:20px;
	padding-right:5px;
}
#leftNav ul li a:hover { background-color:#53ADDF; }
#nav-arrow {
	float: left; display:block; 
	background-image:url(/images/arrow-bullet.gif);
	background-repeat:no-repeat;
	background-position:0% 35%;
	height:20px; width:15px;
}

/* LEFT NAV HEADER */
#leftNavHeader {
	font-size:14px;
	text-transform:uppercase;
	text-align:center; 
	color:#0c4863; 
	background-color: #5AA5CF;
	width:240px;
	margin: 5px auto;
	height: 25px;
	line-height:25px;
}
/* TEMP HOME BUTTON */
#home a { 
	color:#FFFFFF;
	text-decoration:none;
	line-height: normal;
	margin: 20px auto;
	display:block;
	border:1px solid #FFFFFF;
	padding: 4px;
	width:209px;
	text-align:center;
}
#home a:hover { background-color:#53ADDF }
#home img { position:relative; top: 3px; display: none } 

/* MAIN CONTENT */
#mainContent { 
	padding:8px 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	margin-left:5px;
	background-color:#FFF;
}
#mainContent a:link,#mainContent a:visited,#mainContent a:active {
	color:#996600;
	text-decoration:underline;
	text-transform:uppercase;
}
#accessibility { float:right }
#accessibility #css-print { color:#030303; text-decoration:none; text-transform:none }

/* EXTENDED MAIN CONTENT CSS */
.theadnote {
	font-size: 12px;
	text-align:center;
	font-weight: bold;
	color: #990000;
	background-image: url(../images/2007/table_brn_50.jpg);
}
.theadnoteLeft {
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	background-image: url(../images/2007/table_brn_50.jpg);
}
.content_header {
	font-size: 15px;
	font-weight:bold;
	margin: 4px 0px 16px 0px;
	text-transform: uppercase;
}
.SUB_Content_Header1 {
	font-size: 13px;
	font-weight:bold;
}
.SUB_Content_Header {
	font-size: 12px;
	font-weight:bold;
}
.SUB_HEADER {
	color:#277baa;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
}
.SUB_HEADER_List {
	color:#277baa;
	font-size: 14px;
	font-weight:bold;
}
.SUB_HEADER_List li { 
	color:#000000; 
	font: 0.9em  Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px -6px; 
	line-height: 1.25em; 
}
.SUB_HEADER_List li { 
	color:#000000; 
	font: 0.9em  Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px 0px 8px 32px; 
	line-height: 1.25em;
}
.SUB_HEADER_List > li { 
	color:#000000; 
	font: 0.9em  Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px 0px 8px -6px; 
	line-height: 1.25em; 
}
.info {
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
}
.row0 { background: #f1f6fc; }
.row1 { background:  #fff; }
.altRows {
	text-align: left;
	vertical-align: text-top;
	padding: 0px;
	margin: 0px auto;
	font-size: 1em;
}
.txt_box {
	background-color:#fff;
	font-size: 1em;
	width: 670px;
	margin: 2px 8px 2px 12px;
}
.tableheader {
	background-color:#87b6d9;
	font-size: 1em;
	font-weight:bold;
	text-align:center;
	}
.columnheader  {
	background-color:#c9d8f6;
	font-weight:normal;
	font-weight:bold;
	text-align:center;
	}
.linebreak {
	background-image: url(../images/2007/table_yel_80.jpg);
}
.new_pdf { color: #FF0000; font-size: 9px}
.NOTE { color: #FF0000; font-size: 12px; font-weight: bold }
.Note_Small { color: #FF0000; font-size: 11px }
.small_Text { color: #000; font-size: 10px }

/*********** FOOTER ***********/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:10px;
}
#footer a { color:#000; text-decoration: none }

#dd-container {
		background-color: #ffc;
		border:1px solid #09C;
		margin-top:5px;
		position:relative;
		display:block;
		padding:10px;
		width:260px;
		display:none;
		
}
#dd-link { }
#dd-container input { border:1px solid #999 }
form { padding:0; margin:0; display: inline; margin-bottom:15px; }