@charset "UTF-8";
body  {
	font: 100% Verdana,Arial,Helvetica,sans-serif;
	background-color: #DEDEDE;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColLiqHdr #container {
	width: 935px; /* this width is optimized for 1024 wide displays */
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	list-style-type: none;
} 
.thrColLiqHdr #header { 
	background: #0098aa; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-bottom: 0px;
}
.thrColLiqHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#headerAddress { /* This class sets the address and phone number position. */
	float: right;
	margin-top: 45px;
	margin-right: 8px;
	text-align: right;
}
.thrColLiqHdr img {
	border: none;
}
.thrColLiqHdr #banner {
	margin: 0px;
	padding: 5px 0px 5px;
	background: #FFFFCC;
	border-bottom: 1px solid #EBEBEB;
	width: auto;
	height: auto;
}
.thrColLiqHdr #banner p {
	font-size: 0.9em;
	text-align: center;
	padding: 0px 10px;
}
/* Tips for sidebars:
1. Since we are working in percentages, it's best not to use side padding on the sidebars. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColLiqHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.thrColLiqHdr #sideNavbar {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 15%; /* since this element is floated, a width must be given */
	margin: 15px 0; /* top and bottom padding create visual space within this div  */
}
.thrColLiqHdr #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 20%; /* since this element is floated, a width must be given */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
}
.thrColLiqHdr #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 23%; /* since this element is floated, a width must be given */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
.thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 h3, .thrColLiqHdr #sidebar2 form {
	margin-left: 15px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar2 p {
	font-size: 0.9em;
	margin: 5px 10px 15px 15px;
	padding-top: 0px;
}
.thrColLiqHdr #sidebar1 h3.topMargin, .thrColLiqHdr #sidebar2 h3.topMargin {
	margin: 35px 15px 0px;
}
.thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 h3 {
	font-size: 1em;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.thrColLiqHdr #sidebar1 img, .thrColLiqHdr #sidebar2 img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* SideNavbar vertical menu */
.thrColLiqHdr #sideNavbar .sideNav {
	margin: 0px;
	background: #FFFFCC;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-weight: 500;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.thrColLiqHdr #sideNavbar .sideNav h3 {
	padding: 10px 8px 0px;
	margin-bottom: 20px;
	font-size: 0.9em;
}
.thrColLiqHdr #sideNavbar .sideNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	border-top: 1px solid #CCC;
}
.thrColLiqHdr #sideNavbar .sideNav ul li {
	margin: 0;
	padding: 0;
}
.thrColLiqHdr #sideNavbar .sideNav ul a {
	background: #FFFFCC;
	border-bottom: 1px solid #CCC;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 8px 8px 12px;
	text-decoration: none;
	font-size: 0.8em;
}
.thrColLiqHdr #sideNavbar .sideNav ul a.subitem {
	background: #ffffee;
	padding-left: 18px;
}
.thrColLiqHdr #sideNavbar .sideNav ul a:hover, .thrColLiqHdr #sideNavbar .sideNav ul a.active {
	background: #FFFFCC url("images/hover.gif") left center no-repeat;
	padding-bottom: 8px;
	color: #000;
}
.thrColLiqHdr #sideNavbar .sideNav ul a.subitem:hover, .thrColLiqHdr #sideNavbar .sideNav ul a.subactive {
	background: #FFFFEE url("images/hover_sub.gif") left center no-repeat;
	padding: 8px 8px 8px 18px;
	color: #000;
}
/* End sideNavbar vertical menu */

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
/* Begin layout */
.thrColLiqHdr #mainContent { 
	margin: 0 24% 0 36.5%; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	border-right: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;
	padding-right: 5px;
	padding-left: 7px;
	padding-bottom: 15px;
}
.thrColLiqHdr #soloContent { /* This style is for a content div that takes up the whole page. No space for sidebars. */
	margin: 0;
	padding: 0px 7px;
}
.thrColLiqHdr #mainContent h1, .thrColLiqHdr #mainContent h2, .thrColLiqHdr #soloContent h1, .thrColLiqHdr #soloContent h2  {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/* End layout */

/* Begin heading font size styles */
.thrColLiqHdr #mainContent h1, .thrColLiqHdr #soloContent h1 {
	font-size: 1.55em;
	margin-bottom: 15px;
}
.thrColLiqHdr #mainContent h2, .thrColLiqHdr #soloContent h2 {
	font-size: 1.3em;
	margin-top: 2em;
	margin-bottom: .4em;
}
.thrColLiqHdr #mainContent h3, .thrColLiqHdr #soloContent h3 {
	font-size: 1.1em;
}
/* End heading font size styles */

