@charset "UTF-8";
/* CSS Document */

/* Initialize */
* {outline: none;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
img {border: 0;}

/* globals */
html {
	background-color:#bdbaa9;
}

body {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:0;
	color:#444;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:20px;

}

h1  {
	text-transform: uppercase;
	font-family:Helvetica, Arial, sans-serif;
	font-size:28px;
	font-weight:normal;
	text-indent:-1000em;
}

h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:23px;
	font-weight:normal;
	color:#547886;
	margin:10px 20px 5px 20px;
	}


h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#547886;
	margin:20px 20px 5px 20px;
	}

h4 {
}

h5 {
	color:#547886;
	font-size:15px;	
	padding:10px 20px 0 20px;
}

p {
	padding:0 20px 10px 20px;
}

table {
	margin-top:-5px;
	margin-left:-3px;	
	border:0;
	cellpadding:0;
	line-height:16px;
}

th, td {
	text-align:left;
}


/* layout */
img#column {
	position:absolute;
	left:980px;
	top:24px;
}

img#columnHead {
	position:absolute;
	left:550px;
}

img.postcard {
	padding:20px 20px 40px 20px;
}

div#wrapper {
	position:relative;
	background:url(images/bg_header.jpg) no-repeat top right #f0eee3;
}

div#header {
	position:relative;
	height:130px;
	/*background:url(images/dls_header.jpg) top left no-repeat;	*/
}

#hdrLogo {
	position:relative;
	margin-left:15px;
	margin-top:40px;
}

div#mainContainer {
	position:relative;
}


div#mainContent {
	float:left;
	top:0;
	width:568px;
	background-color:#FFF;
	min-height:1200px;
	padding:30px 0;
	margin:0 10px 20px 10px;
	border: 1px solid #dcdbd5;
	border-bottom: 2px solid #c3c1b5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#leftSidebar {
	float:left;
	width:160px;
	height:650px;
	margin-left:10px;
	background:url(images/bg_left.jpg) top no-repeat;
	color:#FFF;
}

div#rightSidebar {

	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:18px;
	margin-top:7px;
}

.rightBox {
	float:right;
	width:208px;
	padding:0;
	margin-right:10px;
	background:url(images/bg_right_box.gif) repeat-x #fff;
	border: 1px solid #dcdbd5;
	border-bottom: 2px solid #c3c1b5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
	
div#footer {
	clear:both;	
	color:#333;
	font-size:11px;
	line-height:15px;
	height:105px;
}
		
	
/* main content cms styles */
p.twelve {
	font-size:12px;
}
	
div#mainContent h1 {
	text-transform: uppercase;
	font-family:Helvetica, Arial, sans-serif;
	font-size:28px;
	font-weight:normal;
	text-indent:-1000em;
}

div#mainContent h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:23px;
	line-height:27px;
	font-weight:normal;
	color:#547886;
	margin:10px 20px 0 20px;
	}


div#mainContent h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	line-height:25px;
	font-weight:normal;
	color:#547886;
	margin:20px 20px 0 20px;
	}

div#mainContent h4 {
	font-weight:normal;
	color:#547886;
	font-size:16px;
	line-height:22px;	
	padding:10px 20px 0 20px;
}

div#mainContent h5 {
	color:#547886;
	font-size:15px;	
	padding:10px 20px 0 20px;
}

div#mainContent p {
	padding:0 20px 10px 20px;
}



div#mainContent ul {
	list-style-type:disc; 
	list-style-position:outside;
	margin:0 20px 10px 20px;
	padding-left:15px;
	
}

div#mainContent li {
	padding-bottom:5px;
	}

div#mainContent ul.listDotline  {
	font-size:13px;
	line-height:17px;
	list-style:none outside none;
	margin-bottom:20px;
	padding-left:0;
	}
	
div#mainContent ul.listDotline li  {
	list-style-type:none; 
	margin-top:7px;
	padding-bottom:5px;
	border-bottom:dotted 2px #ddd;
}

div#mainContent ul.listDotLine  {
	font-size:13px;
	line-height:17px;
	list-style:none outside none;
	margin-bottom:20px;
	padding-left:0;
}
	
