@import 'init.css';
@import 'fonts/lucida.css';

body {
	background: #0d2149 url("/public/img/bg_repeat.jpg") 50% 0% repeat-x;
	color: #0d2048;
	
}

a { 	
	color: #c82527;
	font-weight: bold;
	
}

a:hover { color: #9d0103; }

blockquote { background: #eee; }

h1, h2, h3, h4, h5, h6 {
	
	font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	
}

p {
	color: #0d2048;
	line-height: 18px;
	
}

strong {
	color: #0d2048;
	font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	line-height: 18px;
	font-weight: bold;
	
}

.more {
	display: block;
	font-size: 10px;
	font-weight: bold;
	font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	
}

/*-- Clearing Styles & Container --*/

.container {
	width: 913px;
	margin: 0 auto;

}

.block {
	width: 913px;
	margin: 0 auto;
	display: block;
	
}

.clearfix { display: inline-block; }

.block:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    
}

.column {
	float: left;
	width: 240px;
	
}


#home-container {

	background: url(/public/img/bg-shadow.png) 0 150px repeat-y;

	
}

/*-- Home Left Sidebar --*/

#home-sidebar {
	width: 248px;
	float: left;
	
}

/*-- Logo --*/

h1#logo {
	display:block;
	padding: 0;
	width: 248px;
	height: 234px;
}

h1#logo a {
	display: block;
	text-indent: -999em;
	width: 248px;
	height: 234px;
	background: url(/public/img/logo-hover.jpg) no-repeat;
	text-decoration: none;

}

h1#logo a:hover {
	background: url(/public/img/logo-hover.jpg) 0 -234px no-repeat;
}

img.print {
	display:none;
}

#badge-connect {
	width: 208px;
	height: 97px;
	padding: 18px 0 0 40px;
	background: url(/public/img/badge-stayconnected.jpg) 21px 2px no-repeat;
}

h5#connect {
	display: block;
	color:#fff;
	text-decoration: none;
	font-size:13px;
	padding:0 0 10px 0;
	font-family: Lucida Grande, Tahoma, Arial, sans-serif;
}

#badge-connect h6 {
	float:left;
	padding:0 5px 0 0;
}

.getupdates a {
	text-indent:-999em;
	display:block;
	width:103px;
	height:35px;
	background: url(/public/img/button-updates-hover.jpg) no-repeat;
}

.getupdates a:hover {
	background: url(/public/img/button-updates-hover.jpg) 0 -35px no-repeat;
}

.facebook a {
	text-indent:-999em;
	display:block;
	width:34px;
	height:35px;
	background: url(/public/img/button-facebook-hover.jpg) no-repeat;
}

.facebook a:hover {
	background: url(/public/img/button-facebook-hover.jpg) 0 -35px no-repeat;
}

.twitter a {
	text-indent:-999em;
	display:block;
	width:34px;
	height:35px;
	background: url(/public/img/button-twitter-hover.jpg) no-repeat;
}

.twitter a:hover {
	background: url(/public/img/button-twitter-hover.jpg) 0 -35px no-repeat;
}

#footer-textarea p {
	color: #fff;
	padding: 10px 0 0 25px;
	font-size: 10px;
	line-height:16px;
	font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	
}

/*-- Content area --*/

#contentarea {
	width: 665px;
	float: left;
	background: url(/public/img/footer-home.jpg) 0 100% no-repeat;
	padding:0 0 35px 0;
}

/*-- Right Header - Navigation --*/

#nav-area {
	width: 665px;
	height: 150px;
	float: left;
	background: url(/public/img/bg-header.jpg) no-repeat;
	
}

/*-- Top Nav - Quick Links --*/

ul#nav-quicklinks {
	float: right;
	margin: 0;
	list-style: none; 
	padding: 0 8px 35px 0;

	
}

ul#nav-quicklinks li {
	float: left;
	display: inline;
	margin: 0;
	height: 59px;
	padding: 0;
	
}

ul#nav-quicklinks li.top-contribute a, 
ul#nav-quicklinks li.volunteer a {
	text-indent: -999em;
	display: block;	
	
}

ul#nav-quicklinks li.top-contribute a {
	background: url(/public/img/topnav-contribute-hover.jpg) no-repeat;
	height: 59px;
	width: 145px;
	
}

ul#nav-quicklinks li.top-contribute a:hover {
	background: url(/public/img/topnav-contribute-hover.jpg) 0 -59px no-repeat;
}

