/*
Theme Name: Ray 2010
Theme URI: http://republicmodern.com/
Description: Ray McKinney for Congress (2010)
Author: Republic Modern
Version: 1.0
Tags: 
*/


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size: 13px;
 background: #4d6590 url('images/bg_color.png');
 background-position: top center;
 font-family: Verdana, arial, sans serif;
} 

a{
 outline: none;
 color: #666666;
 text-decoration: none;
}

a:focus{
outline: none;
}

img{
 border: 0;
}

.spacer{
 clear: both;
 display: block;bg_content.png
 height: 10px;
}

#page_wrapper{
 background: url('images/bg.png') no-repeat;
 background-position: top center;
}

#pagewidth{ 
 position: relative;
 width:960px; 
 text-align:left;
 margin: 0;
 margin-top: -2px;
 padding: 6px 0px;
 margin-left:auto; 
 margin-right:auto; 
 background: #002a50 url('images/bg_container.png') repeat-x;
 background-position: top;
} 
 
#header{
 position: relative;
 height:121px; 
 width: 960px;
 margin: 0 auto;
}

#header .upper{
 position: relative;
 height: 72px;
 width: 100%;
}

.logo{
 position: relative;
 width: 960px;
 margin: 0 auto;
 text-align: center;
 z-index:998; /*for IE */
}

.logo_position{
 position:absolute;
 z-index: 999;
 top: 15px;
 left: 10px;
}

.bodyposition_001{
 position: absolute;
 z-index:200;
 top: -112px;
 right: -14px;
}

.bodyposition_002{
 position: absolute;
 z-index: 200;
 top: 1px;
 right: 0;
}

.bodyposition_003{
 position: absolute;
 z-index:200;
 top: 3px;
 right: 0;
}

.bodyposition_004{
 position: absolute;
 z-index:200;
 top: -49px;
 right: -64px;
}

.bodyposition_005{
 position: absolute;
 z-index:200;
 top: 201px;
 right: 5px;
}

.bodyposition_sub_001{
 position: absolute;
 z-index:200;
 top: -119px;
 right: 0px;
}

.position_gopgeorgia{
 position: absolute;
 z-index:400;
 top: 180px;
 right: -40px;
}

.home{
 width: 400px;
 height: 100%;
 position: relative;
 display: inline;
 float: left;
}

.home a{
 width: 100%;
 height: 100%;
 display: block;
 text-decoration: none;
}

#jobplan{
 position: absolute;
 z-index: 500;
 top:250px;
 right: 325px;
 display: block;
}

#signup{
 position: absolute;
 z-index: 300;
 background: url('images/bg_signup.png') no-repeat;
 top:200px;
 right: -51px;
 width: 406px;
 height: 226px;
 display: block;
}

#signup ul, #signup li, #content .container .formfields ul, #content .container .formfields li{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#signup label{
 width: 130px;
 display: inline-block;
}

#signup input{
 background:;
 width: 150px;
 border: 2px #264562 solid;
 margin-right: 8px;
 padding: 4px;
 font-family: georgia, serif;
 font-size: 1.1em;
 color: #264562;
}

#signup div{
 margin-bottom: 3px;
}

#signup .form-all{
 margin: 50px 0 0 30px;
}

#signup .email:focus, #signup .zip:focus{
 background: #fff;
 border: 3px #355676 solid;
}

#signup .zip{
 width: 60px;
}

#navigation{
 height: 49px;
 width: 100%;
 display: block;
 clear: both;
}

#main{
 background: #154876 url('images/bg_main.png') repeat-x;
 background-position: top;
 width: 950px;
 height: 292px;
 position: relative;
 display: block;
 margin: 0 auto;
 padding: 0px;
 clear: both;
 overflow: hidden;
}

#main .feature{
 background: url('images/bg_main_feature.png');
 width: 575px;
 height: 270px;
 position: relative;
 float: left;
 margin: 10px 0 10px 12px;
 padding: 0;
 clear: none;
 overflow: hidden;
}

