@charset "utf-8";
/*------------------------------------------------------------------------------
VOTE4JOHNNY.COM MAIN STYLE SHEET
------------------------------------------------------------------------------*/

html, body, div, p, a, img, h1, h2, h3, h4, h5, h6, ul, li {
	margin:0px;
	padding:0px;
}
body {
	background:#333;
	color:#333;
	font-size:14px;
}
a:link, a:active, a:visited {
	color:#0864b3;
	text-decoration:none;
} a:hover {
	color:#c00;
}
a img {
	border:none;
}
h1 {
	display:none;
	visibility:hidden;
}
.wrapper {
	width:900px;
	margin:20px auto;
	background:#fff;
}
/*------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/
#header {
	width:900px;
	overflow:hidden;
}
#header #nav {
	float:left;
	width:300px;
}
#header #johnny {
	float:left;
	width:600px;
	height:230px;
	background:#4a7be0;
	background-image:url(../images/2014-site-header.jpg);
}
#header #buttons {
	float:left;
	width:600px;
	height:60px;
	background:#4a7be0;
}
#header #buttons a {
	width:300px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../images/action_buttons.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}
#header #buttons a.support:link,
#header #buttons a.support:active,
#header #buttons a.support:visited {
	background-position:0px 0px;
} #header #buttons a.support:hover {
	background-position:0px -60px;
}
#header #buttons .follow {
	width:300px;
	height:60px;
	background-image:url(../images/action_buttons.jpg);
	background-position:-300px 0px;
	float:left;
}
/*
#header #buttons a.follow:link,
#header #buttons a.follow:active,
#header #buttons a.follow:visited {
	background-position:-300px 0px;
} #header #buttons a.follow:hover {
	background-position:-300px -60px;
}
*/
#header #nav .logo {
	width:300px;
	height:150px;
}
#header #nav .links {
	width:300px;
	height:30px;
	overflow:hidden;
	display:inline;
}
#header #nav .links a:link,
#header #nav .links a:active,
#header #nav .links a:visited {
	display:block;
	height:22px;
	color:#036;
	background-image:url(../images/nav_buttons.jpg);
	background-position:0px 0px;
	font-weight:bold;
	padding:3px 20px;
} #header #nav .links a:hover {
	background-position:0px -30px;
	color:#036;
}
.sub-heading {
	margin:5px 20px;
	color:#999;
	font-size:.9em;
} .sub-heading:first-child {
	margin-top:20px;
}
.large-quote {
    font-style:italic;
    font-size:1.1em;
}
/*------------------------------------------------------------------------------
CONTENT AREA
------------------------------------------------------------------------------*/
#content_wrapper {
	width:900px;
	overflow:hidden;
	background-image:url(../images/content_bg.jpg);
	background-repeat:repeat-y;
}
#content {
	width:560px;
	padding:0px 20px 20px 20px;
	float: left;
}
#news {
	width:260px;
	padding:0px 20px 20px 20px;
	float:left;
	background-color:#e0e0e0;
}
#news h3 {
	text-align:center;
	background-color:#036;
	color:#fff;
	border:1px solid #0864b3;
	border:1px solid #036;
}
#news p {
	margin:10px 0px 0px 20px;
	text-indent:-20px;
}
#news a:link,
#news a:active,
#news a:visited {
	font-size:.9em;
	color:#036;
} #news a:hover {
	color:#c00;
	color:#000;
	border-bottom:1px solid #c00;
}
h2, h3, h4, h5, h6 {
	margin:20px 0px 0px 0px;
}
h2 {
	color:#036;
}
h2 .h2_subtitle {
	color:#000;
	font-size:.6em;
}
h2 .index-welcome-link {
	font-size:.8em;
	float:right;
}
h3 {
	color:#0864b3;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	padding:5px 0px;
	border-top:1px solid #036;
	border-bottom:1px solid #bbb;
}
h3.clear_floats {
	clear:both;
	margin-top:20px;
}
p {
	margin:20px 0px 0px 0px;
	text-align:justify;
}
ul {
	margin:5px 0px 0px 0px;
	list-style-type:none;
}
li {
	margin:5px 0px 0px 0px;
	padding-left:0px;
}
ul ul {
	margin-left:40px;
	list-style-type:circle;
}
ul.left {
	width:250px;
	margin-right:30px;
	float:left;
}
.ul-float-container {
	overflow:hidden;
}
.b {
	font-weight:bold;
}
.i {
	font-style:italic;
}
.u {
	text-decoration:underline;
}
.strong {
	font-weight:bold;
	color:#000;
}
.img_right {
	float:right;
	margin-left:20px;
}
.event_row {
	overflow:hidden;
	margin-top:20px;
}
.event_row .label {
	width:150px;
	float:left;
	font-weight:bold;
}
.event_row .info {
	width:410px;
	float:right;
}
/*------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------*/
#footer {
	width:900px;
	overflow:hidden;
	background:#036 url(../images/footer_bg.jpg) repeat-y;
}
#footer p {
	padding:0px 0px 10px 0px;
	margin:0px;
	text-align:left;
}
#footer .footer_nav {
	width:560px;
	overflow:hidden;
	padding:20px 20px 0px 20px;
	float:left;
	color:#fff;
}
#footer .footer_nav a:link,
#footer .footer_nav a:active,
#footer .footer_nav a:visited {
	color:#fff;
	border-bottom:1px solid #036;
} #footer .footer_nav a:hover {
	color:#fff;
	border-bottom:1px solid #c00;
}
#footer .footer_nav .link_space {
	margin:0px 10px;
}
#footer .footer_action {
	width:260px;
	overflow:hidden;
	padding:20px 20px 0px 20px;
	float:left;
}
#footer .footer_action a:link,
#footer .footer_action a:active,
#footer .footer_action a:visited {
	color:#0864b3;
} #footer .footer_action a:hover {
	color:#c00;
}
#footer .footer_action .facebook {
	padding-left:7px;
}