div#mainContent ul.listDotLine li  {
	list-style-type:none; 
	margin-top:7px;
	padding-bottom:5px;
	border-bottom:dotted 2px #ddd;
}

div#mainContent ul.listDotLine h4 {
	font-weight:normal;
	color:#547886;
	font-size:16px;
	line-height:22px;	
	padding:10px 20px 0 0px;
}

div#mainContent ul.list  {
	font-size:14px;
	line-height:20px;
	list-style:none outside none;
	margin-bottom:10px;
	padding-left:0;
	}
	
div#mainContent ul.list li {
	list-style-type:none; 
	padding:0;
	margin:0;
	}

div#mainContent .goto a:link, div#mainContent .goto a:visited {
	text-decoration:none;
	font-size:15px;
	line-height:22px;
	font-family:Palatino, "Palatino Linotype", "Book Antiqua", serif;
	font-style:italic;
	color: #a9771d; 
	margin:0;
}

div#mainContent .goto a:hover, div#mainContent .goto a:active {
	text-decoration:underline;
	color:#6991a0;
}

div#mainContent .dotLine {
	border-bottom:dotted 2px #ddd;
} 

span.bigBlue {
	font-size:20px;
	color:#547886;
}

span.gray {
	font-size:14px;
	color:#777;
}





/* content sections */
div.services img {
	float: left;
	margin:15px 0 15px 20px;
}

div.services {
	width:568px;
	float:left;
	border-top:dotted 2px #ddd;
}

div.servicesCopy {
	float:left;
	width:390px;
	margin:5px 0 10px 0;
}

div.copySection {
	width:568px;
	float:left;
	border-top:dotted 2px #ddd;
	padding:10px 0;
}

div.staffSection {
	width:568px;
	float:left;
	border-top:dotted 2px #ddd;
	padding:10px 0;
}

div.staffSection h5 {
	font-weight:normal;
}


/*div.copySection h5 {
	color:#547886;
	font-size:16px;	
	padding:10px 15px 3px 15px;
	font-weight:normal;
} */


/* search box */
input:focus {border-color:transparent; background-color: #FFF; outline:none;}
div#search {position:relative; margin-top:20px; padding-left:10px; padding-bottom:20px;}
#searchForm {display: inline; left:10px;}
#searchField {border-color:transparent; background-color: #FFF; width: 115px; padding-right:20px;}
#btn_search {position: absolute; top: 3px; left:130px;}


/* right sidebar */
div.right {
	float: right;
	padding-right: 85px;
}

div#rightSidebar h2 {
}

div#rightSidebar h3 {
}

div#rightSidebar h4 {
	color:#FFF;
	font-size:15px;	
	font-weight:normal;
	padding:12px 15px 15px 15px;
	text-shadow: 0px 1px 0px #40606d;
}

div#rightSidebar h5 {
	color:#6c874b;
	font-size:14px;	
	line-height:18px;
	padding:5px 15px 0 15px;
	font-weight:normal;
}

div#rightSidebar h6 {
	color:#547886;
	font-size:12px;	
	line-height:18px;
	padding:5px 15px 0 15px;
	font-weight:bold;
}

div#rightSidebar p {
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:8px;
	font-size:12px;	
	line-height:17px;
}

.memBox a:link, .memBox a:visited {
	background-image: none !important;
	padding-left: 0 !important;
/*	color: #BDBAA9 !important; */
}

.memBox a:hover, .memBox a:active {
/*	color:#6991a0 !important; */
}
	
.repBox a:link, .repBox a:visited {
	background-image: none !important;
	padding-left: 0 !important;	
}


.rightBox ul, .rightBoxFirst ul, .sessions ul, .tabBox ul {
	margin-bottom:20px;
}

.rightBox {
	float:right;
	width:208px;
	margin:0 10px 10px 0;
	background:url(images/bg_right_box.gif) repeat-x #fff;
	border: 1px solid #dcdbd5;
	border-bottom: 2px solid #c3c1b5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
}

.rightBox li, .rightBoxFirst li, .sessions li {
	margin:3px 15px 0 15px;
	padding-bottom:3px;
	border-bottom:dotted 2px #ddd;
}

.nobullet a:link,.nobullet a:visited {
	text-decoration:none;
	background: none; 
	color: #a9771d;
	padding-left:8px;
}

