@import '/styles/stripstyles';
@import '/styles/clearfix';

html, body { padding: 0; margin: 0; text-align:center;   height:100%; }
body {
	font: normal 11px/1em Verdana, "Lucida Grande", sans-serif;
	padding:0; margin:0; 
	border:0;
	text-align:center;
	}
body { background:#fdc84d url(/sync/images/background.gif) center top repeat-y; }

a:link, a:visited	{
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#931010;
	text-decoration:none;
}

#right_content a { color: #fff; }

#homepage_quote {
 font-family: Verdana, "Lucida Grande", sans-serif;
 width: 505px;
 padding: 8px;
 background: #499B31 url(/sync/images/missionBackground.jpg) 0 0 no-repeat ;
 line-height: 1.2em;
 font-size: 1.1em;
 color: #fff;
 display: block;
text-align:left;

}
#content {
	width:742px;
	display:block;
	margin:0 auto;
	margin-bottom: 8px;
	padding: 0px;
	text-align:left;
	border:0;
	background: url(/sync/images/right_blue_stripe.gif) 543px 0 repeat-y;
}
#content_box {
	width: 526px;
	margin-top: 4px;
	background: url(/sync/images/content_box_bg.gif) 0 0 repeat-y;
}
#content_box_wide {
	width: 724px;
	margin-top: 4px;
	background: url(/sync/images/content_box_bg_wide.gif) 0 0 repeat-y;
height:100%;
}
	#content_box_inner {
		display: block;
		background: url(/sync/images/content_box_bottom.gif) bottom left no-repeat;
	}

	#content_box_inner_wide {
		display: block;
		padding-bottom: 8px;
		background: url(/sync/images/content_box_bottom_wide.gif) bottom left no-repeat;
                height:100%;
               clear:both;
	}
	#content_box_inner_2 {
		display: block;
		padding-bottom: 8px;
		background: url(/sync/images/content_box_bottom_2.gif) bottom left no-repeat;
	}
	#content_box_inner_content, #content_box_interior_content  { /*border:solid 1px blue;*/
		margin: 0 0 0 6px;
		width: 512px;
	}


#content_box_interior_content_wide ul, #content_box_interior_content  ul {
  list-style-type: square;
  margin: 0px 16px 16px 26px;
}
  #content_box_interior_content_wide li, #content_box_interior_content  li {  
    display:list-item;
    margin-bottom: 8px;
  }

	#content_box_interior_content_wide {margin: 0 0 0 6px; width: 710px;  min-height:100%; }
	#content_box_inner_content a, #content_box_interior_content a, #content_box_inner_wide a {color: #c00;}
		#content_box_inner_content_top {
			padding: 7px;
		}
			#content_box_inner_content_top h3 {line-height: 1.25; color: #036; font-size: 15px; margin-top: 4px;}
			#content_box_inner_content_top .left_image {float:left; margin-right:8px;}
			#content_box_inner_content_top .subheading {font-size: 12px; color: #333; font-weight: bold; line-height: 1.3;}
			#content_box_inner_content_top p {font-size: 12px; line-height: 1.5; color: #666;}
		#content_box_inner_content table { width: 100%;
			border-collapse: collapse;
		}
		#content_box_inner_content h4 {padding: 5px 12px; color: #036; background: #bbdaf8; text-transform: uppercase; font-weight: normal; font-size: 14px;}
		#content_box_inner_content table .alt {background: #e7f3ff;}
			#content_box_inner_content th {padding: 5px 2px 5px 12px; font-weight: bold; font-size: 10px; color: #666;}
			#content_box_inner_content td {padding: 5px; color: #666; font-size: 10px;}
		#content_box_bottom_link { /*border:solid 1px blue;*/
			position: relative;
			display: block;
			text-align: right;
			height: 30px;

		}
		#content_box_interior_content h3, #content_box_interior_content_wide h3 {line-height: 1.25; color: #036; font-size: 18px; margin: 4px 16px 4px 16px;}
		#content_box_interior_content p, #content_box_interior_content_wide p, #content_box_interior_content_wide li, #content_box_interior_content li {font-size: 12px; line-height: 1.25; color: #666; margin: 8px 16px;}
		#content_box_interior_content .subheading, #content_box_interior_content_wide .subheading {font-size: 14px; color: #333; font-weight: bold; line-height: 1.3; margin: 0 16px 0 16px;}
		
		.bottom_link {position: absolute; top: 6px; right: 15px; display: block; width: 75px; height: 30px;}
	
	.democratic_leaders,.event_center, .top_stories, .your_party, .your_party_wide, .get_active, .get_active_wide, .newsroom, .newsroom_wide, .avcenter, .avcenter_wide,
	.vote, .vote_wide {	display: block; height: 35px;}
		.democratic_leaders {background: url(/page/-/images/democratic_leaders.gif) bottom left no-repeat;}
		.event_center {background: url(/sync/images/event_center.gif) bottom left no-repeat;}
		.top_stories {background: url(/sync/images/top_stories.gif) bottom left no-repeat;}
		.your_party {background: url(/sync/images/your_party.gif) bottom left no-repeat;}
		.your_party_wide {background: url(/sync/images/your_party_wide.gif) bottom left no-repeat;}
		.get_active {background: url(/sync/images/get_active.gif) bottom left no-repeat;}
		.get_active_wide {background: url(/sync/images/get_active_wide.gif) bottom left no-repeat;}
		.newsroom {background: url(/sync/images/newsroom.gif) bottom left no-repeat;}
		.newsroom_wide {background: url(/sync/images/newsroom_wide.gif) bottom left no-repeat;}
		.avcenter {background: url(/sync/images/avcenter.gif) bottom left no-repeat;}
		.avcenter_wide {background: url(/sync/images/avcenter_wide.gif) bottom left no-repeat;}
		.vote {background: url(/sync/images/vote.gif) bottom left no-repeat;}
		.vote_wide {background: url(/sync/images/vote_wide.gif) bottom left no-repeat;}
			.democratic_leaders span,.event_center span, .top_stories span, .your_party span, .your_party_wide span, .get_active span, .get_active_wide span, .newsroom span, .newsroom_wide span, 
			.avcenter span, .avcenter_wide span, .vote span, .vote_wide span {display: none;}
		