#main .feature .promo{
 position: relative;
 width: 566px;
 height: 260px;
 display: block;
 margin: 5px auto;
}

#main .action{
 width: 360px;
 height: 197px;
 position: relative;
 display: block;
 float: right;
 margin: 0;
 margin-top: 1px;
 padding: 0;
 clear: none;
 overflow: hidden;
}

#general{
 background: #fff url('images/bg_general.png') repeat-y top;
 width: 950px;
 clear: both;
 margin: 0 auto;
}

#content{
 background: #fff url('images/bg_content.png') no-repeat;
 background-position: top center;
 width: 600px;
 min-height: 500px;
 position: relative;
 float: left;
}

body.parent-pageid-2 #content{
	background: #fff url('images/bg_content_meet.png') no-repeat;
	padding-top:300px;
}

body.parent-pageid-14 #content, body.category-news #content {
	background: #fff url('images/bg_content_stands.png') no-repeat;
	padding-top:300px;
}

body.parent-pageid-29 #content, body.page-id-29 #content {
	background: #fff url('images/bg_content_involved.png') no-repeat;
	padding-top:300px;
}

body.category-media #content, body.category-release #content {
	background: #fff url('images/bg_content_media.png') no-repeat;
	padding-top:300px;
}

body.page-id-24 #content {
	background: #fff url('images/bg_content_give.png') no-repeat;
	padding-top:300px;
}

body.page-id-16 #content {
	background: #fff url('images/bg_content_jobs.png') no-repeat;
	padding-top:300px;
}

body.page-id-34 #content, body.page-id-22 #content {
	background: #fff url('images/bg_content_35.png') no-repeat;
	padding-top:300px;
}

body.page-id-36 #content, body.page-id-20 #content {
	background: #fff url('images/bg_content_meet.png') no-repeat;
	padding-top:300px;
}

#content .container{
 padding: 15px;
 text-align: justify;
 line-height: 1.8em;
}

#content .container .formfields input{
 background:;
 width: 90%;
 border: 2px #264562 solid;
 margin-right: 8px;
 padding: 4px;
 font-family: georgia, serif;
 font-size: 1.1em;
 color: #264562;
}

#content .container .formfields label{
 width: 150px;
 text-align: left;
 display: block;
}

.home_highlight{
 position: relative;
 height: 100px;
 display: block;
}

.daysleft{
 background: url('images/hd_daysleft.png') no-repeat;
 background-position: right 40%;
 width: 175px;
 height: 100px;
 padding-left: 0px;
 float: left;
 color: #660000;
 font-size: 70px;
 font-weight: bold;
 text-shadow: -1px -1px 0px #999;
 line-height: 1.2em;
}

.home_blog{
 position: relative;
 width: 270px;
 float: left;
}

.home_news{
 position: relative;
 width: 270px;
 float: right;
}

ul.articles{
 margin: 0;
 padding: 5px;
 list-style-type: none;display:block;
}

ul.articles li{
 position: relative;
 margin: 0;
 padding: 5px;
 text-align: left;
 list-style-type: none;
 display: block;
 line-height:1.8em;
 clear: left;
 overflow: visible;
 border-bottom: 1px #c9c9c9 dashed;
}

ul.articles li:hover{
 background: #eee;
}

ul.articles li .date, .when{
 color: #a1a1a1;
 font-size: .8em;
 font-weight: light;
 line-height: .6em;
 position: relative;
 display: block;
 clear: left;
}

#sidebar{
 width:350px;
 position: relative;
 float: right;
 padding-top: 20px;
 border-top: 3px #933535 solid;
}

.home_sidebarspace{
 height: 138px;
 display: block;
}

#twocols{
 width:295px; 
 float:right; 
 position:relative; 
}
 
#rightcol{
 width:295px; 
 float:right; 
 position:relative; 
}

#maincol{
 background-color: #fff;
 float: left; 
 display:inline; 
 position: relative; 
 width:0px; 
}

#footer{
 width: 960px;
 margin: 0 auto;
 padding: 0;
 display: block;
 overflow: auto;
}

