body {
color: black;  
text-align:left;
font-size:11px;
font-family:Verdana, Helvetica, sans-serif; 
}


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


a { 
color: #3296C8; 
font-weight:bold;
}

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

}

a:hover { 
color:#4F4F4F;
}

h1, h2{
font-family:Century Gothic, Verdana, sans-serif; 
}

h2, h3, h4{
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
}

h1{
margin-bottom:20px;
font-weight:normal;
letter-spacing:5px;
color:#838182;
font-family:Century Gothic,Verdana;
font-size:29px;
line-height:35px;
text-transform:uppercase;
}

h1 .blue { /* Page Titles */
letter-spacing:6px;
margin-top:-12px;
color:#AFD6F7;
font-family:Century Gothic,Verdana;
font-size:29px;
line-height:35px;
}

h1 .grey { /* Page Titles */
letter-spacing:7px;
color:#838182;
font-family:Century Gothic,Verdana;
font-size:29px;
line-height:35px;
}


h2 { /* ListAlert Titles, My Legislators, */
color:#3296C8;
font-family:Verdana;
font-size:17px;
font-style:italic;
}

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

#breadcrumbs a {
font-weight:normal;
margin:0;
padding:0;
}
  


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

#MainFooterContainer {  /* This holds the mainfooter include file.*/
font-size: .8em;
color:#fff;
}


/*Menu/Nav Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
display:block;
color:#fff;
font-family:"Century Gothic",Verdana,Arial;
font-size:12px;
padding-left:10px;
padding-right:10px;
font-weight:normal;
letter-spacing:1px;
 /* width:100px; This is need to make IE6 work correctly, this value should be the width of the Container - all padding and margins */
}

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


/* 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.
#TakeAction #TakeActionLink a:link, #TakeAction #TakeActionLink a:visited, #TakeAction #TakeActionLink a:active, 
#AlertDetail #TakeActionLink a:link, #AlertDetail #TakeActionLink a:visited, #AlertDetail #TakeActionLink a:active, 
#ComposeLetters #TakeActionLink a:link, #ComposeLetters #TakeActionLink a:visited, #ComposeLetters #TakeActionLink a:active, 

#Register #RegisterLink a:link, #Register #RegisterLink a:visited, #Register #RegisterLink a:active,
#MyInfo #RegisterLink a:link, #MyInfo #RegisterLink a:visited, #MyInfo #RegisterLink a:active,
#Login #RegisterLink a:link, #Login #RegisterLink a:visited, #Login #RegisterLink a:active,

#MyLegislators #MyLegislatorsLink a:link, #MyLegislators #MyLegislatorsLink a:visited, #MyLegislators #MyLegislatorsLink a:active,

#MyParticipation #MyParticipationLink a:link, #MyParticipation #MyParticipationLink a:visited, #MyParticipation #MyParticipationLink a:active,
#ParticipationDetail #MyParticipationLink a:link, #ParticipationDetail #MyParticipationLink a:visited, #ParticipationDetail #MyParticipationLink a:active,

#News #NewsLink a:link, #News #NewsLink a:visited, #News #NewsLink a:active,
#NewsDetail #NewsLink a:link, #NewsDetail #NewsLink a:visited, #NewsDetail #NewsLink a:active,

#Links #LinksLink a:link, #Links #LinksLink a:visited, #Links #LinksLink a:active,

#LegislatorSearch #LegislatorSearchLink a:link, #LegislatorSearch #LegislatorSearchLink a:visited, #LegislatorSearch #LegislatorSearchLink a:active,
#CommitteeSearch #LegislatorSearchLink a:link, #CommitteeSearch #LegislatorSearchLink a:visited, #CommitteeSearch #LegislatorSearchLink a:active,
#CommitteeDetail #LegislatorSearchLink a:link, #CommitteeDetail #LegislatorSearchLink a:visited, #CommitteeDetail #LegislatorSearchLink a:active,
#LegislatorDetail #LegislatorSearchLink a:link, #LegislatorDetail #LegislatorSearchLink a:visited, #LegislatorDetail #LegislatorSearchLink a:active,

#KeyContact #KeyContactLink a:link, #KeyContact #KeyContactLink a:visited, #KeyContact #KeyContactLink a:active,

#TellAFriend #TellAFriendLink a:link, #TellAFriend #TellAFriendLink a:visited, #TellAFriend #TellAFriendLink a:active,

#ShareYourStory #ShareYourStoryLink a:link, #ShareYourStory #ShareYourStoryLink a:visited, #ShareYourStory #ShareYourStoryLink a:active,

#ContactUs #ContactUsLink a:link, #ContactUs #ContactUsLink a:visited, #ContactUs #ContactUsLink a:active
{
background-color: #F0F8FF;
display:block;
font-weight: 700; 
color: #30639A;
}*/


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

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


.CSCommittee a{
font-weight:700;
}

.CSSubCommittee a{
font-weight:normal;
}


.LDCommittee a{
font-weight:700;
}

.LDSubCommittee a{
font-weight:normal;
}


#hot-topic h2{
background-image:url(../images/hdr-hottopic.gif);
width:220px;
height:32px;
margin:0px -10px 0 -10px;
}

#hot-topic a:link, #hot-topic a:active, #hot-topic a:visited{
background-color:#2a92c5;
color:#fff;
padding:2px;
border:3px solid #ccc;
font-size:11px;
font-family:Verdana, Helvetica, sans-serif; 
}

#hot-topic a:hover{
background-color:#C4E2FC;
color:#4F4F4F;
}

.alt{
display:none;
}