#footer {
	position: relative;  /* Needed for Safari */
	clear: both;
	width:742px;
	height: 39px; line-height: 39px;
	color: #fff;
	margin:0 auto;
	padding:0;
	text-align:left;
	background: url(/sync/images/footer_background.gif) 0 0 repeat-x;
}
	#footer a {color: #fff;}
	#footer span {display: block; padding: 0 10px; float: left;}
	
	#footer form {margin-top: 8px; margin-right: 8px;  padding-left: 60px; width: 170px; float: right; background: url(/sync/images/footer_search_bg.gif) 0 50% no-repeat;}
	#go {
		display:block; 
		float:right; 
		margin:0; 
		padding:0;
		border:0;
		width:28px;
		height:19px;
		background: transparent url(/sync/images/go_button.gif) no-repeat center left;
		text-align:left; text-indent: -5000px;
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
	}
	
#left_side { /*border-bottom:solid 1px blue; */
	float:left;
	width:530px;
	text-align:left;
	margin:0;
	padding:0 0 0 8px;
}
#left_side_interior { /*border-bottom:solid 1px blue; */
/*	float:left;*/
/*	width:72px;*/
	display: block;
	text-align:left;
	margin:0;
	padding:0 8px 8px 8px;
       height:100%;
}

	#banner {
		position: relative;
		width: 538px;
		height: 186px;
	}
#banner h2 a {/*border:solid 1px blue;*/
  float:left;
  width:538px;
  height:186px;
  text-align:left;
  text-indent:-5000px;
  text-decoration: none;
}

	.banner_1 {background: url(/sync/images/banner_1.jpg) 0 0 no-repeat;}
	.banner_2 {background: url(/page/-/images/banner_2.jpg) 0 0 no-repeat;}
	.banner_3 {background: url(/page/-/images/banner_3.jpg) 0 0 no-repeat;}
	.banner_4 {background: url(/page/-/images/banner_4.jpg) 0 0 no-repeat;}
	.banner_5 {background: url(/page/-/images/banner_5.jpg) 0 0 no-repeat;}
        .banner_6 {background: url(/page/-/images/banner_6.jpg) 0 0 no-repeat;}
	#banner_left {
		position: absolute;
		top: 29px;
		left: -21px;
	}
#header_outer {
	margin: 0px;
	padding-bottom: 10px;
	background:transparent url(/sync/images/header_shadow.gif) left bottom no-repeat;
}

#header_left {
	width:538px;
	float: left;
}
#header_right {
	width: 204px;
    float:right;
}

#right_side { /*border:solid 1px blue;*/
	float:right;
	display:block;
	width:200px;
/*	background: url(/sync/images/right_blue_stripe.gif) 1px 0 repeat-y;*/
}
 .right_link {display: block; margin-bottom: 3px;}

 #right_content {color:#fff; margin:4px 18px 4px 12px;}

#stay_informed { 
	display:block; clear: both;
	text-align: center;
	width: 204px;
	height: 186px;
	font-family: Helvetica, "MS Trebuchet", sans-serif;
	font-size:10px;
}
	.florida_flag {background: url(/sync/images/florida_flag.jpg) 0 0 no-repeat;}
	.america_flag {background: url(/sync/images/american_flag.jpg) 0 0 no-repeat;}

#stay_informed h2 {
	display: none;
}
#stay_informed form {padding: 112px 0 0 0; width: 90%; margin: 0 auto;}

#fla_signup {
	display:block; 
	float:right; 
	margin:0; 
	padding:0;
	border:0;
	width:51px;
	height:19px;
	background: transparent url(/sync/images/red_signup_button.gif) no-repeat center left;
	text-align:left; text-indent: -5000px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}