ul#nav-quicklinks li.volunteer a {
	background: url(/public/img/topnav-volunteer-hover.jpg) no-repeat;
	height: 59px;
	width: 151px;
	
}

ul#nav-quicklinks li.volunteer a:hover {
	background: url(/public/img/topnav-volunteer-hover.jpg) 0 -59px no-repeat;
}


/*-- Main Navigation --*/

ul#navigation { 
	float: left;
	margin: 0;
	list-style: none; 
	padding: 2px 0 0 1px;
	display: block;
	height: 48px;
	width: 652px;
	
}

ul#navigation li {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	border: none;
	
}

ul#navigation li a {
	display: block;
	float: left;
	color: #2a4379;
	text-decoration: none;
	text-transform: uppercase;
	padding: 13px 13px 5px 13px;
	border-right: 1px #cdcdcd solid;
	height:28px;
	font-size:12px;
	font-family: Lucida Grande, Tahoma, Arial, sans-serif;
}

ul#navigation li a:hover {
	background:#e8e8e8 url(/public/img/nav-about-hover.jpg) 0 46px no-repeat;
}

ul#navigation li.firstlink a:hover {
	background:#e8e8e8 url(/public/img/nav-about-hover.jpg) no-repeat;
}

ul#navigation li a.contribute {
	color: #c82527;
	
}

ul#navigation li.contact a {
	border: none;
	padding: 13px 17px 5px 13px;
}

ul#navigation li.contact a:hover {
	background: #e8e8e8 ;
}

/*-- Home Content --*/

#home-content {
	
}

#left-col {
	float: left;
	width: 406px;
	
	padding: 0 0 0 3px;
}

#home-intro {
	background: #2a4782 url(/public/img/intro-bg.jpg) 0 100% no-repeat;
	height: 390px;
	
}

#home-intro p {
	font-family: Georgia, Times, serif;
	font-size: 15px;
	line-height: 20px;
	padding: 0 20px 20px 20px;
	color: #fff;
	
}

h2.introtitle {
	color: #fff;
	font-size: 28px;
	padding: 15px 20px 28px 20px;
	font-family: Impact, Tahoma, Lucida Grande, sans-serif;
	letter-spacing: 0;
	font-weight:normal;
	
}

.emphasis {
	font-size: 20px;
	color: #accbf3;
	font-style: italic;
	
}

#marquee-area h4 {
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 16px;
	color: #c82527;
	font-weight: bold;
	letter-spacing: -.05em;
}

.marquee-column {
	width: 162px;
	padding: 20px;
	float: left;
	
}



#home-news-events {
	float:left;
	width:256px;
	padding: 0 0 10px 0;
	background: url(/public/img/news-top.jpg) no-repeat;
	
}

#inside-sidebar {
	padding: 30px 22px 20px 30px;
	color: #0d2048;
	font-family: Georgia, Times, serif;
	
}

h3.subheader {
	padding: 0;
	
}

h3.subheader a {
	text-decoration: none;
	letter-spacing: -.05em;
	display: block;
	color: #c82527;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	background: #ececec url(/public/img/arrow-circle.jpg) 95% 50% no-repeat;
	border-bottom: 1px solid #3a5f96;
	
}

h3.subheader a:hover {
	background:#e5e4e4 url(/public/img/arrow-circle.jpg) 95% 50% no-repeat;
	
}

/*-- Winning Template --------------------*/


/*-- Runoff Template --------------------*/


/*-- Losing Template --------------------*/

#home-container-loss {
	/*background: url(/public/img/loss-grayarea.png) 248px 390px repeat-y;*/
	
}


#home-content-loss {
	background: url(/public/img/loss-grayarea.png) repeat-y;
	width: 665px;
	display: block;
	overflow:auto;
}

#left-col-loss {
	float: left;
	width: 657px;	
	
	background: url(/public/img/loss-intro-bg.png) 0 100% repeat-y;
	
	}

#home-intro-loss {
	background: url(/public/img/loss-intro-footer.png) 0 100% no-repeat;
	height: 390px;
	width:665px;
	overflow: hidden;
}

#home-intro-loss p {
	font-family: Georgia, Times, serif;
	font-size: 15px;
	line-height: 20px;
	padding: 0 20px 20px 20px;
	color: #fff;
	
}

#marquee-area {
	float:left;
}

.marquee-column {
	width: 163px;
	padding: 20px;
	float: left;
	
}

#home-news-events-loss {
	float:left;
	width:257px;
	padding: 0 0 10px 0;
	background: url(/public/img/loss-paperbg.png) 2px 0 no-repeat;
	
}

