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


label { 
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:13.75em; 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;}
/* Containers
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.MainHeaderContainer{ /*This is the container that holds the banner image*/
 width:740px;  margin:0 0 0 0; clear:both;height:30px;}
.MainFooterContainer {  /* This is the container inside the mainfooter.aspx file that holds everything.*/
 clear:both; background-color:#000;color:#FFFFFF;padding:20px;height:75px;}
 
 
.MainFooterContainer p {
font-size:0.8em;
line-height:1.5em;
}
 
.MainFooterContainer img {
display:inline;
float:left;
margin-right:10px;
}

.MainFooterContainer a{
	color:#fff;
}

.right {
float:right;
}

.left{
	float:left;
}
 
.BodyContainer { /* This holds the main area includeing Nav,Image Bar, and content (Everything between the banner and the footer).*/
 width:755px;  background-repeat:no-repeat; min-height:200px;  }

.MenuContainer { /* Comments Needed */
float:left; background:url(../images/nav-bg.jpg) repeat-x; width:755px; height:33px; border-top:1px solid #dbdbdb; border-bottom:1px solid #bcbcbc;}
.MenuContainer li{
line-height:33px; }
.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
display:block; color:#000; padding:0 32px; border-left:1px solid #c3c3c3; border-right:1px solid #e2e2e2;font-size:0.75em;text-transform:uppercase;font-weight:700;}
.MenuContainer a:hover { 
color: #0294C1; text-decoration:none; }
.MenuContainer #ddcGeneratedMenuListItem1 a{/* This removes that bar for the first list item. */
border-left:none;}

.MenuContainer #ddcGeneratedMenuListItem6 a{/* This removes that bar for the last list item. */
border-right:none;}

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

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

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

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

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

.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;}
#HomePageAlert li, #AlertDetail .ContentContainer li, #ActionAlerts .ContentContainer li, #ComposeLetters .ContentContainer-full li { /* Adds bulits to content managed zones */
list-style-type:disc; margin-left:30px;}


.JumpLinks { /* Built into all pages */
width:200px;
}

.JumpLinks ul{
	margin-bottom:10px;
}

.JumpLinks a {
display:block; margin:5px 0; padding:0 0 5px 15px; position:relative; float:left; width:180px; border-bottom:1px dashed #dbdbdb; background-image:url(../images/menu-arrow.gif); background-repeat:no-repeat;}

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

.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; line-height: 0.95em; }

 #SideBar{
width:240px;
float:right;
margin-top:10px;
margin-right:20px;
}
	.box{
		width:200px;
		padding:20px;
		border:1px solid #DBDBDB;
		margin-bottom:10px;
	}