.rightBox a:link, .rightBoxFirst a:link,.sessions a:link, .rightBox a:visited, .rightBoxFirst a:visited, .sessions a:visited {
	text-decoration:none;
	background: transparent url(images/yellow_arrow.gif) no-repeat scroll left top; 
	color: #a9771d;
	padding-left:8px;
}

.rightBox a:hover, .rightBoxFirst a:hover, .sessions a:hover, .rightBox a:active, .rightBoxFirst a:active, .sessions a:active {
	background: transparent url(images/blue_arrow.gif) no-repeat scroll left top; 
	color:#6991a0;
	padding-left:8px;
}

a.noarrow {
	background: none !important;
	padding-left:0px !important;
}
	
.rightBox .rtSelected  {
	background: transparent url(images/blue_arrow.gif) no-repeat scroll left 2px; 
	color:#6991a0;
	padding-left:8px;
}
div#rightSidebar h4.header a:link, div#rightSidebar h4.header a:visited {
	text-decoration:none;
	background: none; 
	color: #fff;
	padding-left:0; !important;
	margin-left:0;
}

div#rightSidebar h4.header a:hover, div#rightSidebar h4.header a:active {
	background: none; 
	color:#CAC6B5;
	padding-left:0;
	margin-left:0;
}
	
.tabBox {
	color:#ccc;
	float:right;
	width:208px;
	padding-top:5px;
	margin:5px 10px 10px 0;
	background:#FFF;
	border: 1px solid #dcdbd5;
	border-bottom: 2px solid #c3c1b5;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

div#rightSidebar span.grayout {
	color:#ccc;
	background: transparent url(images/gray_arrow.gif) no-repeat scroll left top;
	padding-left:8px;
}

div#rightSidebar #btn_session ul {
	display:block;
}

div#rightSidebar #btn_session li {
	display:inline;
	border-bottom:none;
}

#btn_session a:link, #btn_session a:visited {
	text-decoration:none;
	background: #cac6b5;
	color: #FFF;
	padding:8px 12px;
	text-shadow: 0px 1px 0px #8d8972;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

#btn_session a:hover, #btn_session a:active {
	background:url(images/bg_tab_hvr.gif) repeat-x;
	color:#FFF;
	padding:8px 12px;
	text-shadow: 0px 1px 0px #40606d;
}

#btn_session a.tab_selected {
	background:url(images/bg_tab.gif) repeat-x;
	color:#FFF;
	padding:8px 12px;
	text-shadow: 0px 1px 0px #40606d;
}

/* footer */
div#footerCopy {
	float:left;
	margin-left:180px;
}

img#gaSeal {
	float:right;
	margin-right:50px;
	
	}


/* columns */

div.colLeft {
	float:left;
	width:280px;
	margin-bottom:30px;
}

div.colRight {
	float:right;
	width:280px;
	margin-bottom:30px;
}

div#mainContent .colLeft h4, div#mainContent .colRight h4 {
	font-size:15px;
	line-height:20px;	
}

/*div#mainContent .colRight ul, div#mainContent .colLeft ul {
	font-size:13px;
	line-height:17px;
	list-style-type:none; 
	margin-left:20px;
	padding:0;
	}
	
div#mainContent .colRight li, div#mainContent .colLeft li {
	margin-top:3px;
	padding-bottom:3px;
	border-bottom:dotted 2px #ddd;
}

div.colContainer {
	clear:both;
	padding-bottom:20px;
}

div.col3 h2 {
	clear:both;
}

div.col5 {
	float:left;
	width:115px;
	padding-right:20px;
}

div.col2 h2, div.col5 h2 {
	clear:both;
}

div.col2 li, div.col5 li {
	line-height:18px;
	margin-bottom:8px;
}*/


/* tables */

table#meetings {
	width:530px;
	margin:20px 20px 20px 20px;
	font-size:12px;
	line-height:18px;
	border-collapse:collapse; 
	border:1px solid #c7c7c7;
}

col.colMtg1 { width:75px; }
col.colMtg2 { width:75px; }
col.colMtg3 { width:155px; }
col.colMtg4 { width:225px; }

