/* ------------------------------------------------------------- CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align: baseline; 
	}
	
/* remember to define focus styles! */

:focus {
	outline: 0; 
	}

body {
	line-height: 1;
	color: black;
	background-color: #287abe;
	background-image: url(/images/jvb_bg.gif);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: scroll;
	text-align: left;
	}

ol, ul {
	list-style: none;
	}
	
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0; 
	}

caption, th, td {
	text-align: left;
	font-weight: normal; 
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: ""; 
	}

blockquote, q {
	quotes: "" ""; 
	}



#container {
	width: 940px; margin: 0 auto;
	background: #fff;
	}


/* ------------------------------------------------------------- Header */

#header {
	height: 193px;
	background-color: #11356a;
	}

#header #jvbLogo h1 { 
	margin:0; padding:0; 
	text-align: left;	text-indent: -9000px; display: none; 
	}
	
#header #banner { 
	float: right;
	width: 640px; 
	height: 193px;
	margin: -193px 0 0 0; 
	padding: 0;
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#header #banner.image1 {background-image: url(/images/top/jvb_banner_001.jpg)}
#header #banner.image2 {background-image: url(/images/top/jvb_banner_002.jpg)}
#header #banner.image3 {background-image: url(/images/top/jvb_banner_003.jpg)}
#header #banner.image4 {background-image: url(/images/top/jvb_banner_004.jpg)}
#header #banner.image5 {background-image: url(/images/top/jvb_banner_005.jpg)}
#header #banner.image6 {background-image: url(/images/top/jvb_banner_006.jpg)}
#header #banner.image7 {background-image: url(/images/top/jvb_banner_007.jpg)}    
    
	
/* ------------------------------------------------------------- Navigation */

#navigation { 
	float: left;
	width: 940px; 
	height: 45px;
	margin: 0; 
	padding: 0;
	background-color: #02143e;
	clear: both;
	}
	
.menu { position: relative; margin: 0px 0px 0px 15px;}

.menu em { display: none; margin: 0; padding: 0; line-height: 0px;}

.menu ul { padding: 0px; margin: 0px; }

.menu li { float: left; padding: 0; margin: 0px; list-style-type: none; display: block; }

.menu li a { display: block; height: 45px; }

.menu li a.m1 { background: url(/images/main_nav_meet_jimmy.gif) no-repeat left top; width: 113px; }
.menu li a.m2 { background: url(/images/main_nav_news.gif) no-repeat left top; width: 69px; }
.menu li a.m3 { background: url(/images/main_nav_issues.gif) no-repeat left top; width: 77px;}
.menu li a.m4 { background: url(/images/main_nav_endorsements.gif) no-repeat left top; width: 145px; }
.menu li a.m5 { background: url(/images/main_nav_resources.gif) no-repeat left top; width: 114px; }
.menu li a.m6 { background: url(/images/main_nav_contact.gif) no-repeat left top; width: 92px; }
.menu li a:hover { background-position: left -45px; }
.menu li a.active { background-position: left -90px; }



/* ------------------------------------------------------------- Structure */


#content {
	overflow: auto;
	background: url(/images/faux_columns.gif) repeat-y;
	clear: both;
	}
		
#content #mainWrap {
	width: 640px; float: left; padding: 0;
	background-image: url(/images/nav_shadow_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#main {
	width: 580px;
	margin: 50px 0px 30px 30px;
	padding: 0;
	}

#sidebarWrap {
	width: 300px; float: right; 
	background-image: url(/images/nav_shadow_sidebar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#sidebar {
	width: 240px;
	margin: 30px 0px 30px 30px;
	padding: 0;
	}
	
	
/* ------------------------------------------------------------- Main Content */

#main .resources
{
    margin-bottom:20px;   
}


#main .resources h3
{
    margin:0;
}

.galleryImage {
	width: 550px;
	border-color: #c0c4c7;
	border-width: 1px;
	border-style: solid;
	margin: 15px 0 0 0;
	padding: 14px;
	}

.rightImage {
	float: left;
	margin: 5px 20px 5px 0;
	padding: 0;
	}

.button { 
	float: right;
	width: 170px; 
	margin: 0; 
	padding: 0;
	clear: both;
	}
	
