/* ground rules */

* {margin: 0;
padding: 0;}

body {
margin 0;
padding: 0;
font: normal 13px "Trebuchet MS";
color: #333;
background: #bbb9bd;
line-height: 18px;
}

	img {
	border: 0;
	}
	
	.clear {
	clear: both;
	}
	
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }



.no-margin {
margin: 0;
padding: 0;
}

.handheld {
display: none;
}


.floatL {
float: left;
display: inline;
}

.floatR {
float: right;
display: inline;
}

a {
color: #333;
text-deocration: none;
}

a:hover {
color: #666;
}








/*building blocks*/



#outer-container {
margin: 0 auto; /*top, right, bottom, left*/ 
width: 1006px; /*total width of the design*/
text-align: left;
background: #fff;

}

#container {
margin: 0 25px;}


#homeMainBox{
z-index:10;
height: 328px; 
width: 950px;
/* background: url(../images/homepage/fp_hero.jpg) no-repeat #fff; */
margin-top:4px;
margin-bottom:30px;
}
	
	#homeMainBox p {display: block; width: 505px; margin-left: 25px; padding-top: 120px; }
	a.purple{color: #732a55;}
	a:hover.purple {color: #bb7ca1; }



#homeMainBox2{
position: relative;
z-index:20;
top: -358px;
height: 328px; 
width: 950px;
margin-top:4px;
margin-bottom:-328px;
/* border:solid 1px red;  */
}
	
	#homeMainBox2 p {
	display: block;
	width: 470px;
	margin-left: 25px;
	margin-top: 8px;
	}
	a.purple{color: #732a55;}
	a:hover.purple {color: #bb7ca1; }



	
	
	/*absolute positioned elements*/
	
	#alertbox {
	width: 360px;
	height: 187px;
	margin-bottom: -187px;
	top:143px;
	left:592px;
	position: relative;
	background: url(../images/homepage/getting_started.png) no-repeat;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	}
	
	
	#alertbox-buttons {padding:50px 20px 20px 20px; font-size:11px;  }
	#alertbox-buttons div {padding-bottom: 7px; line-height:16px;}
	#alertbox-buttons a {width:80px; margin:0px 0px 0px 20px;}
	
	










/*content wrappers*/

#content-container {padding-top: 36px; padding-bottom: 20px; }

#body-left{
float: left;
display: inline;
width: 589px;

}

#body-right {
float: left;
display: inline;
width: 329px;
padding-left: 31px;

}











/*footer stuff*/

#footer {
background: #797baa;
border-top: 5px solid #5b5c7f;
height: 30px;
color: #fff;
font: normal 11px arial;
padding: 20px;
}

#footer a {
color: #fff;
text-decoration: none;
padding: 5px;
}

#footer a:hover {
text-decoration: underline;
}

.first {margin-left: -5px;}

#credits a {margin: 0; padding: 0!important;}










#header {
height: 115px;
/* border:solid 1px red; */
}


/*topnav*/

#topnav {float :right;  font: normal 11px arial; margin-right: 15px;
text-align:right;
 }

#topnav img {margin-bottom:6px;}

#topnav a {
color: #5b5c7f;
color: #444556;
padding: 4px;
text-decoration: none;
}

#topnav a:hover {
color: #b4b4be;
color: #5b5c7f;
}

.edition {
color: #42AA5A;
padding-left: 7px;
}












/*inputs and signups*/

#logo {
float:left;
display: block;
background: url(../images/site-logo-03.png) no-repeat;
background-position: 30px 15px;
width: 367px;
height: 110px;
padding: 0px 0px 0px 10px;
} 

	#logo span {
	display:none;
	} 

#loginWrapper {
float:right;
margin:60px 0px 0px 0px;
width:320px;
height:20px;
/* border:solid 1px red; */
}

