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, 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:#777777;
}

body {
line-height: 1.25; 
color: black;  
background: white; 
width:800px;
margin-left:auto; /* The left & right margin being set to auto will make the page centered*/
margin-right:auto; /* The left & right margin being set to auto will make the page centered*/
background-color: #ffffff; 
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif; 
position:relative;
}

 ul {
list-style: none;
}

.lNone li
{
list-style: none;
}

caption, th, td {
text-align: left;  
font-weight: normal; 
vertical-align:top;
}

label { 
cursor: pointer;  
}

a { 
color: #30639A; 
}


a:link, a:visited, a:active { 
text-decoration: none; 
}

a:hover { 
text-decoration: underline; 
}

p {
padding:8px 2px;
}

h1 { /* Page Titles */
font-weight: 700; 
font-size: 1.85em; 
/*margin-bottom: -20px;  Negative Margin brings the "hr" directly under the title - if the margin on the hr is changed this should be looked at too */
color: #cc0033;
border-bottom:1px solid #cc0033;
margin-bottom:8px;
}

h2 { /* ListAlert Titles, My Legislators, */
font-weight: 700; 
font-size: 1em;
color: #01046A; 
padding-left:2px;
padding-top:5px;
}

h3{ /* SubHead used on Composeletters, MyInfo (User Name), My Legislators */
font-weight: 700;
font-size:1.1em;
}

h4 { 
font-weight: 600; 
font-size: 1.25em; 
/*margin-bottom: -20px;  Negative Margin brings the "hr" directly under the title - if the margin on the hr is changed this should be looked at too */
color: #486BB6;
border-bottom:1px solid #486BB6;
}

hr { /* Used under titles, between letter on ComposeLetters Page */
margin-bottom:15px;  /* "h1 has a Negative Margin to bring this directly under the Title, if this is changed the h1 should be looked at too */
margin-top:15px;
background-color:#CCCCCC;
height:1px;
border-style:none;
border-width:0;
}

textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:90%;
height:150px;
}

label { 
display:block;  
width:10em;  
float:left;  
text-align:right; /* Change to text-align:right; to align the labels from the right */
padding-right:3px; 
font-weight:bold;
}

#workinfolabel	{
display:block;  
width:20em;  
float:left;  
text-align:right; 
padding-right:3px; 
font-weight:bold;
padding-bottom: 6px;
}

#workinfo	{
display:block;  
width:20em;  
float:left;  
text-align:left; 
padding-left:3px; 
padding-bottom: 6px;
color: #486BB6;
}

input{
width:13.55em;
margin-bottom:5px;
}

select{
width:14em; /* Select boxs need to be just bigger then input areas, to look the same size on the page */
margin-bottom:5px;
}


table{
border-collapse:collapse;
}

th { 
padding:5px;
background-color: #999; 
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;
}

.center{
display:block;
text-align:center;
}

.boldblue{
color:#01008F;
font-weight:bold;
}

.small-text{
font-size:10px;
}

.red {
color:#FF0000;
font-weight:bold;
}

.red-big {
color:#FF0000;
font-weight:bold;
font-size:14px;
text-align:center;
}

#box{
width:425px;
border:1px solid #ccc;
padding:5px;
margin:0 auto;
}

/* Login Page 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#right-col{
width:414px;
/*background-color:blue;*/
float:right;
}

#right-blue{
width:40px;
height:570px;
background:url(../images/bkg_logleft.jpg);
position:absolute;
top:0;
right:0;
}

#left-red{
width:40px;
height:570px;
background:url(../images/img_logbar.jpg) no-repeat;
background-color:#BD0028;
position:absolute;
top:0;
left:0;
}

#btnLogin{
margin-top:10px;
background-image:url('../images/btn_logenter.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:101px;  /* Should be the width of the image */
height:31px;  /* Should be the height of the image */
cursor:pointer;
margin-bottom:5px;
}

.imgleftbot{
position:absolute;
bottom:52px;
left:45px;
}
/* FAQs 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#FAQs .ContentContainer li
{
list-style-type:disc;
margin-left:20px;
padding:4px 0;
}

#FAQs .ContentContainer ul
{
margin-bottom:10px;
}


/* Gifts 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.bluebox{
width:350px;
border:1px solid #040062;
padding:5px;
}

.bluebox h2{
background-color:#040062;
color:#fff;
font-size:16px;
margin:-5px -5px 5px -5px;
}


.bluebox li{
width:150px;
float:left;
/*background-color:green;*/
list-style-type:none!important;
padding:0!important;
margin:0!important;
font-weight:bold;
height:75px;

}