#inside-sidebar-loss {
	padding: 15px 22px 20px 30px;
	color: #0d2048;
	font-family: Georgia, Times, serif;
	
}

#inside-sidebar-loss h4 {
	padding: 0;
	margin: 0 0 12px 0;
	font-size: 22px;
	color: #c82527;
	font-weight: bold;
	letter-spacing: -.05em;
}

#inside-sidebar-loss p {
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 24px;
	color: #c82527;
	font-weight: bold;
	letter-spacing: -.05em;
}



/*-- News --*/

ul.newslist {
	padding: 0 0 18px 0;
	
}

ul.eventslist {
	padding: 0 0 10px 0;
	
}

ul.newslist,
ul.newslist li,
ul.eventslist, 
ul.eventslist li {
	list-style: none;
	margin: 0;

}

ul.newslist li,
ul.eventslist li {
	padding: 0 0 9px 0;
	margin: 0;
	border-bottom: solid 1px #eee;
	
}

ul.newslist li h5,
ul.eventslist li h5 {
	padding: 8px 0 0 0;
	font-size: 12px;
	text-decoration: underline;
	color: #c82527;
	font-weight: bold;
	letter-spacing: -.05em;
	
}

ul.newslist li p,
ul.eventslist li p {
	padding:0;
	
}

ul.newslist li p.date,
ul.eventslist li p.date {
	padding: 0;
	font-size: 10px;
	font-weight: bold;

}

.sidebar-more {
	text-decoration: none;
	display: block;
	float: left;
	color: #c82527;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 18px 5px 8px;
	border-right: 8px solid #fff;
	background: #d4d4d4 url(/public/img/arrow-blue.jpg) 90% 50% no-repeat;
	font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	
}

h4#badge-register {
	display:block;
	width: 198px;
	height:92px;
	padding:40px 0 0 0;
	margin:0;
}

h4#badge-register a {
	display: block;
	text-indent: -999em;
	width: 198px;
	height: 92px;
	background: url(/public/img/badge-absentee.jpg) no-repeat;
	text-decoration: none;
	margin:0;
}

h4#badge-endorsements {
	display:block;
	width: 198px;
	height:83px;
	padding:40px 0 0 0;
	margin:0;
}

h4#badge-endorsements a {
	display: block;
	text-indent: -999em;
	width: 198px;
	height: 83px;
	background: url(/public/img/badge-endorsements.jpg) no-repeat;
	text-decoration: none;
	margin:0;
}

h4#badge-runoffvoting {
	display:block;
	width: 198px;
	height:83px;
	padding:10px 0 0 0;
	margin:0;
}

h4#badge-runoffvoting a {
	display: block;
	text-indent: -999em;
	width: 198px;
	height: 83px;
	background: url(/public/img/badge-runoffvoting.jpg) no-repeat;
	text-decoration: none;
	margin:0;
}


/*-------------------- Subpage specific -----------------------*/

#subpage-container {
	background: url(/public/img/pic-morrison-full.jpg) 0 204px no-repeat;
	
}

#sub-sidebar {
	width: 246px;
	float: left;

}

/*-- Sub Page Logo & Nav --*/

h1#logo-sub {
	display:block;
	width: 246px;
	padding:0;
	margin:0;
}

h1#logo-sub a {
	display: block;
	text-indent: -999em;
	width: 246px;
	height: 234px;
	background: url(/public/img/logo-sub.jpg) no-repeat;
	text-decoration: none;
	padding:0 0 350px 0;
	margin:0;
}

h1#logo-sub a:hover {
	background: url(/public/img/logo-sub.jpg) no-repeat;
}


#subpage-wrapper {
	width: 665px;
	float: left;
	background: url(/public/img/bg-sub-footer.png) 0 100% no-repeat;
	padding:0 0 20px 0;
	
}

#sub-nav-area {
	width: 665px;
	height: 157px;
	float: left;
	background: url(/public/img/bg-header-sub.jpg) no-repeat;
	
}

#subcontent-area {
	background: url(/public/img/bg-sub-repeat.png) 0 150px repeat-y;
	float:left;
	width:635px;
	padding:0 30px 50px 0;
}


/*----- Breadcrumb -----------*/

ul.breadcrumb, ul.breadcrumb li { margin: 0; list-style: none; }

ul.breadcrumb { padding: 0 0 0 0; height: 48px; }