#login {}
#login input {font: normal 11px arial; color: #999; padding: 2px 2px 1px 2px; margin-right:12px; height: 13px;  float: left;  width: 106px; border: 1px solid #999;}
#loginsubmit {height: 17px!important; margin-top: -3px; width: 21px!important; margin-left: -12px!important; border: 0!important;}
#billsearchsubmit {padding-left: 20px;  }
#inputbillsearch {width: 243px; font-size: 12px; color: #999; padding: 0 2px 2px 2px;  height: 16px; vertical-align: top;  }
.bold15 {font: bold 15px "Trebuchet MS";}











/*bloggo*/

#fp_blogs  { width: 589px; padding: 0; margin: 0; border: 0; margin-top: 15px;}
#fp_blogs th { background: #d7d7d7; border-top:  8px solid #9f9f9f; color: #666; font-weight: normal; text-align: left; padding: 4px 14px;}
#fp_blogs td { padding: 12px 14px; }
#fp_blogs .left {width: 440px;}
#fp_blogs .right { width: 147px; }
.blogname {font: bold 15px "Trebuchet MS";}
.blogname a {text-decoration: none;}
.bloglink {display: block; padding-top: 10px; font-weight: bold;}
.odd { background: #efefef; }
.even { background: #f5f5f5; }
.blogicons {font-size: 10px; }
.blogicons td {padding: 0!important; padding-right: 11px!important; text-align: center;}
a.share {display: block; background: url(../images/homepage/icon_share.gif) no-repeat top; padding-top: 25px; text-decoration: none;}
a.comments {display: block; background: url(../images/homepage/icon_comment.gif) no-repeat top; padding-top: 25px; text-decoration: none;}
a.info {display: block; background: url(../images/homepage/icon_info.gif) no-repeat top; padding-top: 25px; text-decoration: none;}
a:hover.share, a:hover.info, a:hover.comments {text-decoration: underline;}











/*video*/
#hp_video {margin-top: 20px;}  81cf96

.lineheight20 {line-height: 20px;}
a.margintop10 {margin-top: 10px; display: block;}










/*main navigation*/

#navbar {float: left; margin-top: 3px; }
#navbar a {padding-right: 3px;}

#navbar a.actioncenter {background: url(../images/nav/nav-action.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
#navbar a:hover.actioncenter {background: url(../images/nav/nav-action_over.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.actioncenter span {display:none;}
#navbar a.actioncenter-active {background: url(../images/nav/nav-action_active.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.actioncenter-active span {display:none;}

#navbar a.resources {background: url(../images/nav/nav-resources.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
#navbar a:hover.resources {background: url(../images/nav/nav-resources_over.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.resources span {display:none;}
#navbar a.resources-active {background: url(../images/nav/nav-resources_active.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.resources-active span {display:none;}

#navbar a.collaborate {background: url(../images/nav/nav-collaborate.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
#navbar a:hover.collaborate {background: url(../images/nav/nav-collaborate_over.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.collaborate span {display:none;}
#navbar a.collaborate-active {background: url(../images/nav/nav-collaborate_active.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.collaborate-active span {display:none;}

#navbar a.about {background: url(../images/nav/nav-about.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
#navbar a:hover.about {background: url(../images/nav/nav-about_over.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.about span {display:none;}
#navbar a.about-active {background: url(../images/nav/nav-about_active.gif) no-repeat; height: 80px; width: 145px; display: block; float: left;}
	#navbar a.about-active span {display:none;}

#billsearch { background: url(../images/find_bills_bg.gif) no-repeat; width: 340px; height: 55px; float: left; padding: 15px 0 0px 18px; color: #fff; margin-top: 10px;}
#billsearch form {padding-top: 20px;}




#grey { height: 10px; background-color: #575757; width: 950px;}
#green { height: 10px; background-color: #81cf96; width: 950px;}
#darkblue {background-color: #49498a; height: 10px; width: 950px;}









/*misc*/

.left25 {margin-left: 25px;}