/* VIEW IN NAVIGATION BAR
----------------------------------------------- */
#view_in {
	position: relative;
	display: block;
	width: 204px;
	height: 31px;
	background: url(/sync/images/view_in_background.gif) 0 0 no-repeat;
}

#view_in ul {margin: 0; padding: 0;}
#view_in li {margin: 0; padding: 0; list-style: none; position: absolute; top: 4px;}
#view_in a {height: 25px; display: block;}
#view_in span {display: none;}
#viewA {left: 77px; width: 58px;}
	#viewA a { background: url(/sync/images/espanol_button.gif) 0 0 no-repeat;}
		#viewA a:hover {background-position: top right;}
#viewB {left: 139px; width: 53px;}
	#viewB a { background: url(/sync/images/creole_button.gif) 0 0 no-repeat;}
		#viewB a:hover {background-position: top right;}

/* TOP NAVIGATION BAR
----------------------------------------------- */
#nav {position: relative; margin: 0; padding: 0; width: 538px; height: 31px; z-index: 20000; background: url(/sync/images/top_nav.gif) !important;}
#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav a {height: 31px; display: block;}
#nav span {display: none;}


#navA {left: 0; width: 72px;}
#navB {left: 72px; width: 97px;}
#navC {left: 169px; width: 104px;}
#navD {left: 273px; width: 106px;}
#navE {left: 379px; width: 94px;}
#navF {left: 473px; width: 65px;}

#navA a:hover {background: transparent url(/sync/images/top_nav.gif) 0 -31px no-repeat;}
#navB a:hover {background: transparent url(/sync/images/top_nav.gif) -72px -31px no-repeat;}
#navC a:hover {background: transparent url(/sync/images/top_nav.gif) -169px -31px no-repeat;}
#navD a:hover {background: transparent url(/sync/images/top_nav.gif) -273px -31px no-repeat;}
#navE a:hover {background: transparent url(/sync/images/top_nav.gif) -379px -31px no-repeat;}
#navF a:hover {background: transparent url(/sync/images/top_nav.gif) -473px -31px no-repeat;}


/* 
Son of Suckerfish dropdowns:
http://www.htmldog.com/articles/suckerfish/dropdowns/
*/

#nav ul {
  margin: 0;
  padding: 0;
  }
#nav li ul { /* second-level lists */
  position: absolute;
  top: 31px;
  width: 16em;
  list-style: none;
  clear: both;
        z-index: 10000;
  left: -5000px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  }
#nav li ul li {
  position: relative;
}

#nav li ul li, #nav li ul li a {
  background-image: none !important;
  clear: both;
  }
#nav li ul li a {
  width: 16em;
        height: 16px;
  padding: .25em 1em;
  text-indent: 0 !important;
        font-size: 10px;
  background: #C11513;
        line-height: 1.2em;
        z-index: 1100;
  border-top: 1px solid #B20000;
  color: #fff;
  text-decoration: none;
  }

#nav li ul li a:hover {
  background: #B20000; color: #fff;
  }
#nav li:hover ul,#nav li.sfhover ul { /* lists nested under hovered list items */
  left: 0;
        z-index: 1200;
background-position: 0 0;
  }
#nav li:hover { /* to fix the sticky hover state in ie7 */
    background-position: 0 0; 
}

/*
#main_nav {margin-top:10px;} 

#main_nav li {
  display:block; 
  float:left;
  margin:0 5px;
}
   
  #main_nav a span { 
    padding:0;
    margin:0;
    height:15px;
    text-indent:-5000px; 
  }

#main_nav .home , #main_nav .your_party , #main_nav .getactive , #main_nav .newsroom , #main_nav .avcenter , 
#main_nav .vote  { border:solid 1px red;
  display:block;
  float:left;
  height:14px;
  padding:0; margin:0;
  text-indent:-5000px;
}

  a.home  {width:28px; background: url(/sync/images/top_nav.gif) 0 0 no-repeat;} 
    a.home:hover {background: url(/sync/images/top_nav.gif) 0 -18px no-repeat;} 
  a.your_party  {width:48px;  background: url(/sync/images/top_nav.gif) -37px 0 no-repeat;}
    a.your_party:hover {background: url(/sync/images/top_nav.gif) -37px -18px no-repeat;} 
  a.getactive  {width:32px;  background: url(/sync/images/top_nav.gif) -97px 0 no-repeat;}
    a.getactive:hover { background: url(/sync/images/top_nav.gif) -97px -18px no-repeat;}
  a.newsroom  {width:62px;  background: url(/sync/images/top_nav.gif) -139px 0 no-repeat;}
    a.newsroom:hover { background: url(/sync/images/top_nav.gif) -139px -18px no-repeat;}
  a.avcenter  {width:68px;  background: url(/sync/images/top_nav.gif) -215px 0 no-repeat;}
    a.avcenter:hover { background: url(/sync/images/top_nav.gif) -215px -18px no-repeat;}
  a.vote  {width:56px;  background: url(/sync/images/top_nav.gif) -296px 0 no-repeat;}
    a.vote:hover { background: url(/sync/images/top_nav.gif) -296px -18px no-repeat;}
 */