ul.breadcrumb li { display: inline; }
ul.breadcrumb li a { 
	
	line-height: 48px; 
	font-size: 10px;
	text-decoration: none;
	background: url(/public/img/arrow-blue-whitebg.jpg) 100% 50% no-repeat;
	padding: 0 10px 0 0;
}

ul.breadcrumb li.active a {

	font-weight: normal;
	background: none;
	color: #67902f;

}


/*----- Subpage Content Area -----------*/

#subcontent-subnav {
	width:375px;
	padding:30px 30px 0 30px;
	float:left;
}

#subcontent {
	width:570px;
	padding:30px 30px 0 30px;
	float:left;
}

h2.contenttitle {
	padding:0;
	font-size:28px;
	font-family: Impact, Tahoma, Lucida Grande, sans-serif;
}


/*----- Subnav -----------*/

.subnav {
	width: 200px;
	float:left;
	padding:30px 0 0 0;
}

.subnav ul, .subnav ul li {
	margin: 0; 
	list-style: none;

}

.subnav ul { 
	padding: 0;
	width: 200px;
	float:left;
	border-bottom:2px solid #3a5f96;
}

.subnav ul li { 
	padding:0;
	border-bottom: solid 1px #d1d1d1; 
	
}

.subnav ul li a {
	display:block;
	background: url(/public/img/arrow-blue-whitebg.jpg) 0% 50% no-repeat;
	padding: 10px 10px;
	text-decoration: none;
}

.subnav ul li a:hover {
	background:#f4f3f3 url(/public/img/arrow-blue-whitebg.jpg) 0% 50% no-repeat;
	
}


/* Form */

.generic_form {

width: 560px;

}

.generic_form {

padding: 9px 0 16px 0;
border: none;
margin: 0 0 18px 0;


}



.generic_form fieldset {

border: none;
overflow: auto;
padding: 0;

}

.generic_form fieldset legend {

	font-weight: bold;
	font-size: 14px;
	padding: 0 0 9px 0;

}

.generic_form h3.formsubhead {

font: 11px/18px Verdana, Tahoma, sans-serif;
font-weight: bold;
font-size: 18px;
padding: 12px 4px 6px 0px;
margin: 0 0 6px 0;

}

.generic_form ul { 

list-style: none; 
margin: 6px 12px;
padding: 0;

}


.generic_form ul li { 


margin: 0 0 6px 0;
padding: 0 0 6px 0;

}

.generic_form ul li span {

	margin: 0 0 0 6px;

} 

.generic_form p.note { 

font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;

}

.generic_form ul li input { 

	margin: 0 6px 0 0; 
	vertical-align: middle;	
}

.generic_form label {

display: block;


}

.generic_form ul li label {

	display: inline;

}
.generic_form input.forminput {

padding: 3px;
font-weight: bold;

}

.generic_form .small input.forminput { width: 65px; }


.generic_form fieldset {

padding: 0 0 10px 0;
border:  none;

}

.generic_form p { float: none; }

.generic_form p.formrow, .generic_form p.formsubmit { 

clear: both;
width: 500px;

}


/* --------------------------------------------------- */
/* ---- Here is where the form feild lengths are ---- */


.generic_form p.formsubmit { border-top: solid 1px #eee; }

.generic_form p input.forminput { width: 478px; }

.generic_form p.formcol1 input.forminput, .generic_form p.formcol2 input.forminput { width: 220px; }

.generic_form p.formcol1 {

float: left;
clear: both;
width: 260px;

}

.generic_form p.formcol2 {



}

/* ------------------------------------------------- */



.generic_form p { padding: 9px 0; }

.generic_form span.required, .generic_form span.error {

color: #cc0000;
font-style: italic;
font-size: 11px;
margin: 0 0 9px 0;

}

.generic_form span.error { display: block; } 

.generic_form .checkbox label, #forminset .checkbox label {

display: inline;
margin: 0 0 0 6px;

}

.generic_form .checkbox { margin: 3px 0; padding: 15px 10px 6px 0; font-size: 11px; }

#forminset {

	background: #eee;
	padding: 12px;
	border: solid 1px #ddd;


}

#forminset p.checkbox {

	padding: 0;
	margin: 0;


}

p#legalerror {

	color: #cc0000;

}

.generic_form select { margin: 2px 0; }

.generic_form textarea {

width: 520px;
padding: 3px;
font-weight: bold;
height: 200px;

}

p.errornotice {

color: #b5121b;
font-size: 13px;
background: #cc0000;
padding: 9px;
margin: 0 0 18px 0;

}

input.submit {

padding: 5px;
font-weight: bold;

}