#espanol {
  	display: block;
  	width: 170px;
  	height: 23px;
 	background: url("/images/button_spanish_bio.gif") no-repeat 0 0;
	}

#espanol:hover { 
	background-position: 0 -23px;
	}

#espanol span {
 	display: none;
	}

.buttonEnEspanol { 
	float: right;
	width: 105px; 
	margin: 0; 
	padding: 0;
	clear: both;
	}

#enEspanol {
  	display: block;
  	width: 105px;
  	height: 23px;
 	background: url("/images/button_en_espanol.gif") no-repeat 0 0;
	}

#enEspanol:hover { 
	background-position: 0 -23px;
	}

#enEspanol span {
 	display: none;
	}

#leftInfo  {
	width: 290px;
	border-color: #c0c4c7;
	margin: 0 0 15px 0;
	}

#rightInfo {
	float: right;
	width: 290px;
	border-color: #c0c4c7;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
	}
	

form {
	width: 520px;
	margin: 0;
	padding: 20px;
	
	}

#main #freeform {
    background-color: #eaffff;
	border: 1px solid #a6e8f9;
    float:left;
    margin-bottom:20px;
}
	
.textarea  {
	margin: 0 0 15px 0;
	padding: 2px;
	}

.sendButton { 
	margin: 10px 0 0 0; 
	padding: 0;
	clear: both;
	}
	
.formLabel {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 24px;
	color: #15477e;
	margin: 0 0 5px 0;
	padding: 0;
	}

#email-form {
    float:right;
    margin-right:25px;
    margin-top:70px;
    width:250px;
}

#email-form h3 {
    color:#15477E;
    font-family:Helvetica,Arial,sans-serif;
    font-size:13px;
    font-style:normal;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    margin-left:2px;
    margin-bottom:0px;
    }

#email-form #email-update-form {
    width: 250px;
	margin: 0;
	padding: 3px;;
}

#email-form #email-update-form .textarea {
   	margin: 0 0 5px 0;
	padding: 1px;
    width:225px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:10px;
}



#email-form #email-update-form .textarea-email {
   	margin: 0 0 5px 0;
	padding: 1px;
    width:160px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:10px;
}

#email-form #email-update-form .sendButton {
    margin-top: -5px; 
	clear: both;
}

#email-form #email-update-form .submit-button {display:inline; vertical-align:bottom;}

/* ------------------------------------------------------------- News */

.newswrap {
    float:left;
    padding:0;
    width:580px;
    margin-bottom:20px;
}


.newswrap h2 a {color: #78ba32;font-weight:normal}
.newswrap h2 a:hover {text-decoration:underline; color:#4c9a11 }        
 

.postwrap {
    width: 640px; float: left; 
    padding: 0;
	background-image: url(/images/post_separator.gif);
	background-repeat: no-repeat;
	background-position: left top;
    height:60px;
    margin-left:-30px;
    margin-bottom:-40px;
    display:inline;
}

	
/* ------------------------------------------------------------- Sidebar */

#sidebarNavigation { 
	float: left;
	width: 240px; 
	margin: 0; 
	padding: 0;
	clear: both;
	}

.sidebarMenu { position: relative; margin: 0px 0px 0px 0px;}

.sidebarMenu em { display: none; margin: 0; padding: 0; line-height: 0px;}

.sidebarMenu ul { padding: 0px; margin: 0px; }

.sidebarMenu li { float: left; padding: 0; margin: 0 0 10px 0; list-style-type: none; display: block; }

.sidebarMenu li a { display: block; height: 42px; }

.sidebarMenu li a.s1 { background: url(/images/sidebar_button_contribute.gif) no-repeat left top; width: 240px; }
.sidebarMenu li a.s2 { background: url(/images/sidebar_button_volunteer.gif) no-repeat left top; width: 240px; }
.sidebarMenu li a.s3 { background: url(/images/sidebar_button_district_map.gif) no-repeat left top; width: 240px;}
.sidebarMenu li a.s4 { background: url(/images/sidebar_button_photo_gallery.gif) no-repeat left top; width: 240px; }
.sidebarMenu li a.s5 { background: url(/images/sidebar_button_facebook.gif) no-repeat left top; width: 240px; }
.sidebarMenu li a.s6 { background: url(/images/sidebar_button_youtube.gif) no-repeat left top; width: 240px; }
.sidebarMenu li a.s7 { background: url(/images/sidebar_button_twitter.gif) no-repeat left top; width: 240px; }
.sidebarMenu li a.s8 { background: url(/images/sidebar_button_graffiti.gif) no-repeat left top; width: 240px; }

.sidebarMenu li a:hover { background-position: left -42px; }


.issues ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	color: #0a1322;
	margin: 0 0 0 0;
	padding: 15px 30px 0 30px;
	list-style-type:none;
	}
	
