@charset "UTF-8";
/* CSS Document */

/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

ul.endorse {
	list-style: none;
	margin: 0;
	padding-left: 2em;
	text-indent: -1em;
	line-height: 1.7em;
}


body{
	margin: 0;
    padding: 0;
	background: #226fa5 url(../images/bg.jpg) repeat-x center top;
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size:14px;
}

#outer{
	min-height:100%;
	width: 758px;
	margin:auto;
	position:relative;
	background: url(../images/mainbg.jpg) repeat-y center top;
}
* html #outer{height:100%} 

#header{
	height:247px;
	width:100%;
}

#logo {
	float:left; 
	width:228px; 
	height:247px; 
	background:url(../images/logo.jpg) no-repeat top left
}

#phrase {
	height:207px; 
	width:530px; 
	background:url(../images/phrase.jpg) no-repeat top left
}

#content{
	line-height:22px;
	width:100%
}
#content a:link, #content a:active, #content a:visited{
	text-decoration:none;
	border-bottom:1px dotted #0033FF;
	color:#0033FF;
}
#content a:hover{
	text-decoration:none;
	border-bottom:1px solid #FF3300;
	color: #FF3300;
}


#content #main{
	float:left;
	width:540px;
}
#content #main .entryheader{
	background-color:#e4eff5; 
	padding:7px 15px;
	width:510px; 
	height:28px; 
	border-bottom:3px solid #ffcc00;
	line-height:32px;
}
#content #main p{
	padding: 0 15px;
}
#content #main p.last{
	margin-bottom: 35px;
}

h1{
	color: #002596;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:20px;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
}

h2{
	color: #002596;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
}

h3{
	color: #002596;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	margin: 0;
	padding: 0;
}

#content #sidebar{
	float:right;
	z-index:100;
	width:218px;
	padding:12px 0;
}

#content #sidebar #involved{
	width:190px; 
	background-color:#fbfcfe; 
	text-align:center;
	margin:5px 15px;
	padding:8px 0;
}
#content #sidebar .sidebarheader{
	width:170px; 
	background-color:#fbfcfe; 
	margin:5px 0 0 15px;
	padding:8px 10px;
	border-top:3px solid #ffcc00
}
#content #sidebar .text{
	width:170px; 
	background-color:#fbfcfe; 
	text-align:left; 
	margin:0 15px;
	padding:10px;
	border-top:1px dotted #ffcc00
}
#content #sidebar .text .date{
	text-transform:uppercase;
	color: #FF6600;
}
#content #sidebar .text .time{
	color: #FF6600;
}

#footer {
	position:absolute;
	background: #003a66;
	bottom:0;
	height:65px;
	width:758px;
}
#footer #text{
	text-align:center;
	font-size:12px;
	color: #CCCCCC;
	padding:10px 10px;
	letter-spacing:1px;
	line-height:22px;
}
#footer #text a:link, #footer #text a:active, #footer #text a:visited{
	color: #99CCFF;
	text-decoration:none;
	border-bottom:1px dotted #99CCFF
}
#footer #text a:hover{
	color: #FF6633;
	text-decoration:none;
	border-bottom:1px solid #FF6633
}

#clearfooter{clear:both;height:65px;}/*needed to make room for footer*/

#nav {
	width: 530px;
}

#nav ul {
	margin: 0;
	padding: 0;
	width: 530px;
	height: 40px;
	background: url("../images/nav.jpg") no-repeat;
	position: relative;	
}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#nav li, #nav a, #nav li strong {
	height: 40px; 
	display: block;
}

#nav ul a, #nav ul strong {
	text-indent: 0px;
	text-decoration: none;
}

/* Home */
li.navHome {
	left: 0px; 
	width: 35px;
}

li.navHome a:hover { 
	background: url("../images/nav.jpg") -0px -40px no-repeat;
}

li.navHome strong { 
	background: url("../images/nav.jpg") -0px -80px no-repeat;
}

/* Meet the Candidate */
li.navMeet {
	left: 37px;
	width: 101px;
}

li.navMeet a:hover { 
	background: url("../images/nav.jpg") -37px -40px no-repeat;
}

li.navMeet strong { 
	background: url("../images/nav.jpg") -37px -80px no-repeat;
}

/* Issues */
li.navIssues {
	left: 140px; 
	width: 61px;
}

li.navIssues a:hover { 
	background: url("../images/nav.jpg") -140px -40px no-repeat;
}

li.navIssues strong { 
	background: url("../images/nav.jpg") -140px -80px no-repeat;
}

/* Photos */
li.navPhoto {
	left: 203px; 
	width: 75px;
}

li.navPhoto a:hover { 
	background: url("../images/nav.jpg") -203px -40px no-repeat;
}

li.navPhoto strong { 
	background: url("../images/nav.jpg") -203px -80px no-repeat;
}

/* Opponents */
li.navOpponents {
	left: 280px; 
	width: 119px;
}

li.navOpponents a:hover { 
	background: url("../images/nav.jpg") -280px -40px no-repeat;
}

li.navOpponents strong { 
	background: url("../images/nav.jpg") -280px -80px no-repeat;
}

/* More */
li.navMore {
	left: 401px; 
	width: 129px;
}

li.navMore a:hover { 
	background: url("../images/nav.jpg") -401px -40px no-repeat;
}

li.navMore strong { 
	background: url("../images/nav.jpg") -401px -80px no-repeat;
}

#movie-area {
	width: 320px;
	height: 255px;
	background: #000;
	color:#ffffff;
	margin: 20px auto 
}

.authority {
	font-size:13px;
	font-weight:bold;
	color:#FFCC00;
	letter-spacing:2px;
}

.thumb {
	border:1px solid #000000;
}

#photo{width:95%; margin:auto}
#photo a:link, #photo a:active, #photo a:visited, #photo a:hover {
	border:none;
}
.photoheader {border-bottom:1px solid #cccccc}