.generic_form input.submit { 

	margin: 0 0 18px 0; 
	padding: 5px;
	background: #ccc;
	border: solid 1px #ddd;
	font-size: 16px;
		
}


.generic_form .small input.forminput { width: 65px; }

p.error {

color: #cc0000;

}

.error {
color: #cc0000;
}

p.usernotice {

background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;

}

span.note { 

font-size: 11px; 
display: block;
font-style: italic;

}


.generic_form p.captcha {
	
	background: #eee;
	padding: 18px;
	width: 400px;
	margin: 0 0 9px 0;


}

.generic_form .captcha img {

	border: solid 1px #eee;
	padding: 4px;
	background: #fff;
	margin: 5px 0 0 0;

}

.generic_form .captcha input.forminput {

	width: 170px;
	font-size: 16px;
	padding: 9px 4px;
	vertical-align: top;
	margin: 11px 0 0 6px;
	text-align: center;


}

.generic_form .captcha span.error { clear: both; }


/* Gallery --- */

ul#gallerylist { 
	
	float: left; 
	
	}

ul#gallerylist, ul#gallerylist  li {

list-style: none;
padding: 0;
margin: 0;

}

ul#gallerylist li img.thumbnail {

float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;

}

ul#gallerylist li {

border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;


}

ul#gallerylist li h3 {
	
	padding: 0 0 9px 0;
		
}

ul#gallerylist li h3 a {
	
	font-weight: normal;
	
	
}


#gallery h3 {
	
	font-size: 18px;
	border-bottom: solid 1px #ddd;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	
}

#gallery .gallerymeta {
	
	float: right;
	font-size: 11px;
	
}

#photocontainer p {
	
	font-size: 11px;
	
}

#photocontainer {
	
	margin: 0 auto;
	text-align: center;
	width: 590px;
}

#photocontainer p {
	
	text-align: left;
	
}

#photocontainer p.photonav {
	
	padding: 4px 0 4px 0;
	text-align: center;
	
}

#currentphoto {

padding: 6px;
border: solid 1px #ddd;

}

* html #currentphoto { width: 540px; }

.thumbnail {

vertical-align: top;
padding: 3px;
border: solid 1px #ddd;

}

#thumbnails {

	margin: 0 auto;
	
}

#thumbnails p.back {
	
	font-size: 11px;
	padding: 0;
	
}

#thumbnails a {

text-decoration: none;

}

#thumbnails .active {

border: solid 1px #333;
padding: 3px;
}

ul#albums {

	list-style: none;
	margin: 0;

}

ul#albums li {

	float: left;
	width: 120px;
	height: 138px;
	background: #eee;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 16px 12px;
	text-align: center;

}

ul#albums li div.albums-img-container {

	overflow: hidden;
	width: 80px;
	height: 80px;
	border: solid 4px #fff;
	margin: 0 auto;

}

ul#albums li p { padding: 0; }

ul#albums li h5 {

	font-size: 11px;
	padding: 3px 0;
	border: none;
	margin: 0;

}

ul#albums li h5 a { font-weight: normal; }

ul#albums li span {

	font-size: 10px;


}


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

ul#newslist {

list-style: none;
margin: 0;

}

ul#newslist li {

border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 9px 0;

}

ul#newslist p { padding: 0; }

ul#newslist p.date {


font-size: 10px;
color: #cc0000;
padding: 0;
font-weight: bold;


}

ul#newslist p.more {

font-weight: bold;
font-size: 11px;

}

ul#newslist p.more a {

padding: 0 10px 0 0;
font-size: 11px;

}

ul#newslist li h3 { padding: 0; }

ul#newslist li h3 a { 

padding: 2px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 16px;

}



/* Events ------*/

ul#eventslist {

list-style: none;
margin: 0;
padding: 0 0 10px 0;

}

ul#eventslist li {

margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #eee;

}

ul#eventslist li h4 { 
	
	padding: 0; 
	margin: 0;
}

ul#eventslist li h4 a {

padding: 12px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 18px;

}

ul#eventslist li a.more {
	
	display: block;
	background: #acb5c3;
	padding: 8px;
	text-decoration: none;
	
}

h5.eventsubhead {

padding: 8px 0 8px 0;
margin: 0 0 8px 0;
clear: both;
font-weight: bold;
font-size: 15px;
border-bottom: solid 1px #ccc;

}

#eventform #guestinfo input {

width: 160px;
margin: 0 6px 0 0;
} 
 
#eventform #guestinfo p span {

width: 160px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;

}