col.five1 { width:60px; }
col.five2 { width:65px; }
col.five3 { width:70px; }
col.five4 { width:145px; }
col.five5 { width:190px; }

table#meetings ul {
	list-style-type:none; !important;
	list-style:none; !important;
	margin-left:0;
}

table#meetings li {
	margin:0;
	padding:0;
}

.materials td {border:none; }


table th {
	padding:5px 5px 5px 5px;
	background-color:#BDBAA9;
	color:#444;
	font-weight:bold;
	text-align:left;
}

table td { 
border-bottom:none;
border-top:1px solid #c7c7c7;
padding:5px 5px 5px 5px;
vertical-align:top; !important;
}

div.budgetAmend {
	padding-top:10px;
	padding-bottom:20px;
}

table.meetingsLg {
	width:585px;
	margin-bottom:20px;
}

td.row1, th.row1 {width:165px;}
td.row2, th.row2 {width:160px;}

table.reports {
	width:700px;
	margin-bottom:20px;
}

td.rowReport {width:80px;}
	
ul.handouts li {
	line-height:18px;
	margin-bottom:6px;
	}

table.judges{
	width:513px;
	margin:0px 30px 5px 20px;
	font-size:12px;
	line-height:15px;
	border-collapse:collapse; 
	border:1px solid #BDBAA9;
}

table.judgesHeadFam, table.judgesHeadDis, table.judgesHeadCir {
	width:530px;
	margin:5px 20px 0px 20px;
	font-size:12px;
	line-height:15px;
	border-collapse:collapse; 
	border:1px solid #BDBAA9;
}

table.judges th, table.judges1 th {
	padding:5px 5px 5px 25px;
	background-color:#BDBAA9;
	color:#000;
	font-weight:bold;
	text-align:left;
}

table.judgesHeadFam th {
	padding:5px 4px 5px 13px;
	background-color:#BDBAA9;
	color:#000;
	font-weight:bold;
	text-align:left;
}

table.judgesHeadDis th {
	padding:5px 4px 5px 14px;
	background-color:#BDBAA9;
	color:#000;
	font-weight:bold;
	text-align:left;
}

table.judgesHeadCir th {
	padding:5px 4px 5px 15px;
	background-color:#BDBAA9;
	color:#000;
	font-weight:bold;
	text-align:left;
}

table.judges td, table.judges1 td { 
	border-bottom:1px solid #BDBAA9;
	border-top:1px solid #BDBAA9;
	padding:8px 5px 0px 5px;
	vertical-align:bottom; !important;
}

table.judges1{
	width:530px;
	margin:5px 20px 5px 20px;
	font-size:12px;
	line-height:15px;
	border-collapse:collapse; 
	border:1px solid #BDBAA9;
}

table.judges2 {
	width:530px;
	margin:5px 20px 5px 20px;
	font-size:12px;
	line-height:15px;
	border-collapse:collapse; 
	border:1px solid #BDBAA9;
}

table.judges2 th {
	padding:5px 5px 5px 45px;
	background-color:#BDBAA9;
	color:#000;
	font-weight:bold;
	text-align:left;
}

table.judges2 td { 
	border-bottom:1px solid #BDBAA9;
	border-top:1px solid #BDBAA9;
	padding:8px 5px 0px 25px;
	/*vertical-align:top; !important;*/
}

div.scroll {
	width:550px;
	height: 600px; 
	overflow: auto;
	overflow-x: hidden;
}

/* links */
a:link, a:visited {
	text-decoration:none;
	color: #a9771d;
}

a:hover, a:active {
	text-decoration:underline;
	color:#6991a0;
}

span.tag {
	display: inline;
}

.tag {
	color: #a9771d;
    cursor: pointer; 
	cursor: hand;
}

.taghover {
	text-decoration:underline;
	color:#6991a0;
	cursor: pointer; 
	cursor: hand;
}

/* Main Navigation */		
#navMain {
	list-style: none; 
	width: 160px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	border-bottom:solid 1px #174568;
	border-top:1px solid #082338;
}

#navMain li {height: 50px; text-indent: -1000em; }
#navMain li a {display: block; padding-left: 10px; width: 150px; height: 50px; line-height: 18px; text-decoration: none; font-weight:normal; color:#FFF;}

