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 {
background-color: #bccac7;
}
body {
width: 980px; margin: 0 auto;  position:relative;}
ol, ul {
list-style: none; }
caption, th, td {
text-align: left; font-weight: normal; vertical-align:top;}
h2 { clear:both; /* Home Page, ListAlert, My Legislators, KeyContact */}
h3{ clear:both; /* SubHead used many places */
}


label { 
cursor: pointer; display:block; width:7.5em; float:left; position:relative; padding-right:3px;}
input{
display:block; width:13.55em; margin-bottom:5px; float:left; position:relative;}
select{
display:block; width:14em; margin-bottom:5px; float:left; position:relative;}
textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:90%; height:150px;}
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;}

strong { font-weight: 700; }

#__asptrace { display: none; }

/* Containers
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.MainHeaderContainer, .ContentContainer, .MainFooterContainer {
clear:both;
margin:0 auto;
overflow:hidden;
padding:10px;
width:960px;
}

.MainHeaderContainer{ /*This is the container that holds the banner image*/
background:url(../images/bg-header.png) no-repeat scroll 0 0 transparent;
height:95px;
padding-top:25px;
}
.MainFooterContainer {  /* This is the container inside the mainfooter.aspx file that holds everything.*/
background:url(../images/bg-footer.png) no-repeat scroll 0 0 transparent;
height:110px;
margin-bottom:50px;
overflow:hidden;}
.BodyContainer { /* This holds the main area includeing Nav,Image Bar, and content (Everything between the banner and the footer).*/
background: url(../images/bg-bodyContainer.png) repeat-y scroll 0 0 transparent;
padding-top:0;
overflow: hidden;
}

.MenuContainer { /* Comments Needed */
background-color:#fff;
border-bottom:1px solid #FFFFFF;
clear:both;
font-size:0.85em;
overflow:hidden;
margin: 0 10px;
padding-bottom: 15px;
width:960px }
.MenuContainer ul {
float:right;
list-style:none outside none;
}
.MenuContainer li{
float: left; }
.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
border-right:1px solid #293A34;
color:#293A34;
display:block;
margin:5px 0;
padding:1px 10px;
text-decoration:none;}
.MenuContainer a:link.last, .MenuContainer a:visited.last, .MenuContainer a:active.last {
border-right: none;
}

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

#Sidebar {
clear:left;
float:left;
padding:0;
width:215px;
}

#Content {
float: right;
font-size:0.9em;
padding: 0 15px 0 0;
width: 714px;
}

.ContentContainer {  /* This container holds the main area of the site .*/
	padding-top: 0;
}
.ContentTop{clear:both;/*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;}

.JumpLinks { /* Built into all pages */
width:200px;padding:10px 0; clear:both;}
.JumpLinks a {
display:block; margin-top:8px; padding:0 0 0 15px; position:relative; float:left; width:180px; background-image:url(../images/icon-link.gif); background-repeat:no-repeat; line-height: 11px;}

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

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

#CalloutContainer {
float: right;
width: 230px;
}

#ContentLeft {
float: left;
width: 468px;
}

/*global styles
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.callout {
background-color: #efefef;
margin-bottom: 15px;
padding-bottom: 15px;
}

.callout h4 {
background: url(../images/bg-calloutH4.gif) no-repeat;
color: #fff;
font-weight: bold;
height: 30px;
line-height: 23px;
padding-left: 8px;
}

.callout p, .callout a {
margin-left: 15px;
margin-right: 15px;
}

.callout a {
background: url(../images/icon-link.gif) no-repeat left;
padding-left: 16px;
}

/*header
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.MainHeaderContainer h1 a, .MainHeaderContainer a#Brand {
background:url(../images/img-brand.png) no-repeat scroll left top transparent;
display:block;
float:left;
height:88px;
margin:0 110px 0 22px;
outline:medium none;
overflow:hidden;
text-indent:-9999px;
width:234px;
}

/*sidebar
//////////////////////////////////////////////////////////////////////////////////////////////////*/