#footer .left{
 width: 45%;
 position: relative;
 float: left;
 text-align: left;
 text-shadow: 1px 1px 0px #7389af;
}

#footer .right{
 width: 55%;
 position: relative;
 float: right;
 text-align: right;
 text-shadow: 1px 1px 0px #7389af;
}

#footer .right p{
 margin: 0px;
 padding: 2px;
 color: #fff;
}

#footer .right p a{
 color: #fff;
 text-decoration: none;
}

#footer .right p a:hover{
 text-decoration: underline;
}
 
.paidfor{
 width: 200px;
 border: 1px #fff solid;
 padding: 6px;
 margin: 20px auto;
 clear:both;
 color: #fff;
 text-align: center;
}

.fade{
 opacity:50; filter:alpha (opacity=50);-moz-opacity:.5;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #888;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}



/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	font-size:14px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #FF4B33;
}
.widget_rss .widget-title img {
	height: 11px;
	width: 11px;
}


/* Single Page */
#content_full{
 background: #fff;
 width: 100%;
 margin: 0;
 padding: 5px;
 position: relative;
 display: block;
 text-align: justify;
}

#content h1{
 margin: 0;
 padding: 0;
 font-size: 1.4em;
 font-weight: bold;
 line-height: 1em;
 color: #333;
}

#content h2{
 margin: 0;
 margin-bottom: 4px;
 padding: 0;
 font-family: georgia, perpetua, serif;
 font-size: 1.1em;
 font-style: oblique;
 line-height: 1.5em;
 color: #b1b1b1;
}

/* Main Navigation */
#multi-level {height:49px; position:relative; z-index:99;}
.menu em{font-family: georgia;}
.menu ul li.center{text-align: center; display: block; height:27px; padding: 3px;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-weight:bold; text-align: left;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:48px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:347px; background:url(images/nav_01_b.png) no-repeat;;}
.menu li.p2 {width:90px; background:url(images/nav_02_b.png) no-repeat;;}
.menu li.p3 {width:153px; background:url(images/nav_03_b.png) no-repeat;;}
.menu li.p4 {width:64px; background:url(images/nav_04_b.png) no-repeat;;}
.menu li.p5 {width:119px; background:url(images/nav_05_b.png) no-repeat;;}
.menu li.p6 {width:53px; background:url(images/nav_06_b.png) no-repeat;;}
.menu li.p7 {width:134px; background:url(images/nav_07.png) no-repeat;;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:347px; background:url(images/nav_01.png) no-repeat;}
.menu li a#learn {width:90px; background:url(images/nav_02.png) no-repeat;;}
.menu li a#issues {width:153px; background:url(images/nav_03.png) no-repeat;;}
.menu li a#news {width:64px; background:url(images/nav_04.png) no-repeat;;}
.menu li a#community {width:119px; background:url(images/nav_05.png) no-repeat;;}
.menu li a#donate {width:53px; background:url(images/nav_06.png) no-repeat;;}
.menu li a#more {width:134px; background:url(images/nav_07.png) no-repeat;;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#learn:hover, .menu li:hover a#learn,
.menu li a#issues:hover, .menu li:hover a#issues,
.menu li a#news:hover, .menu li:hover a#news,
.menu li a#community:hover, .menu li:hover a#community,
.menu li a#donate:hover, .menu li:hover a#donate,
.menu li a#more:hover, .menu li:hover a#more {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:49px; background: #fff url('images/bg_menu.png') repeat-x top; padding:3px 0; border:4px solid #3768a4; border-top: 0px; white-space:nowrap; width:161px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:155px;}
.menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:155px; line-height:20px; text-indent:5px; color:#1e4a81; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#2d4e6d url() 100px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#2d4e6d; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#2d4e6d url() 100px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#2d4e6d url() 100px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #07223d; padding:3px 0; border:1px solid #888; white-space:nowrap; width:118px; z-index:200; height:auto; z-index:300;}

/* end Main Navigation */