/* Begin misc styling */
.thrColLiqHdr #mainContent p, .thrColLiqHdr #soloContent p, .thrColLiqHdr #mainContent blockquote, .thrColLiqHdr #soloContent blockquote {
	font-size: .9em;
	margin-bottom: 15px;
	margin-top: 5px;
	padding-top: 0px;
	text-align: justify;
}
.thrColLiqHdr #mainContent hr, .thrColLiqHdr #soloContent hr {
	width: 85%;
	margin: 15px auto 10px auto;
	height: 2px;
	border-top: 2px dashed black;
}
.thrColLiqHdr #mainContent ul li, .thrColLiqHdr #soloContent ul li, .thrColLiqHdr #mainContent ol li, .thrColLiqHdr #soloContent ol li {
	font-size: .9em;
	margin-top: 5px;
}
.thrColLiqHdr #mainContent div.affiliateName {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	border-top: 1px dashed #0098aa;
}
.thrColLiqHdr #mainContent div.affiliateName h2 {
	margin: 0px;
}
.thrColLiqHdr #mainContent div.affiliateName p.affiliateInfo {
	margin-top: -15px;
	margin-left: 30px;
}
.thrColLiqHdr #mainContent ul.noBullets {
	list-style-type: none;
}
.thrColLiqHdr #mainContent ul.noBullets li {
	margin-bottom: 1em;
	position: relative;
	left: -20px;
}
.thrColLiqHdr #banner img.quote {
	display: block;
	margin: 10px auto 0px;
}
/* End misc styling */

/* Document cues styling from http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html */
a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(images/icon_pdf.gif) no-repeat top left;
}
/*a[href ^="mailto:"] {
   padding-left: 20px;
   background: transparent url(images/icon_mail.gif) no-repeat bottom left;
}*/
/* End document cues */

/* Begin styles for SwitchIcon content */
.thrColLiqHdr #mainContent div.voterStory, .thrColLiqHdr #soloContent div.voterStory {
	margin-top: 4em;
}
.thrColLiqHdr #mainContent .voterStory .eg-bar h2, .thrColLiqHdr #soloContent .voterStory .eg-bar h2 {
	margin: 10px 0px;
}
.thrColLiqHdr #mainContent .voterStory img.center, .thrColLiqHdr #soloContent .voterStory img.center {
	margin-top: 15px;
	margin-bottom: 10px;
}
/* End styles for SwitchIcon content */

/* Begin styles for embedded YouTube videos */
.thrColLiqHdr #sidebar1 .flashVideo { /*Sidebar YouTube style */
	margin: 10px auto;
	width: 150px;
}
.thrColLiqHdr #sidebar1 .flashVideo embed { /*Sidebar YouTube style */
	width: 150px;
	height: 135px;
}
.thrColLiqHdr #mainContent .flashVideoMain { /*Main content YouTube style */
	margin: 10px auto;
	width: 350px;
}
.thrColLiqHdr #mainContent .flashVideoMain embed { /*Main content YouTube style */
	width: 350px;
	height: 283px;
}
.thrColLiqHdr #mainContent .flashVideoMain_topMargin { /*Main content YouTube style */
	margin: 35px auto 10px;
	width: 350px;
}
.thrColLiqHdr #mainContent .flashVideoMain_topMargin embed { /*Main content YouTube style */
	width: 350px;
	height: 283px;
}
/*End YouTube styles */

/* Begin main page Google Map styles */
.thrColLiqHdr #mainContent #mainMap iframe {
	width: 360px;
	height: 280px;
}
.thrColLiqHdr #mainContent #mainMap {
	margin: 0px 6px;
}
/* End main page Google Map styles */

/* Contact page styles begin */
.thrColLiqHdr #soloContent #contactInfo {
	margin: 0 430px 0 0;
	padding-right: 5px;
	border-right: 1px solid #EBEBEB;
}
.thrColLiqHdr #soloContent #contactInfo p {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 1.8em;
	padding-top: 0px;
}
.thrColLiqHdr #soloContent #contactInfo h1 {
	margin-bottom: 1.8em;
}
.thrColLiqHdr #soloContent #contactInfo h2 {
	font-variant: small-caps;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.thrColLiqHdr #soloContent #contactMap {
	float: right;
	width: 427px;
}
.thrColLiqHdr #soloContent #contactMap p {
	text-align: center;
}
.thrColLiqHdr #soloContent #contactInfo #contactMap iframe {
	margin-top: 25px;
}
/* Contact page styles end */

/* Footer styles begin */
.thrColLiqHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	height: 110px;
} 
.thrColLiqHdr #footer p, .thrColLiqHdr #footer img {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.thrColLiqHdr #footer p {
	font-size: 90%;
}
/* Footer styles end */

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.hidden {
	display: none;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------- Teal navbar ---------------------- */
div.teal {clear:both;}
.teal #slatenav{position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(images/teal_bg.gif) repeat-x top left;font-family:Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;}
.teal #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.teal #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.teal #slatenav ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 16px 0 16px;height:28px;}
.teal #slatenav ul li a:hover,.teal #slatenav ul li a.current{color:#fff;background:transparent url(images/teal_bg_over.gif) no-repeat top center;}
/* ---------------------- END Teal navbar ---------------------- */

/*----SwitchIcon.js style---------*/
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
margin-top: 16px;
}
.eg-bar{
background-color: #EEE;
margin-top: 40px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
/*----End SwitchIcon.js style--------*/