ul#SideMenu {
list-style-type:none;
width:216px;
}

ul#SideMenu li {
border-bottom:1px solid #FFFFFF;
}

ul#SideMenu li a {
color:#FFFFFF;
display:block;
font-size:0.85em;
font-weight:bold;
padding:8px 15px 8px 13px;
text-decoration:none;
}
ul#SideMenu li a:hover {
background-color: #68716E;
}
#SideMenu li.govt-affairs-nav {
background-color:#9979EA;
}

ul#SideMenu li.current ul {
list-style:none outside none;
margin:0 0 0 12px;
padding-bottom:10px;
}

ul#SideMenu li ul li {
border-bottom:0 solid #FFFFFF;
}

ul#SideMenu li.current ul li a {
background-image:none;
font-weight:normal;
margin:0;
padding:2px 10px;
}

#Sidebar div.module {
background-color:#348B6A;
background-image:none;
border:2px solid #FFFFFF;
float:none;
margin:10px 10px 0;
padding:10px;
width:173px;
}

div.module {
background:url(../images/dottedBorder.gif) repeat-x scroll left top transparent;
clear:both;
float:left;
margin:1em 0 0;
padding:10px 0;
width:100%;
}

#Sidebar div.foodfactsfigures {
background-color:#FFFFFF;
color:#595959;
padding:0;
width:193px;
}

.foodfactsfigures a {
color:#595959;
}

.foodfactsfigures a {
background:url(../images/img-foodfacts.png) no-repeat scroll center center transparent;
display:block;
height:64px;
outline:medium none;
text-indent:-9999px;
width:193px;
}

#Sidebar h3 {
color:#FFFFFF;
font-size:1em;
}

.module p, .module ul {
margin:0.8em 0 0;
}

ul#social-media {
list-style-type:none;
overflow:hidden;
}

ul#social-media li {
float:left;
}

ul#social-media li a {
background-image:url(../images/icon-socialmedia.jpg);
background-repeat:no-repeat;
display:block;
height:44px;
margin-right:3px;
text-indent:-9999px;
width:41px;
}

ul#social-media li.youtube a {
background-position:0 0;
}

ul#social-media li.twitter a {
background-position:-44px 0;
}

ul#social-media li.facebook a {
background-position:-90px 0;
}

ul#social-media li.linkedin a {
background-position:-137px 0;
margin-right:0;
}

.daily-lead {
margin:1em 0;
text-align:center;
}

/*footer
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#FooterInfo {
color:#FFFFFF;
float:left;
font-size:0.7em;
text-align:center;
width:215px;
}

#FooterInfo a {
color:#FFFFFF;
text-decoration:none;
}

.MainFooterContainer a {
color:#FFFFFF;
}

.MainFooterContainer p {
margin-bottom:1em;
}

.MainFooterContainer p + p {
margin-bottom:0;
}

.matrix {
margin-top:40px;
}

/*default.aspx (Home page)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#HomePageAlertHeader{
background-color:#88BBE0; border:3px solid #D8EAF7; width:250px; height:28px; line-height:28px; font-size:1.7em; font-weight:bold; padding-left:4px; font-family:Century Gothic,Verdana; margin-bottom:10px;}
#HomePageAlert{
width:260px; float:right; border:1px solid #ccc; background-color:#fff; color:#333;}
#HomePageAlert p, #HomePageAlert h3{
padding:0 10px;}
.ButtonLink a:link, .ButtonLink a:active, .ButtonLink a:visited{
background: url(../images/btn-submit.gif) no-repeat; color:#fff; border: none; margin-top:10px; width:142px; height: 27px; line-height: 27px; font-weight: bold; text-decoration: none; text-align: center; display:block;}
.ButtonLink a:hover{
text-decoration: none;}


/*register.aspx
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#RegisterFormContainer, #LoginFormContainer, #EditMyProfileFormContainer{ /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) for both the login and registration*/
width:30em; 
/* Width should be just bigger then the three elemets combined so that if the RequiredMark is floated right it will remain close to input field.*/}
#KeyContactUpdateButton, #LoginSubmitButton, #RegisterSubmitButton, #EditMyProfileSubmitButton, #ShareYourStorySubmitButton, #TellAFriendSubmitButton, #KeyContactSubmitButton, #LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton, #FederalCommitteeSearchSubmitButton, #StateCommitteeSearchSubmitButton, #ContactUsSubmitButton, #CLSubmitButton {
background: url(../images/btn-submit.gif) no-repeat; color:#fff; cursor: pointer; border: none; margin-top:10px; width:142px; height: 27px; line-height: 27px; font-weight: bold; text-decoration: none; text-align: center; display:block;}

