@charset "UTF-8";
body {
	background: #000000;
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;

}
img {
 border: none;
}

h1 { 
	font-size: 20pt;
	color: #32466f;
}
h2 { font-size: 16pt }
h3 { font-size: 14pt }
h4 { font-size: 12pt }

#container {
	background: url(../img/mainback.gif) repeat-y;
	width: 916px;
	
	margin-left: auto;

	margin-right: auto;

	position:relative;
	

}
.topmenul1, .topmenul2 {
	
	list-style:none;
	font-color:#000000;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
	z-index:5;
	
}

.topmenul1 li {
	font-size:16px;
	z-index:5;
	 background:#425d92;
	 font-color:#ffffff;	
	padding:1px 0px;
	float:left;				/* First level menu's needs to float left */
	position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
}

/* First level colors for link tags */
.topmenul1 a {
	color:white;
	padding:0px 10px 0px 10px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
	text-decoration:none;
}

.topmenul1 a:hover {
	background-color:#96282f;		/* On hover for a alements, */
	border:1px solid-black;
}


/* Start second level and lower menu's */
.topmenul2 li{
	font-size: 14px;
	z-index:5;
}

.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:200px;				/* Default width for sub-menu's */
	border:1px black;			/* Border around the sub-menu's */
	z-index:5;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:0px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:20px !important;
	top:20px;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
	left:200px;				/* Move away from second level menu for second level and lower */
	top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
	z-index:5;
}

.topmenul1 .topmenul2 li {
	padding:2px 0px;  			/* Controls the height per menu item on second level and lower */
	border:1px solid #f0f0f0;	/* little color seperator */
	background-color:#425d92; 
	width:100%;
	z-index:5;
}

.topmenul1 .topmenul2 a {
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
	padding:0px 4px;
	z-index:5;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
	color:white;
	border:none;	
	z-index:5;			/* no border, remove the style from level1 a tags */
}

/* Little arrows for the menus */
.topmenul1-ifsub,.topmenul2-ifsub {
	background-image:url(../images/arrow-b-d.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.topmenul2-ifsub {
	background-image:url(../images/arrow-b-r.gif);
}


.topmenul1 .hoveratag {
	background-color:#8d282f;		/* Hack in javascript, this will highlite teh a tag of the menu above */
	border:1px #ffffff;
	color:#ffffff;			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
}

#header {
	 background: url(../img/header.jpg) no-repeat  top;
	 float: left;
	 width: 916px;
	height: 180px;
	 display: inline;

}

#yacbddm{

 width: 880px;
 font-color:#ffffff;
 margin-top:4px;
 margin-left: 17px;
 padding: .1em 0;
  background:#425d92;
  height: 20px;


 
}

 

 
 
#coltop {
background: url(../img/coltop.gif) no-repeat;
width: 353px;
height: 31px; 
float: left;
}

#feed {
	
	width: 290px;
	padding-left:25px;
	
	display: inline;
	float: left;
}

#colmid {



float: left;
width: 290px;
margin-left:27px;
display:inline;
}


#colbot {
background: url(../img/colbot.gif) no-repeat;
width: 353px;
height: 19px; 
float: left;
}



#mainContent {
	background: url(../img/mainback.gif) repeat-y;
	width: 916px;
	display: inline;
	z-index: -1;
	float: left;
	
}	
#Content {
	background: url(../img/conback.gif) no-repeat;
	width: 916px;
	display: inline;
	
	
	float: left;
}

#centerCol {	
	display: inline;
	float: left;
	width: 548px;
    	margin-left:15px;
    	

	
}

#rightCol {
	background: url(../img/rcolback.gif) repeat-y;
	display: inline;
	color: #000000;
	float: right;
	font-size: 12px;
	width:353px;
}

#rightCol a {
	color:#000000;
}

#rightCol H1 {
	font-size: 16px;
}

#rightColContent {
float: left;
width: 296px;
margin-left:25px;
display:inline;
text-align:center;

}

#contentbottom ~{
	background: url(../img/contentbot.gif) no-repeat;
	width: 826px;
	height: 77px;
	display: inline;
	float: left;
}
#footer {
	background: url(../img/footer.gif);
	float: left;
	width: 916px;
	height: 70px;
	display:inline;
	font-size: 11px;
	text-align: center;
	color:#000000;
}
#footertext {
	display:inline;
	padding: 0 0 .1em 0;
	width: 600px;
	height: 30px;
	margin-bottom: 5px;
	font-size: 11px;
	text-align: center;
	color:#000000;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40px;
left: -10px; /*position where enlarged image should offset horizontally */

}



div.staff-bio, div.member-bio, div.candidate-bio, div.member-biopage
{
  clear:left;
  border: 1px solid #ffffff;
  padding: 6pt;
  margin-bottom: 12pt;
  margin-right: 10px;
  min-height: 100px;
}
div.biopage-header 
{
font-size: 150%;
  font-weight: bold;
  text-align:center;

}

div.biopage-gauge img
{
  padding:2px;
 
  margin: 0 0 0 12pt;
}

div.biopage-education, div.biopage-occupation, div.biopage-2004,div.biopage-counties, div.biopage-employer, div.biopage-prior-office, div.biopage-associations, div.biopage-business-org, div.biopage-dob
{
  font-size: 100%;
 
  margin-bottom: 12pt;
}
div.bio-photo img
{
  padding:2px;
  background:#ddd;
  border:1px solid #205394;
  margin: 0 0 0 12pt;
}
div.bio-name
{
  font-size: 130%;
  font-weight: bold;
}
div.bio-position, div.bio-district, div.bio-incumbent
{
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 12pt;
}
div.bio-read-more
{
  margin-top: 12pt;
}
.news-catmenu-NO img, .news-catmenu-ACT img {
 vertical-align: sub;
 _vertical-align: -30%;
 margin-right: 3px;
}
.news-catmenu-NO img, .news-catmenu-ACT img {
 vertical-align: sub;
 _vertical-align: -30%;
 margin-right: 3px;
}

.news-catmenu-ACT a {
 color: #253748
}

.news-list-item{
 padding-bottom: 1em;
}

.news-list-item h3 {
 padding: .2em;
 border-bottom: 1px dashed #4b6075;
 border-top: 1px dashed #4b6075;
 background: #dbe6f0;
}

.news-list-morelink {
 float: right;
 clear: both;
}

.news-list-date {
 float: right;
 font-size: 9pt;
}

/* latest news */

.news-latest-date {
 float: right;
 font-size: 8pt;
}

.news-latest-item h4 {
 margin: 0;
 padding-top: .3em;
}

.news-latest-item p {
 font-size: 9pt;
 margin: 0;
 padding-bottom: .3em;
 border-bottom: #dbe6f0 dashed 1px;
}
.news-list-item img {
 float: left;
 margin: .2em .7em;
}

.news-single-img {
 float: left;
 text-align: center;
 margin: .2em .7em;
}
#ast_countdown {
	width: 260px;
	padding-left: 50px;
	margin-left: 50px;
}
	
#tx-rbflashobject-pi1 {
	z-index:-1;
}