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, 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;}

/*Defined html elements *
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

html {
height: 100%; }
body {
background: #eee3d4 url(images/bg-subpage.gif) repeat-x; width: 100%; line-height: 1.5; margin: 0 auto; height: 100%;}
body .Wrapper {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ol, ul {
list-style: none; margin:10px 0; }
caption, th, td {
text-align: left; font-weight: normal; vertical-align:top;}
.Wrapper h1 {background: url(images/bg-subhead.gif) repeat-x top left; margin-bottom: 0; line-height: 70px; padding-left: 20px; color: #fff; text-transform: none; letter-spacing: 2px;}
.Wrapper .ContentContainer h1 {background-image: none; margin-bottom: 20px; line-height: normal; padding-left: 20px; color: #000; letter-spacing: 2px;}
.ContentContainer h2 { clear:both; font-size: 1.6em; font-style: normal; font-weight: normal; color: #834935; border-bottom: 1px solid #d9c6ab; padding-bottom: 10px; margin-bottom: 20px; } /* Home Page, ListAlert, My Legislators, KeyContact */
.Promo h2 {margin-bottom: 10px;}
.ContentTop p {
padding: 20px 20px 0; font-size: 1.1em; }
.ContentContainer h3 {
color: #834935; clear: both;}
.ContentTop h3 {
padding: 20px 20px 0; font-size: 1.5em; margin: 0; color: #834935; }
.ContentBottom h3{ clear:both; color: #834935; margin-bottom: 10px; font-size: 1.5em; /* SubHead used many places */
}
.ContentContainer p {
margin-bottom: 20px; }
.ContentContainer {
font-size: 1.1em; }
.ContentRight h3 {
margin: 5px 0 10px; }

blockquote {
border-left: 1px solid #D9C6AB; padding: 0 20px; }
label { 
cursor: pointer; display:block; width:115px; float:left; padding-right:10px; line-height: 25px; }
input{
display:block; width: auto; margin-bottom:5px; float:left; }
input.text{
border: 1px solid #d9c6ab; padding: 3px; height: 17px; width:150px; }
textarea, select {
border: 1px solid #d9c6ab; }
input.text:focus, textarea:focus, select:focus {
border-color: #834935;}
select{
display:block; width: auto; margin-bottom:5px; height: 23px; padding: 3px; float:left; border: 1px solid #d9c6ab; }
textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:100%; height:150px;}
hr{
border: none; background-color: #d9c6ab; height: 1px; margin: 20px 0; }
table{ /*Tables are used on: My Participation, Participation Detail */
border-collapse:collapse; width:100%;}
th { 
padding:5px; background-color: #0199C0; font-weight: 700; color:#ffffff; border-style:solid; border-color:#ffffff; border-width:1px;}
td { 
padding:5px; border-style:solid; border-color:#cccccc; border-width:1px;}
/* For the outline=1 trick */
fieldset {border-style:solid; border-color:#cccccc; border-width:1px; background-color:#eee; margin:5px; }
legend {font-size:11px; font-weight:700;}
.Wrapper img {
border: none;}

.Wrapper a:link {
font-weight: normal; color: #0083be; }
.Wrapper a:hover {
color: #834935; }

.clearfix:after {
content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Containers
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.Wrapper {
width: 980px; padding: 0; margin:0 auto; min-height: 100%; }
.MainHeaderContainer{ /*This is the container that holds the banner image*/
height: 57px; margin:0; padding: 23px 20px 0; }
.MainFooterContainer {  /* This is the container inside the mainfooter.aspx file that holds everything.*/
clear:both; position:relative; height: 100px; background-color:#834935; color:#FFF; font-size: .8em; margin-top: -100px; }
.BodyContainer { /* This holds the main area includeing Nav,Image Bar, and content (Everything between the banner and the footer).*/
 width:100%; padding-bottom: 100px;  }
.MenuContainer { /* Comments Needed */
float:right; color: #2f84be; height: 20px; padding-right: 20px; }
.MenuContainer li{
line-height:1.2; float: left; }
.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
display:block; color:#2f84be; padding:0 8px; font-weight: normal; text-transform: uppercase; margin-left: 30px; font-size: 1.1em;}
.MenuContainer a:hover { 
color: #834935; }
.MenuContainer #ddcGeneratedMenuListItem1 a {/* This removes that bar for the first list item. */
border-left:none;}

#ddcGeneratedMenu {
margin: 0pt; padding: 0pt; list-style-type: none; white-space: nowrap; }

.ImageBarContainer{ /* Comments needed */
display:none; }

.ContentContainer {  /* This container holds the main area of the site .*/
background-color: #eee3d4; 
clear: both;
float:left;
word-wrap: break-word; /*Works on Internet Explorer 5.5+  other browsers just igor*/
width:940px;/*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
padding: 20px;
}

.FeatureContainer {
clear: both;
position: relative;
height: 320px;
}

.PromoContainer {
clear: both;
background-color: #eee3d4;
padding: 20px 20px 0;
width: 940px;
margin-bottom: 20px;
}

.ContentTop{clear:both; background-color: #eee3d4;}/*Class attached to the content managed zones on the top of every page */}
.ContentBottom{clear:both; margin-top:10px;/*Class attached to the content managed zones on the bottom of every page */}
.ContentBody{ margin:10px 0;/*Place holder class attached to the content managed zones */}
.ContentTopEmail{/*Place holder class attached to the content managed zones on email headers */}
.ContentBottomEmail{/*Place holder class attached to the content managed zones on email bottoms */}
.ContentBodyEmail{/*Place holder class attached to the content managed zones on email bodys */}
.ContentTop li, .ContentBottom li, .ContentBody li, .ContentTopEmail li, .ContentBottomEmail li { /* Adds bulits to content managed zones */
list-style-type:disc; margin-left:20px;}
.MenuLeft {
width: 300px; margin-right: 20px; float: left; }
.ContentLeft {
width: 620px; float: left;}
.ContentRight {
width: 300px; margin-left: 20px; float: left;}

.JumpLinks { /* Built into all pages */
width: 300px; margin-top: 20px;}
.MenuLeft .JumpLinks {
margin-top: 0; }
.JumpLinks a {
display:block; margin:5px 0 10px; padding-bottom: 3px; position:relative; float:left; width:300px; border-bottom:1px dashed #834935; }

#LoginArea{ /*Default location is bottom right of banner */
float:right; position:relative; padding-top:5px;}

.RequiredMark { /* Formats the * for required field in the form (Register, MyInfo, & Login) */
display:block; width:10px; float:left; font-size:1.7em; font-weight:700; color:#ff0000; clear:both; padding-right: 5px; }
.RequiredLabel {
width: auto; }


/*global styles
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.btnBrown {
width: 248px; height: 36px; background: url(images/bg-btnBrown.gif) top left no-repeat; }
.btnBrown a {
display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; font-size: 1.1em; font-weight: normal; text-decoration: none; background: url(images/bg-btnBrown.gif) top left no-repeat; text-align: center; }
.btnBrown span {
display: block; margin:0; line-height: 34px; color: #834935; }
.btnBrown a:hover {
background: url(images/bg-btnBrown.gif) 0 -36px no-repeat; }
.btnBrownLarge {
width: 300px; height: 48px; background-position: 0 -72px; margin-bottom: 10px; }
.btnBrownLarge a {
font-size: 1.5em; background-position: 0 -72px; text-align: left; position: absolute; }
.btnBrownLarge span, .btnBrownMedium span {
padding-left: 10px; color: #225581; line-height: 48px; }
span.btnBrownSubmit {
text-align: center; color: #834935; padding-left: 0; }
.btnBrownLarge a:hover {
background-position: 0 -120px; }
.btnBrownLarge img {
float: left; margin-right: 20px; margin-top: 7px;}
.btnBrownMedium img {
float: left; margin-right: 10px; margin-top: 7px;}
.btnBrownMedium {
width: 220px; height: 48px; background-position: 0 -240px; margin-right: 20px; float: left; }
.btnBrownMedium.Last {
margin-right: 0; }
.btnBrownMedium a {
font-size: 1.3em; background-position: 0 -240px; text-align: left; }
.btnBrownMedium a:hover {
background-position: 0 -288px; }
.btnOrange {
width: 220px; height: 68px; margin-top: 15px; background: url(images/bg-btnOrange.png) top left no-repeat; }
.btnOrange a {
display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; color: #834935; font-size: 1.1em; font-weight: normal; text-decoration: none; background: url(images/bg-btnOrange.png) top left no-repeat; text-align: center; }
.btnOrange span {
display: block; margin:0; line-height: 25px; color: #834935; text-transform: uppercase; font-size: 1.2em; font-weight: bold; }
.btnOrange span.BtnOrangeTop {
font-size: 0.8em; color: #fff; line-height: 10px; margin-top: 16px; font-weight: normal;}
.btnOrange a:hover {
background: url(images/bg-btnOrange.png) 0 -68px no-repeat; }

ul.bullets {
	margin: 20px 0 20px 20px;
	list-style-type: disc;
	list-style-position: inside;
}

	ul.bullets li {
		margin-bottom: 10px;
	}

.right {
float: right;
}
.left {
float: left;
}



/*header
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.MainHeaderContainer img {
	float: left;
}
#LoginArea {
margin-top: 10px; color: #a34626; }
#LoginArea label {
width: auto; text-align: right; padding: 0 10px 0 20px; line-height: 25px; color: #a34626; }
#LoginArea input.text {
border-color: #aadee9; width: 125px; }
#LoginArea input.text:focus {
border-color: #6fbecf; }
.btnLogin {
background: url(images/bg-btnLogin.gif) top left no-repeat; border:none; width:56px; height:25px; margin-left: 10px; cursor:pointer; font-size: 1.1em; font-weight: normal; color: #379aaf; 
 /* width and height should be the width and height of the image */}
.btnLogin:hover {
background: url(images/bg-btnLogin.gif) 0 -25px no-repeat; }
#LoginArea a {
padding: 0 10px; font-weight: normal; }



/*Blog
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.post { margin-bottom: 30px; }

/* Sidebar
//////////////////////////////////////////////////////////////////////////////////////////////////*/

ul.blogSidebar {
	margin-top: 0;
}

	ul.blogSidebar li {
		margin-bottom: 20px;
	}
	
	ul.blogSidebar li li {
		margin-bottom: 0;
	}

ul.RightNav {
	clear: both;
	margin-top: 20px;
}

/* Footer 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.FooterWrap {
width:940px; padding: 20px 0; margin: 0 auto; font-size: 1.2em;}

.FooterWrap a:link, .FooterWrap a:visited {
color: #fff; font-weight: normal; }

.FooterWrap a:hover {
text-decoration:underline; }


/* Fonts
//////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
color: black;
text-align:left;
font-size:11px;
font-family:Verdana;
}
a
{
color: #3296C8;
font-weight:normal;
text-decoration: none;
}
a:visited
{
color: #834935;
}
a:hover
{
color:#4F4F4F;
}
h1
{
font-size:2.2em;
font-weight:normal;
background-image: none;
line-height: normal;
margin-bottom: 20px;
padding-left: 20px;
color: #000;
letter-spacing: 2px;
}

	.Wrapper h1 a:link, .Wrapper h1 a:hover, .Wrapper h1 a:active, .Wrapper h1 a:visited {
		color: #fff;
	}

h2
{
/*color:#3296C8;
*/ clear: both;
color: #834935;
font-size:1.6em;
font-weight:normal;
font-style:normal;
margin-bottom:10px;
padding-bottom:10px;
}
	
h3
{
clear: both;
color: #834935;
font-weight: 700;
font-size:1.5em;
margin-bottom:10px;
}
h4
{
clear: both;
margin-bottom: 10px;
color: #000;
font-size: 1.5em;
font-weight: normal;
}
h5
{
clear: both;
margin-bottom: 10px;
color: #000;
font-size: 1.1em;
font-weight: bold;
}
p
{
margin:5px 0;
}