#LoginFormContainer{/*Styles are defined with the #RegisterFormContainer */}
#LoginError{
color:#ff0000; clear:both;}


/*My Profile
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#MyProfileAddressBlock { /* Used to indent the address */
margin:0 15px 10px 15px;}

/*Edit My Profile
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#EditMyProfileFormContainer{/*Styles are defined with the #RegisterFormContainer */}
#EditMyProfileSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*Share Your Story
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ShareYourStorySubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*Tell A Friend
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#TellAFriendSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*Key Contact
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#KeyContact label{
float:left; width:350px; text-align:right; padding-right:10px; line-height:1.5;}
#KeyContactSubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#KeyContact h2 {
margin-top: 15px; }

/*My Legislators (Classes are used becuase these fields are in loops)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#MyLegislators .ContentTop { margin-bottom: 15px; }
.MyLegislatorsDetailContainer{clear:both; margin-bottom: 10px; overflow: hidden;}
.MyLegislatorsCapAddress{ /* Container for the Capitol Office column */
padding-top:10px; padding-bottom:10px; float:left; width:49%;}
.MyLegislatorsDistAddress { /* Container for the District Office column */
padding-top:10px; padding-bottom:10px; float:left; width:49%;}
.MyLegislatorsWebLink {/* Class put into place for formating the "Visit my website." link */}
.MyLegislatorsEmailLink{/* Class put into place for formating the "Email me." link */}
.MyLegislatorsInfoLink {/* Class put into place for formating the "More Info..." link */
text-align:left;}

/*Legislator Search
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorSearch br{
clear:both;}
#LegislatorSearchChamberTypes {
margin:5px 0px 10px 0; padding:6px; background-color:#ECECEC; }
#LegislatorSearchChamberTypes label{
float:left; line-height:1.5; width:120px;}
#LegislatorSearchChamberTypes input{
width:25px; float:left;}
#LegislatorSearchSearchByAddress { 
padding:10px; background-color:#ECECEC; float:left; margin:6px 0; width:30em; }
#LegislatorSearchSearchByState { 
padding:10px; background-color:#ECECEC; float:right; margin:6px 0; width:305px;}
#LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#LegislatorSearchResults ul {
margin-bottom: 15px; }
#LegislatorSearchResults li{
margin-left:10px;} 

/*Legislator Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorDetail ul ul {
margin-bottom: 15px; }
#LegislatorDetailLegisPic{
float:left;}
#LegislatorDetailAddress{
float:left;}
#LegislatorDetailCapitolAddress, #LegislatorDetailDistrictAddress{
margin-left:20px;float:left;}
.LegislatorDetailCommittee a{
font-weight:700;}
.LegislatorDetailSubCommittee {
margin-left:10px;}
.LegislatorDetailSubCommittee a{
font-weight:normal; }
.LegislatorDetailScorecardHeading{
position:relative; float:left; line-height:1.8em; font-weight: 700; }
.LegislatorDetailScorecardContent{
position:relative; float:left; line-height:1.8em; padding:0 10px 0 4px; }
#LegislatorDetailScorecardTitleHeading {
background-color: #0199C0; color:#ffffff; width:40px; padding-left:10px;}
#LegislatorDetailScorecardTitleContent{ /* IE.css adds scroll boxes for IE */
border:1px solid #EFEFEF; width:625px; }
#LegislatorDetailScorecardFirstItemSecondLine{ /*Used to indent the second line of the scorecard */
margin-left:80px;}
.LegislatorDetailScorecardDetail{
position:relative; float:left; width:620px;  margin:0 0 10px 80px; }
.LegislatorDetailScorecardContainer {
position:relative; float:left; font-size:11px; }