#navMain li#home a {background: url(images/bg_nav_home.gif) top left;}
#navMain li#home a:hover {background-position: 0 -50px; color:#FFF;}

#navMain li#about a {background: url(images/bg_nav_about.gif) top left;}
#navMain li#about a:hover {background-position: 0 -50px; color:#FFF;}

#navMain li#commissions a {background: url(images/bg_nav_commissions.gif) top left;}
#navMain li#commissions a:hover {background-position: 0 -50px; color:#FFF;}

#navMain li#publications a {background: url(images/bg_nav_publications.gif) top left;}
#navMain li#publications a:hover {background-position: 0 -50px; color:#FFF;}

#navMain li#laws a {background: url(images/bg_nav_laws.gif) top left;}
#navMain li#laws a:hover {background-position: 0 -50px; color:#FFF;}

#navMain li#judicial a {background: url(images/bg_nav_judicial.gif) top left;}
#navMain li#judicial a:hover {background-position: 0 -50px; color:#FFF;}

#navMain li#reference a {background: url(images/bg_nav_reference.gif) top left;}
#navMain li#reference a:hover {background-position: 0 -50px; color:#FFF;}


#navMain li#redistricting a {background: url(images/bg_nav_redistricting.gif) top left;}
#navMain li#redistricting a:hover {background-position: 0 -50px; color:#FFF;}

#selectedHome {background: url(images/bg_nav_home_selected.gif) top left no-repeat;}
#selectedAbout {background: url(images/bg_nav_about_selected.gif) top left no-repeat;}

#selectedCommissions {background: url(images/bg_nav_commissions_sub.gif) top left no-repeat;}
#selectedCommissionsSub {background: url(images/bg_nav_commissions_subselected.gif) top left no-repeat;}

#selectedPublications {background: url(images/bg_nav_publications_selected.gif) top left no-repeat;}
#selectedLaws {background: url(images/bg_nav_laws_selected.gif) top left no-repeat;}
#selectedJudicial {background: url(images/bg_nav_judicial_subselected.gif) top left no-repeat;}
#selectedReference {background: url(images/bg_nav_reference_selected.gif) top left no-repeat;}


#selectedRedistricting {background: url(images/bg_nav_redistricting_selected.gif) top left no-repeat;}

/* commission Navigation */
div#navSub {
	background-color: #7094a2 !important;
	border-top: none;
	border-bottom: solid 1px #082338;
}

#navSub ul {

}

#navSub li {

	font-size:12px;
	text-indent: 12px !important;
	height: 23px !important;
	background-color: #7094a2 !important;
	border-top: none !important;
	border-bottom: none !important;
    display: inline;
	z-index:10;
}

#navSub li a {
	padding-top:5px;
	height: 23px !important;
	font-weight:bold;
}

#navSub a.select {
	color: #103653; 
}

#navSub li a:hover{
	background-color: #5d7f8c;
	color: #103653;	
}

/* Top Navigation */	
ul#topNav {
	text-align:right;
	margin:5px 0 3px 0;
}

ul#topNav li {
	display:inline;
	padding-left:10px;
	font-size:12px;
}

#topNav a:link, #footer a:link, #topNav a:visited, #footer a:visited {
	text-decoration:none;
	color: #333;
	font-weight:normal;
}

#topNav a:hover, #footer a:hover, #topNav a:active, #footer a:active {
	color: #333;
	text-decoration:underline;
	font-weight:normal;
}

.rightBoxFirst {
	float:right;
	width:208px;
	margin:-7px 10px 10px 0;
	background:url(images/bg_right_box.gif) repeat-x #fff;
	border: 1px solid #dcdbd5;
	border-bottom: 2px solid #c3c1b5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
}

div.colLeft div.contact {
border-bottom: dotted 2px #ddd; 
margin-left: 20px; 
margin-right: 10px;
font-size: 12px; 
line-height: 15px;
}

div.colRight div.contact {
border-bottom: dotted 2px #ddd; 
margin-left: 10px; 
margin-right: 20px;
font-size: 12px; 
line-height: 15px;
}

#videoContainer {
	margin: 20px;
}

#videoContainer video {
	width: 100%;
	margin-bottom: 10px;
}