.issues li {
	margin: 5px 0 0 0;
	padding: 0;
	}
	
.subIssue {
	color: #768698;
	margin: 0 0 0 10px;
	padding: 0;
	}
	
	
.issues a:link {
	color: #0a1322;
	font-weight: bold;
	text-decoration: none
	}
	
.issues a:visited {
	color: #0a1322;
	font-weight: bold;
	text-decoration: none
	}
	
.issues a:hover {
	color: #2979be;
	font-weight: bold;
	text-decoration: underline
	}
	
	



/* ------------------------------------------------------------- Type */
	
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 20px;
	color: #32465f;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
.attention {
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: bold;
	letter-spacing: normal;
	text-align: left;
	color: #32465f;
	}

h2 {
	font-family: "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 28px;
	color: #78ba32;
	margin: 0 0 5px 0;
	padding: 0;
	}
    
   
	
h3 {
	font-family: "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 24px;
	color: #15477e;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
ul {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 22px;
	color: #0a1322;
	margin: 0;
	padding: 0;
	list-style-type:none;
	}
	
li {
	margin: 0;
	padding: 0;
	}
    
    
li.not-linked {
    color:#768698; 
    font-weight:normal;
}    
	
a:link {
	color: #4abaee;
	font-weight: bold;
	text-decoration: none
	}
	
a:visited {
	color: #4abaee;
	font-weight: bold;
	text-decoration: none
	}
	
a:hover {
	color: #287abe;
	font-weight: bold;
	text-decoration: underline
	}

.hr { 
    width:400px; 
    margin-top: 25px; 
    margin-bottom:25px; 
    margin-left:auto; 
    margin-right:auto; 
    background-color:#bdc5cd;
    height:1px;
    }


.hr-clear { 
    width:400px; 
    margin-top: 5px; 
    margin-bottom:5px; 
    margin-left:auto; 
    margin-right:auto; 
    background-color:#ffffff;
    height:1px;
    }

/* ------------------------------------------------------------- Footer */
	
#footer {
	height: 85px;
	background-color: #8bc642;
	padding: 0 0 0 30px;
	background-image: url(/images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}


	
#footerNavigation {
	float: left; 
	position: relative;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
#footerNavigation li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	letter-spacing: normal;
	line-height: 18px;
	color: #175d01;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#footerNavigation li a:link {
	color: #175d01;
	}

#footerNavigation li a:visited {
	color: #175d01;
	}
	
#footerNavigation li a:hover {
	color: #4c9a11;
	text-decoration:underline;
	}
	
#footerNavigation li.pipe a {
	text-decoration: none; 
	margin: 0px; 
	border-right: 1px solid #175d01; 
	padding-right: 4px; 
	}


#footerNavigation li.pipe a:hover {
	text-decoration: underline;
    color: #4c911a; 
 
	}

	
#footerNavigation li.nopipe a{
	display: inline; 
	list-style: none; 
	border-right: 0px; 
	padding-right: 4px; 
	text-decoration: none; 
	margin: 0px; 
	} 

.copyright {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: normal;
	line-height: 18px;
	color: #022200;
	margin: 0;
	padding: 0;
	clear: both;
	}

.photo-gallery p {padding-top:10px}
div.label { position: relative; float: left; margin-right: 3px; clear: left;"font-family:helvetica,arial,sans-serif"; font-size:12px; }
div.clear { clear: both; }
label.over { color: #000000; position: absolute; top: 2px; left: 3px;}

p.paginate {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	color: #768698;
	margin: 0;
	padding: 0;
	}

p.postdate {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	color: #bdc5cd;
	margin: -10px 0 10px 0;
	padding: 0;
	}