/*Committee Search
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#CommitteeSearch br{
clear:both;}
#CommitteeSearch label{
float:left; line-height:1.5; position:relative; cursor:default; padding-left:5px;}
#CommitteeSearchFederalContainer {
margin:10px 10px 10px 0; padding:10px; background-color:#ECECEC; width:260px; height:180px; float:left; position:relative; }
#CommitteeSearchFederalCheckBoxes input, #CommitteeShearchStateCheckBoxes input {
width:20px; float:left; position:relative; }
#CommitteeSearchStateStateContainer { 
margin-top:10px; padding:10px; background-color:#ECECEC; width:260px; height:180px; float:left; position:relative;}
#CommitteeShearchStateDropdown label, #CommitteeShearchStateDropdown select {width:auto;}
.CommitteeSearchCommittee a{
font-weight:700;}
.CommitteeSearchSubCommittee {
padding-left:10px;}
.CommitteeSearchSubCommittee a{
font-weight:normal; }
#CommitteeSearchResults{
width:98%;}
#CommitteeSearch ul ul {
margin-bottom: 15px; }


/*Contact Us
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ContactUsSubmitButton{/*Styles are defined with the RegisterSubmitButton */}

/*My Participation
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.dotted-border{
border-bottom:1px dashed #777; margin:10px 0;}

/*Committee Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Participation Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Action Alerts
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#Feature {
	background-color: #F5F5F5;
	color: #293A34;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 2px;
}

#Feature div {
	float: left;
	padding: 15px;
	width: 285px;
}

#Feature img {
	float: right;
}

#Feature h1 {
	color: #212b28;
	line-height: 1.25em;
	margin-bottom: 20px;
}

#Feature strong {
	color: #00B273;
	display: block;
	margin-bottom: 10px;
}

.AlertHeader {
background-color: #e5e5e5;
border: 1px solid #000;
margin-bottom: 15px;
padding: 5px 0 5px 10px;
}

.AlertHeader h1 {
margin-bottom: 0;
}

#ActionAlerts #ContentLeft h2 {
border-top: 1px solid #e0e0e0;
color: #00B273;
padding-top: 15px;
}

#ActionAlerts #ContentLeft div h2:first-child {
border-top: none;
padding-top: 0;
}

#ActionAlerts #ContentLeft h2 a {
color: #00B273;
}

/* Alerts Details
//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ComposeLetters Page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.CLLetters { /* Used as a container for the letters */
margin:15px 0 0 30px; }
.CLTargets { line-height:1.75;
}
.CLTargets input{ 
width:25px; }
#ResultsContainer li {  /* A style that is used to format the list of Targets */
list-style-type:disc; margin-left:20px;}
.CLCommType input { /* A style that is used to format the radio button  */
width:18px; margin:5px 5px -2px 8px; line-height:1.5}
#CLSubmitButton { /* Styles are defined with the RegisterSubmitButton  */}
.CLCommTypeMockLabels {
	width:50px; float:left; position:relative; margin-top:8px;}

.CLLetterTop, .CLLetterBody, .CLLetterBottom, .CLSignature{ /* These Class are not used but are inplace if you want to control the sytle of the letter */}