.bluebox h3{
float:right;
clear:both;
background-color:blue;
}

.clear{
clear:both;
}

/* State GGC Page 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#state-table{
border:1px solid #999;
}

/*Pledge Page 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#Pledge .ContentContainer input.small{
width:45px!important;
}


/******   SOLICITOR PAGES ***************/
/*Responsibilities
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

#Responsibilities .ContentContainer ol.upper
{
list-style-type:upper-alpha;
}

#Responsibilities .ContentContainer ol
{
list-style-type:decimal;
}

#Responsibilities .ContentContainer ul, #Communications .ContentContainer ul, #Presentations .ContentContainer ul, #Documents .ContentContainer ul, #Contacts .ContentContainer ul
{
list-style-type:disc;
}
#Responsibilities .ContentContainer li, #About .ContentContainer li, #Communications .ContentContainer li, #Presentations .ContentContainer li, #Documents .ContentContainer li, #Contacts .ContentContainer li
{
margin-left:20px;
padding:4px 0;
}

#Membership .ContentContainer li
{
list-style-type:disc;
margin-left:20px;
padding:4px 0;
}

#Membership .ContentContainer ul
{margin-bottom:10px;
}


h2.payroll{
background-color:#010268;
color:#fff;
text-align:center;
margin-bottom:5px;
padding:-bottom:5px;
font-size:16px;
}

/* Styles used by the includes 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*Header Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#MainHeaderContainer{
text-align:center; /* Centers the banner */
}

/*Body Container holds the other three containers ImageBar, Nav, & ContentContainer
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.BodyContainer { /* This holds the main area includeing Nav,Main and Image Bar.*/
width: 100%; 
background-repeat:no-repeat;
background-position:top center;
}

/*Image Bar Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#ImageBarContainer{ /* This hold the imagebar include file */
float:right;
padding:10px;
background-color:#303094;
width:150px;
display:none;  /*Change this to display:block; to show the Image Bar, also make sure to reduce the Content Container's width (Add the width, padding & margin to reduce the correct amount) to make room for this bar*/
}


/*Main Container Area Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#Login .ContentContainer {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
padding:10px;
width: 725px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}
	
.ContentContainerIndex {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
background-color:#F0F3F4;
padding:10px 10px 0 0;
width: 604px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}

.ContentContainerIndexHalf {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
background-color:#F0F3F4;
padding:10px;
width: 275px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}

.ContentContainerIndexRed {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
background-color:#FE0000;
padding:6px 0 0 6px;
width: 606px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}

.ContentContainerIndexRedHalf {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
background-color:#FE0000;
padding:0 10px 0 10px;
width: 270px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}	
	
.ContentContainer {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
padding:10px;
width: 590px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}	

.ContentContainer a:active, .ContentContainer a:visited, .ContentContainer a:link{
color: #30639A;
display:inline;
}
			  
/* If this style where uncommented it would control the size of the Content Container for only the AlertDetail Page.
This technique can be used to over ride any style on a page by page level (Always place the page id first).
#AlertDetail .ContentContainer {  
padding:10px;
width: 400px;
}
*/


/*Footer Area Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

#MainFooterContainer {  /* This holds the mainfooter include file.*/
padding-top: 80px;
height: 100px;
width: 800px;
clear:both;
text-align:center;
font-size: .8em;
background-color:#ccc;
background-image:url(../images/footer.jpg);
}


/*Menu/Nav Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.MenuContainer {  
margin-top:10px;
padding-left:25px;
float:left;
/*background-color:#000267; */
/*background:url(../images/nav-bg.gif);*/
width:160px; /*This sets the width Nav, if you want to Menu uder the banner set to 100%.  Please all take a look the width of the links as they will need to be edited if this is edited */
}

.MenuContainer li{
/* UnComment this if you would like a Menu under the banner
float:left;*/
line-height:2.2;
/*border-bottom:1px solid #999;*/
margin-left:0;
}