/* Main Navigation */
#multi-level_sub {height:49px; position:relative; z-index:99;}
#multi-level_sub  .menu em{font-family: georgia;}
#multi-level_sub  .menu ul li.center{text-align: center; display: block; height:27px; padding: 3px;}
#multi-level_sub .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
#multi-level_sub  .menu,#multi-level_sub   .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-weight:bold; text-align: left;}

/* Set up the top level list items and float left to place inline */
#multi-level_sub  .menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
#multi-level_sub  .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
#multi-level_sub  .menu li.top a.top_link {display:block; float:left; height:48px;}
#multi-level_sub  .menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
#multi-level_sub  .menu li.p1 {width:347px; background:url(images/nav_01_sub_b.png) no-repeat;;}
#multi-level_sub  .menu li.p2 {width:90px; background:url(images/nav_02_sub_b.png) no-repeat;;}
#multi-level_sub  .menu li.p3 {width:153px; background:url(images/nav_03_sub_b.png) no-repeat;;}
#multi-level_sub  .menu li.p4 {width:64px; background:url(images/nav_04_sub_b.png) no-repeat;;}
#multi-level_sub  .menu li.p5 {width:119px; background:url(images/nav_05_sub_b.png) no-repeat;;}
#multi-level_sub  .menu li.p6 {width:53px; background:url(images/nav_06_sub_b.png) no-repeat;;}
#multi-level_sub  .menu li.p7 {width:134px; background:url(images/nav_07_sub.png) no-repeat;;}


/* set up the normal unhovered images in the links */
#multi-level_sub  .menu li a#home {width:347px; background:url(images/nav_01_sub.png) no-repeat;}
#multi-level_sub  .menu li a#learn {width:90px; background:url(images/nav_02_sub.png) no-repeat;;}
#multi-level_sub  .menu li a#issues {width:153px; background:url(images/nav_03_sub.png) no-repeat;;}
#multi-level_sub  .menu li a#news {width:64px; background:url(images/nav_04_sub.png) no-repeat;;}
#multi-level_sub  .menu li a#community {width:119px; background:url(images/nav_05_sub.png) no-repeat;;}
#multi-level_sub  .menu li a#donate {width:53px; background:url(images/nav_06_sub.png) no-repeat;;}
#multi-level_sub  .menu li a#more {width:134px; background:url(images/nav_07_sub.png) no-repeat;;}

/* Style the list OR link hover. Depends on which browser is used */
#multi-level_sub  .menu a:hover {visibility:visible;} /* for IE6 */
#multi-level_sub  .menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
#multi-level_sub  .menu li a#home:hover,#multi-level_sub   .menu li:hover a#home,
#multi-level_sub  .menu li a#learn:hover,#multi-level_sub   .menu li:hover a#learn,
#multi-level_sub  .menu li a#issues:hover,#multi-level_sub   .menu li:hover a#issues,
#multi-level_sub  .menu li a#news:hover,#multi-level_sub   .menu li:hover a#news,
#multi-level_sub  .menu li a#community:hover,#multi-level_sub   .menu li:hover a#community,
#multi-level_sub  .menu li a#donate:hover,#multi-level_sub   .menu li:hover a#donate,
#multi-level_sub  .menu li a#more:hover,#multi-level_sub   .menu li:hover a#more {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
#multi-level_sub  .menu ul, 
#multi-level_sub  .menu :hover ul ul, 
#multi-level_sub  .menu :hover ul :hover ul ul,
#multi-level_sub  .menu :hover ul :hover ul :hover ul ul,
#multi-level_sub  .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
#multi-level_sub  .menu :hover ul.sub {left:0; top:49px; background: #fff url('images/bg_menu.png') repeat-x top; padding:3px 0; border:4px solid #3768a4; border-top: 0px; white-space:nowrap; width:161px; height:auto;}
#multi-level_sub  .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:155px;}
#multi-level_sub  .menu :hover ul.sub li a {display:block; font-size:12px; height:20px; width:155px; line-height:20px; text-indent:5px; color:#1e4a81; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
#multi-level_sub  .menu :hover ul.sub li a.fly {background:#2d4e6d url() 100px 7px no-repeat;}
#multi-level_sub  .menu :hover ul.sub li a:hover {background:#2d4e6d; color:#fff;}
#multi-level_sub  .menu :hover ul.sub li a.fly:hover {background:#2d4e6d url() 100px 7px no-repeat; color:#fff;}
#multi-level_sub  .menu :hover ul li:hover > a.fly {background:#2d4e6d url() 100px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #07223d; padding:3px 0; border:1px solid #888; white-space:nowrap; width:118px; z-index:200; height:auto; z-index:300;}