.small {font-size:.75em;color:#333;}

/*default.aspx (Home page)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#HomePageAlertHeader{
background:url(../images/h1-bg.jpg) repeat-x; 
height:27px;
margin-bottom:10px;
padding-left:10px;
padding-top:15px;
font-size:1.4em;
color:#000;}
#HomePageAlert{
width:710px; border:1px solid #dbdbdb; background-color:#f1f1f1; color:#333; margin-top: 20px;}
#HomePageAlert p, #HomePageAlert h3{
padding:0 10px;}
.ButtonLink a:link, .ButtonLink a:active, .ButtonLink a:visited, a.ButtonLink:link, a.ButtonLink:active, a.ButtonLink:visited {
background:url(../images/btn-action-bg.jpg) no-repeat; color:#000; margin:15px 0; width:175px; display:block; text-align:center;height:23px; padding-top:7px;}
.ButtonLink a:hover, a.ButtonLink:hover {
background:url(../images/btn-action-bg-roll.jpg) no-repeat; text-decoration:none;}


#ColLeft{
	width:58%;
	float:left;
}

#ColMid {
	clear: both;
	margin-top: 20px;
	width: 100%;
}


#ColRight{
	width: 33%;
	float:right;
}

	#ColRight h2{
		border-bottom:1px solid #dbdbdb;
		margin-bottom:15px;
	}

	#GoButton1, #GoButton2, .GoButton{
		 background-image:url('../images/btn-go.jpg'); border:none; background-repeat:no-repeat; background-color:transparent; width:36px; height:22px; cursor:pointer; margin:0 0 5px 5px;}

	#share li, #action li{
	
		float:left;
		background:url(../images/btn-media-bg.jpg) no-repeat;
		text-align:center;
		padding-top:6px;
		margin-bottom:5px;

	}
	
	#share li a, #action li a{
		color:#0061A3;
		text-transform:uppercase;
		font-size:1em;
		display:block;
		width:197px;
		height:24px;
	
	}
	
	#share li a:hover, #action li a:hover{
		text-decoration:none;
	
	}
	
	#share li:hover, #action li:hover{
	text-decoration:none;
		background:url(../images/btn-media-bg-roll.jpg) no-repeat;
			cursor:pointer;
	
	}
	
	a.ButtonLinkShare { background: url(../images/btn-media-bg.jpg) no-repeat; display: block; height: 24px; margin-bottom: 5px; padding-top: 6px; width: 197px;
						color: #0061A3; font-size: 1em; text-align: center; text-transform: uppercase; }
	a.ButtonLinkShare:hover { background: url(../images/btn-media-bg-roll.jpg) no-repeat; text-decoration: none; }
	
#Bottom{
	clear:both;
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
	
}

	
	.buckets li{
		float:left;
		width:193px; /* accommodate for smaller IE 6 width */
		background-color:#F1F1F1;
		border:1px solid #DBDBDB;
		padding:15px;
		height:170px;
		margin-right:10px;
		position:relative;
	
	}
	
	* >  .buckets li{
		float:left;
		width:196px; /* Firefox and IE 7 width */
		background-color:#F1F1F1;
		border:1px solid #DBDBDB;
		padding:15px;
		height:160px;
		margin-right:10px;
		postion:relative;
	}
	
	
	 .buckets li ul li{
		float:none;
		width:auto;
		list-style-type:none;
		border:none;
		height:auto;
		padding:0;
		margin:0 0 4px 0px;
	}
	
	 .buckets .ButtonLink{
		position:absolute;
		bottom:0px;
		left:26px;
	}
	
	
	 .bluelinks li:before{
		content:"> ";
		color:#0061A3;
	}
	
		
	.bluelinks a{
		color:#0061A3;
		font-weight:bold;
	}
	
	.buckets a.bluelinks { color: #0061A3; font-weight: bold; }

	
	li.last{
		margin-right:0!important;
	}
	


/*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.*/}

#RegisterSubmitButton, #EditMyProfileSubmitButton, #ShareYourStorySubmitButton, #TellAFriendSubmitButton, #KeyContactSubmitButton, #LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton, #FederalCommitteeSearchSubmitButton, #StateCommitteeSearchSubmitButton, #ContactUsSubmitButton, #CLSubmitButton {
margin-top:10px; background-image:url('../images/SubmitButton.gif'); border:none; background-repeat:no-repeat; background-color:transparent; width:163px; height:30px; cursor:pointer; margin-bottom:5px;
 /* width and height should be the width and height of the image */}

#LoginSubmitButton{
background-image:url('../images/LoginButton.gif'); border:none; background-repeat:no-repeat; background-color:transparent; width:163px; height:30px; cursor:pointer;margin-bottom:20px; 
 /* width and height should be the width and height of the image */}
#LoginFormContainer{/*Styles are defined with the #RegisterFormContainer */}
#LoginError{
color:#ff0000; clear:both;}

#Register label
{width:12em;
}
.regcheck{
	width:30px;
}

.regradio{
	width:30px;
}