.MenuContainer b{
color:#D2E0F5;
/*border-bottom:1px solid #D2E0F5;*/
}

.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
color: #999; 
display:block;
padding-right:10px;
font-size: 1em;
font-weight:700;
width:140px;  /* This is need to make IE6 work correctly, this value should be the width of the Container - all padding and margins */
}

.MenuContainer a:hover { 
color: #CC0000;
text-decoration:none;
}


/* This how you would change the style for a single item in the Nav - Take Aciton in this case.  This would not override the "on page" below
#TakeActionLink a:link, #TakeActionLink a:visited, #TakeActionLink a:active { 
text-decoration: underline; 
background-color: #00FF66;
display:block;
font-weight: 700; 
color:#FF0000;
}
*/


/*This code is what make the "on page" link retain a different style then the rest of links.  Every link in the nav should have an id. When a page has an id (in the container div) and the link has an id that are defined together then the style will be in effect.*/
#Home #HomeLink a:link, #Home #HomeLink a:visited, #Home #HomeLink a:active,
#Message #MessageLink a:link, #Message #MessageLink a:visited, #Message #MessageLink a:active,
#GGC #GGCLink a:link, #GGC #GGCLink a:visited, #GGC #GGCLink a:active
#Realities #RealitiesLink a:link, #Realities #RealitiesLink a:visited, #Realities #RealitiesLink a:active,
#FAQs #FAQsLink a:link, #FAQs #FAQsLink a:visited, #FAQs #FAQsLink a:active,
#Facts #FactsLink a:link, #Facts #FactsLink a:visited, #Facts #FactsLink a:active,
#Gifts #GiftsLink a:link, #Gifts #GiftsLink a:visited, #Gifts #GiftsLink a:active,
#Match #MatchLink a:link, #Match #MatchLink a:visited, #Match #MatchLink a:active,
#Pledge #PledgeLink a:link, #Pledge #PledgeLink a:visited, #Pledge #PledgeLink a:active,
#History #HistoryLink a:link, #History #HistoryLink a:visited, #History #HistoryLink a:active,
#State #StateLink a:link, #State #StateLink a:visited, #State #StateLink a:active,
#ContactUs #ContactUsLink a:link, #ContactUs #ContactUsLink a:visited, #ContactUs #ContactUsLink a:active,
#Welcome #WelcomeLink a:link, #Welcome #WelcomeLink a:visited, #Welcome #WelcomeLink a:active,
#Membership #MembershipLink a:link, #Membership #MembershipLink a:visited,#Membership #MembershipLink a:active,
#About #AboutLink a:link, #About #AboutLink a:visited, #About #AboutLink a:active,
#Responsibilities #ResponsibilitiesLink a:link, #Responsibilities #ResponsibilitiesLink a:visited, #Responsibilities #ResponsibilitiesLink a:active,
#Communications #CommunicationsLink a:link, #Communications #CommunicationsLink a:visited, #Communications #CommunicationsLink a:active,
#Presentations #PresentationsLink a:link, #Presentations #PresentationsLink a:visited, #Presentations #PresentationsLink a:active,
#Statistics #StatisticsLink a:link, #Statistics #StatisticsLink a:visited, #Statistics #StatisticsLink a:active,
#Contacts #ContactsLink a:link, #Contacts #ContactsLink a:visited, #Contacts #ContactsLink a:active,
#Documents #DocumentsLink a:link, #Documents #DocumentsLink a:visited, #Documents #DocumentsLink a:active,
#Enrollment #EnrollmentLink a:link, #Enrollment #EnrollmentLink a:visited, #Enrollment #EnrollmentLink a:active,
#Results #ResultsLink a:link, #Results #ResultsLink a:visited, #Results #ResultsLink a:active
{
display:block;
font-weight: 700; 
color: #CC0000;;
}


/* common site styles 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.check-left{
float:left;
width:20px;
}

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

.DataTableSubmit { /* Formats the bottom row of table where the submit button is (Legislator Search)*/
background-color: #F0F8FF; 
text-align:right;
}




/*Contact Us
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#ContactUs .ContactUsSumitButton{
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
}

a.white { 
color: #FFFFFF; 
}


a.white:link, a:visited, a:active { 
text-decoration: none; 
}

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