/* end Main Navigation */

/* Link Image Replacement */
#action_panel{position:relative;height:197px;width:360px;}
#action_panel ul {margin:0; padding:0; list-style-type:none; width: 360px;display:block;}
#action_panel li {float:left;}
#action_panel li.list1 {background:transparent url(images/act_01.png);}
#action_panel li.list2 {background:transparent url(images/act_02.png);}
#action_panel li.list3 {background:transparent url(images/act_03.png);}


#action_panel a#item1 {background:transparent url(images/act_01_b.png) 1px -65px no-repeat;}
#action_panel a#item2 {background:transparent url(images/act_02_b.png) 1px -48px no-repeat;}
#action_panel a#item3 {background:transparent url(images/act_03_b.png) 1px -84px no-repeat;}


#action_panel a#item1:hover {background-position:0 0; z-index:50;}
#action_panel a#item2:hover {background-position:0 0; z-index:50;}
#action_panel a#item3:hover {background-position:0 0; z-index:50;}


#action_panel {display:block; width:360px;}

#action_panel a.list1 {display:block; width:360px; height:0; padding-top:65px; color:#000; overflow:hidden;}
#action_panel a.list2 {display:block; width:360px; height:0; padding-top:48px; color:#000; overflow:hidden;}
#action_panel a.list3 {display:block; width:360px; height:0; padding-top:84px; color:#000; overflow:hidden;}

/* end Link Image Replacement */
 
/* Mail Chimp Intergration */
.join_form{
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 1.2em;
}

.join_form .txt{
 width: 96%;
 text-align: left;
 padding: 4px;
 border: #264562 2px solid;
 clear: both;
}

.join_form .drop, .join_form .zip, .join_form .phone{
 width: 200px;
 text-align: left;
 padding: 4px;
 border: #264562 2px solid;
}

.phonefield input{
 width: 50px;
 text-align: left;
 padding: 4px;
 border: #264562 2px solid;
}

.phonelabel{
 width: 70px;
 display: inline-block;
 float: right;
 clear: none;
}

.phonearea .phonedetail1 .phonedetail2{
 width: 150px;
 display: inline;
}

.join_form .zip{
 width: 184px; 
}

.join_form .phone{
 width: 184px; 
}

.join_form label{
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: left;
 float: left;
 display: block;
 white-space: nowrap;
}

.mc-field-group{
 margin: 0;
 margin-bottom: 8px;
 padding: 0;
}
.join_check{
 padding: .7em;font-size: .9em;margin: 0 0 1em 4%;
}
.join_check ul{
 width: 560px;
 list-style-type: none;
 margin: 0;
 margin-top: 15px;
 padding: 0;
}
.join_check li{
 width: 230px;
 list-style-type: none;
 margin: 0;
 padding: .2em 0;
 display: inline-block;
 overflow: hidden;

}
.join_check input{
 margin-top:5px;margin-right: 10px;padding: .2em .3em;width: auto;position: relative;z-index: 999;float: left;
}
.join_check label{
 display: block;margin: .4em 0 0 0;line-height: 1em;width: auto;text-align: left;
}
.join_check label:hover{
 font-weight: bold;
}
 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  




ul.upcoming li {list-style:none; border-bottom: 1px #c9c9c9 dashed;
}


ul.upcoming {
	margin-left:-35px;
}
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}