/*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:left; padding-right:10px; line-height:1.5;}
#KeyContactUpdateButton{
background-image:url('../images/UpdateButton.gif'); border:none; background-repeat:no-repeat; background-color:transparent;cursor:pointer;
height:30px;
margin-bottom:20px;;
width:163px;}
#KeyContactSubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#KeyContact select {width:275px;}


/*My Legislators (Classes are used becuase these fields are in loops)
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.MyLegislatorsDetailContainer{clear:both;}
.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:10px; background-color:#ECECEC; width: 435px; }
#LegislatorSearchChamberTypes label{
float:left; line-height:1.5; width:110px;}
#LegislatorSearchChamberTypes input{
width:25px; float:left;}
#LegislatorSearchSearchByAddress { 
padding:10px; background-color:#ECECEC; float:left; margin:6px 0; width: 435px; }
#LegislatorSearchSearchByState { 
padding:10px; background-color:#ECECEC; float:left; margin:6px 0; width: 435px; }
#LegislatorSearchSearchByAddress select, #LegislatorSearchSearchByState select { width: auto; }
#LegislatorAddressSearchSubmitButton, #LegislatorStateSearchSubmitButton{/*Styles are defined with the RegisterSubmitButton */}
#LegislatorSearchResults li{
margin-left:10px;} 

/*Legislator Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorDetailLegisPic{
float:left;}
#LegislatorDetailAddress{
float:left; width: 300px;}
#LegislatorDetailCapitolAddress, #LegislatorDetailDistrictAddress{
margin-left:10px; margin-bottom:10px; float:left; width: 300px; }
.LegislatorDetailCommittee a{
font-weight:700;}
.LegislatorDetailSubCommittee {
margin-left:10px;}
.LegislatorDetailSubCommittee a{
font-weight:normal; color:#00465F; }
.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:360px; }
#LegislatorDetailScorecardFirstItemSecondLine{ /*Used to indent the second line of the scorecard */
margin-left:80px;}
.LegislatorDetailScorecardDetail{
position:relative; float:left; width:360px;  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:200px; height:200px; float:left; position:relative; }
#CommitteeSearchFederalContainer label, #CommitteeSearchStateContainer label { width: auto; }
#CommitteeSearchFederalCheckBoxes input, #CommitteeSearchStateCheckBoxes input {
width:auto; float:left; position:relative; margin-left:2px; }
#CommitteeSearchStateStateContainer { 
margin-top:10px; padding:10px; background-color:#ECECEC; width:200px; height:200px; float:left; position:relative;}
#CommitteeSearchStateCheckBoxes label, #CommitteeSearchStateCheckBoxes select, #CommitteeSearchStateDropdown label, #CommitteeSearchStateDropdown select {width:auto;}
.CommitteeSearchCommittee a{
font-weight:700;}
.CommitteeSearchSubCommittee {
padding-left:10px;}
.CommitteeSearchSubCommittee a{
font-weight:normal; color:#00465F;}
#CommitteeSearchResults{
width:98%;}


/*Contact Us
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ContactUs label { width: auto; }
#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
//////////////////////////////////////////////////////////////////////////////////////////////////*/

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

/* ComposeLetters Page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.CLLetters { /* Used as a container for the letters */
margin:15px 0 0 30px; }
.CLTargets { line-height:1.3;
}
.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; line-height: 1.6em; *line-height: 2em;}

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



/* Fast Action Style Layout Page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#ColLeft-small{
	width:49%;
	float:left;
}

* > #ColLeft-small{
	width:52%;
	float:left;
}

#ColRight-large{
	width:46%;
	float:right;
}

* > #ColRight-large{
	width:44%;
	float:right;
}

#SubPageAlert{
width:100%; 
color:#333;
margin-top:20px;}

#SubPageAlertHeader{
margin-bottom:10px;
font-size:1.4em;
line-height:1.2;
color:#0061A3;}

#SubPageAlert .ButtonLink a, #HomePageAlert .ButtonLink a{
	margin:0;
}

#ColRight-large #RegisterFormContainer, #ColRight-large #LoginFormContainer{
	width:auto;
}

.tracecontent table, #__asptrace{display:none;}