/*
Jeri Smith-Ready Main style sheet

version: 1.1
author:  Christian Ready
e-mail:  chris@christianready.com
website: http://www.christianready.com/
================================================*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {	
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table {
	margin-top: 1em;
}

h2 p, h3 p {
	margin-top: 0;
}

/* Pretty border around images */
img {
	border: 1px solid #999;
	padding: 2px;
}

/* Removes styling from all list items */
ul, li {
	list-style:none;
}

.floatleft { float: left; margin: 0 1em 0 0; }

.floatright { float: right; margin: 1em 0 0 1em; }

p.fineprint {
	clear: both;
	font-size: 0.9em !important;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 ;
	padding: 0;
	text-align: center;
}

.center {
	margin: 1em auto;
	text-align: center;
}

.clearfix {
	clear: both;
}


/* =Typography (Global)
-----------------------------------------------------------------------------*/
body {
	background: #282023 url(../images/body.gif) top left repeat;
	font:80%/1.5 "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
}

h1, h2, h3, dt { font-family: Georgia, "Times New Roman", Times, serif; }

h2 {
	border-bottom: 1px dotted #666;
	clear:left;
	color: #000;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#recent h2, #searchbox h2 {
	font-size: 1em;
}

#searchbox h2 {
	margin: 0;
	text-transform: none;
}

h3, div#svPortal dt, div#sysNews dt {
	font-size:1.3em;
	font-weight:normal;
}

#recent dt { font-size: 1.2em; }

a { color: #2e0154; }

a:hover { color: #d03900; text-decoration: underline; }

/* h2 a, h3 a, dt a { color: #2E0154; text-decoration: none; } */

.booktitle { font-style: italic; }

h4 { font-size: 1.2em; font-weight: normal; }


/* =Layout (Global)
-----------------------------------------------------------------------------*/
#wrapper {
	position: relative;
	margin: 15px auto;
	width: 960px;
}

#body {
	clear: both;
	background: #f9f9f2 url(../images/bodyshadow.gif) top left repeat-x;
	float: left;
	margin: 0 auto;
	padding-bottom: 2em;
	width: 100%;
}
#content {
	float: left;
	width: 60%;
	margin-left: 3%;
	margin-top: 3%;
}

#content-secondary {
	float:left;
	width:30%;
	margin-left:3%;
	margin-top: 3%;
	color:#555;
}


#footer {
	background: #c5b7b0;
	border-top: 2px solid #757572;
	clear:both;
}



/* =Header (Global)
-----------------------------------------------------------------------------*/
#header {
	width:100%;
	background: transparent url(../images/header_bg.png) top right no-repeat;
	float: left;
	height: 124px;
}

#headerimage {
	float: left;
	height: 124px;
	width: 100%;
	background: transparent url(../images/header_img.png) top left no-repeat;
}

#branding {
	float: right;
	width: 396px;
	height: 124px;
	margin: 30px 30px 0 0;
	background: transparent url(../images/header_jeri.png) top right no-repeat;
}

#branding h1, #branding p { position: absolute; top: -9999em; }



/* =Navigation (Global)
-----------------------------------------------------------------------------*/
#nav {
	clear: left;
	float: left;
	width: 100%;
	height: 30px;
	background: transparent url(../images/nav_bg.png) top left repeat-x;
	border-bottom: 2px solid #757572;
}

#nav ul {
	background: transparent url(../images/nav_img.png) top left no-repeat;
	padding-left: 105px;
	float: left;
	margin: 0;
	min-width: 392px;
	overflow: hidden;
	clear: both;
}

#nav ul li {
	height: 30px;
	text-transform: uppercase;
	float: left;
	letter-spacing: 0.125em;
	list-style: none;
}

#nav ul li:first-child  {
	border-left: 2px solid #555;
}

#nav ul li a {
	border-right: 2px solid #666;
	color: #333;
	display: block;
	font: bold .89em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	margin: 2px 0 0 0;
	padding: 0.6em 0.8em;
	text-decoration: none;
	vertical-align: middle;
}

#nav ul li a:hover, #nav ul li a.current {
	background: #4D5461;
	color: #fff;
}



/* =Footer (Global)
-----------------------------------------------------------------------------*/
#footer  {
	padding: 1em;	
	margin-bottom: 1.5em;
}

#footer p {
	margin: 0;
}


/* =Accessibilty (Global)
-----------------------------------------------------------------------------*/
#skip, .hidden {
	position: absolute;
	top: -9999em;
}


/* =Rounded Corners (Global)
-----------------------------------------------------------------------------*/
.box1, #sysNews { 
	background: transparent url(../images/box1.png) top right no-repeat; 
	border-bottom:2px solid #ccccc8;
	border-left: 2px solid #ccccc8;
	float: left;
	margin: 0 0 2em 0;
	padding: 3%;
	width: 94%;
}

.box1 h2, .floatright h3, .floatleft h3 {
	margin-top: 0;
}

h3+p, h3+.floatright+p { margin-top: 0.5em; margin-bottom: 1em;}
h2+h3 {margin-top: 0 !important; }
.box1 p { clear: none; }


/* =Blog Entries (Global)
-----------------------------------------------------------------------------*/
#first-entry {
	border-bottom: 1px dotted #666;
} 

.entry {
	float: left;
	padding-bottom: 0.5em;
	width: 100%;
}

.meta { color: #666; margin: 1em 0; }

.meta li {
	display:inline;
	margin:1em 0 0 5px;
	padding:0 0 0 10px;
	background:url(../images/vbar.gif) no-repeat 0 50%;
}

.meta li.extended,
.meta li:first-child {
	margin:0;
	padding:0;
	background:transparent;
}

.meta li a { font-weight: bold; }

#recent { float: left; width: 100%; margin-top: 2em; }

#main #recent h2 {margin:0 0 1em}

#recent dl {
	margin: 0 0 0.75em 0;
	padding: 0 0 1em 0;
}

#recent dt {
	margin: 0.75em 0 0.5em 0;
	padding: 1em 0 0 0;
	border-top: 1px dotted #666;
	font-size: 1.1em;
	line-height: 1.0;
}

#recent dt.first {
	margin-top: 0;
	padding: 0;
	border: none;
}

#recent dt a:link,
#recent dt a:visited,
#recent dt a:hover {
	padding: 0;
	font-weight: normal;
}

#recent dd {
	display: inline;
	margin: 0 0 0 6px;
	padding: 0;
	background: url(../images/vbar.gif) no-repeat 0 50%;
	font-size: 0.94em;
}

#recent dd a {
	font-weight: bold;
}

#recent dd.excerpt {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
}

#recent dd.date {
	margin: 0;
	padding: 0 8px 0 0;
	background: url(../images/vbar.gif) no-repeat 100% 50%;
}

#recent dd.commentinfo {
	padding: 0 8px 0 0;
	background: url(../images/vbar.gif) no-repeat 100% 50%;
}

#recent p {
	font-size: 0.94em;
	text-align: right;
}

#recent p a {
	padding-right: 10px;
	background: url(../images/arrow-more.gif) no-repeat 100% 50%;
}

.post { margin-bottom:1em; border-bottom: 1px dotted #999; }

.comment { 
	clear: both;
	margin-top: 1em;
	background: transparent url(../images/box6.gif) top right no-repeat; 
	padding: 1em 20px 5px;
	border-left: 2px solid #ddddd9;
	border-bottom: 2px solid #ddddd9;
}

.postedBy {
	position:relative;
	bottom: -7px;
	left: -22px;
	color: #666;
	padding: 0 22px 20px;
	background: transparent url(../images/box6_br.gif) bottom left no-repeat;
}


/* =Search (Global)
-----------------------------------------------------------------------------*/
#searchbox {
	background: transparent url(../images/box2.png) top right no-repeat; 
	border-bottom: 2px solid #DDDDD9;
	border-left: 2px solid #DDDDD9;
	clear: left;
	margin: 0;
}

#searchbox form { 
	position:relative;
	bottom:-2px;
	left:-2px;
	padding:0.8em 0.8em 0.8em 1.5em;
	margin: 0; 
	background: transparent url(../images/box2_br.png) bottom left no-repeat; 
}

.searchbutton {
	background: transparent url(../images/searchbutton.png) top left no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	font: 0.98em Helvetica, Arial, sans-serif;
	height: 20px;
	margin: 0;
	padding: 0 0 3px;
	vertical-align: bottom;
}

#search {
	margin: 0;
	padding: 0;
}

#search fieldset {
	border: 0;
}

#search legend, #search label { display: none; }

#sField {
	font: 1em "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	margin: 1px 0;
	border: 1px solid #000;
	padding: 2px;
}

#sButton {
	font: bold 1em "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	border: 0;
	color: #fff;
	padding: 1px;
	background-color: #333;
	margin: 0 0 0 5px;
	cursor: pointer;
}

#sButton:hover {
	color: #ECD08C;
}


/* Feature (Global) 
------------------------------------------------------------------------------*/
#feature {
	clear: left;
	margin: 1em 0 2em 0;
	padding: 0;
}

#feature h3.feature1 {
	background: transparent url(../images/icon1.gif) bottom left no-repeat;
}

#feature h3.feature2 {
	background: transparent url(../images/icon2.gif) bottom left no-repeat;
}

#feature h3.feature3 {
	background: transparent url(../images/icon3.gif) bottom left no-repeat;
}
#feature h3 {
	padding: 0 0 5px 40px;
}

#feature p {
	padding: 0 40px;
	margin: 0;
}



/* About (Global) 
------------------------------------------------------------------------------*/
#info {
	clear: both;
	background: transparent url(../images/box4.png) top right no-repeat;
	border-bottom: 2px solid #ddddd9;
	border-left: 2px solid #ddddd9;
	margin-top: 0;
	margin-bottom: 1.5em;
	padding: 0.5em 1em 0 0;
}

#info h2 {
	font-size: 0.95em;
	margin: 1em 0.85em;
	border: none;
}

#info p {
	margin: 0.85em;
}


/* =Newsletter, EventReminder(Global)
-----------------------------------------------------------------------------*/
#newsletter, #svEventReminder {
	background: transparent url(../images/box2.png) top right no-repeat; 
	border-bottom: 2px solid #ddddd9;
	border-left: 2px solid #ddddd9;
	padding: 0.5em 1em 0 0;
	clear: left;
	margin: 0;
}

#newsletter form, #svEventReminder form { 
	position: relative;
	bottom: -2px;
	left: -2px;
	padding: 0 0.8em;
	margin: 0; 
	background: transparent url(../images/box2_br.png) bottom left no-repeat; 
}

#newsletter h2, #svEventReminder h2 {
	font-size: 0.95em;
	margin: 1em 0.85em 0;
	border: none;
}

#newsletter p, #svEventReminder p {
	margin: 0.85em;
}

.searchbutton {
	background: transparent url(../images/searchbutton.png) top left no-repeat;
	border: 0;
	color: #fff;
	cursor: pointer;
	font: 0.98em Helvetica, Arial, sans-serif;
	height: 20px;
	margin: 0;
	padding: 0 0 3px;
	vertical-align: bottom;
}

#newsletter fieldset, #svEventReminder fieldset {
	border: 0;
	padding: 0 0 1em 0.25em;
}

#newsletter label, #svEventReminder label {
	margin-right: 1em;
}

#inputboxes, .inputboxes {
	margin-bottom: 0.35em;
}

#newsletter input#ymlpo, #svEventReminder input#email {
	border: 1px solid #000;
	height: 1.285em;
	padding: 0;
}

#sButton {
	font: bold 1em "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
	border: 0;
	color: #fff;
	padding: 0;
	background-color: #333;
	margin: 0 0 0 5px;
	cursor: pointer;
}

#sButton:hover {
	color: #ECD08C;
}



/* News (Home)
------------------------------------------------------------------------------*/
#news {
	float: left;
	width: 90%;
}

#news h3 { font-size: 1.2em; line-height: 1; }

#news p { font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; margin: 0.5em 0 2em 0; }


/* Subscribe (Global)
------------------------------------------------------------------------------*/
#subscribe {
	background: transparent url(../images/box2.png) top right no-repeat; 
	border-bottom: 2px solid #DDDDD9;
	border-left: 2px solid #DDDDD9;
	clear: left;
	margin: 0;
}

#subscribe p {
	position:relative;
	bottom:-2px;
	left:-2px;
	padding:1em 0 0 1em;
	margin: 0; 
	float: left; 
	background: transparent url(../images/box2_br.png) bottom left no-repeat; 
}

#subscribe a {
	display: block;
	background: transparent url(../images/rss.png) 1em 0 no-repeat;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding: 0 1em 1em 3em;
	text-decoration: none;	
}


/* Also (Global)
------------------------------------------------------------------------------*/
#also {
	float: left;
	margin: 0;
}

#also h3 {
	margin-top: 0.5em;
	clear: both;
}

#also blockquote {
	background: transparent;
	padding: 0;
}

blockquote {
	background: transparent url(../images/quotes.gif) top left no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 1em;
	padding: 0.25em 2em 0 2.5em;
}

blockquote.noquote {
	background-image: none;
}
blockquote p {
	font-style: italic;
	padding-bottom: 0.5em;
}

p.citation {
	margin: 0;
	text-align: right;
	font-style: normal !important;
}

ul {
	margin: 1em 1.5em;
}

ul li {
	margin-bottom: 0.5em;
	list-style: disc;
}

dl { margin-bottom: 1.5em; }
dt { margin-top: 1.5em; }

.alt {background: #dcdbdd;}

/* Portal definition lists
------------------------------------------------------------------------------*/
div#sysNews dt, div#svPortal dt {
	margin: 0;
}
div#sysNews dt.releaseDate, div#svPortal dt.releaseDate {
	font-size: 1em;
}


/* @group Nav - More Results
===================================== */

.moreResults {
	border-top: 2px solid #e6e6e6;
	padding-top: 1.5em;
}

/*.moreResults dt {
	float: left;
	margin-right: .5em;
	}*/

.moreResults ul {
	/*float: right;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

.moreResults li {
	display: inline;
	padding: 0 .25em;
	list-style: none;
	border-right: 1px solid #b6b6b6;
	}
	
.moreResults li.resultsFound {
	padding-right: .5em;
}
	
.moreResults li.navNext {
	border-right: 0;
	}
	
.moreResults li.navPrev {
	border-right: 0;
	}

.moreResults li a {
	padding: 0;
	}

/* @end Nav - More Results
-------------------------------- */

/* Side Navigation (Global)
------------------------------------------------------------------------------*/
#content-secondary ul li ul {
	border-top: 1px dotted #ccc;
}
.sidenav h2, #navPeer h2, #navStandard h2 { margin-bottom: 0;}
.sidenav ul, #navPeer ul, #navStandard ul {
	padding: 0;
	margin: 0 0 2em 0;
}

.sidenav li, #navPeer li, #navStandard li {
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #999;
}

.sidenav li a, #navPeer li a, #navStandard li a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 1.5em;
	text-decoration: underline;
}

.sidenav li a.inline, #navPeer li a.inline, #navStandard li a.inline {
	display: inline;
	padding: 0;
}

.sidenav li a:hover, #navPeer li a:hover, #navStandard li a:hover {
	background: #f5f5f5;
	text-decoration: underline;
}

/* Site Map (Global)
------------------------------------------------------------------------------*/
#svSiteMap h2 { margin-bottom: 0;}
#svSiteMap ul {
	padding: 0;
	margin: 0 0 2em 0;
}

#svSiteMap li{
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #999;
}

#svSiteMap li a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 1.5em;
	text-decoration: underline;
}

#svSiteMap li ul {
	border-top: 1px dotted #999;
	margin: 0;
}
#svSiteMap li ul li:last-child {
	border-bottom: none;
}
#svSiteMap li ul li a {
	padding-left: 3em;
}

#svSiteMap li ul li ul a  {
	padding-left: 4.5em;
}
#svSiteMap li a.inline {
	display: inline;
	padding: 0;
}

#svSiteMap li a:hover {
	background: #f5f5f5;
	text-decoration: underline;
}

/* Forms 
---------------------------------------*/
.universalForm {
	border-top: 1px dotted #ccc;
	clear: both;
	margin: 1em 0;
	font-size: 1.2em;
	width: 100%;
}

.formline {
	width: 100%;
}
.universalForm legend {
	clear: both;
	color: #000;
	font-size: 0.95em;
}

.universalForm legend p {
	font-size: 0.9em;
	margin-top: -1em;
}

.universalForm fieldset {
	border: 0;
	margin: 1.2em 0 2em 0;
}

.universalForm fieldset.last {
	margin-bottom: 0;
}

.universalForm fieldset div {
	float: left;
}

.label {
	float: left;
	border: none !important;
	margin: 0 !important;
	width: 110px;
	font-size: 0.88em;
}

label { cursor: pointer; }

.universalForm div {
	border-bottom: 1px dotted #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.required em { 
	position: absolute;
	left: -3000px;
}

.fText, .fTextArea {
	padding: 3px;
	background-color: #F7F5EE;
	border: 1px solid #555;
	width: 230px;
}

.lCheck {
	width: 95%;
	display: block;
	clear: both;
	height: expression('1%');
	padding: 0 0 0 1.5em;
	margin: 0;
	text-align: left;
	font-size: 0.85em;
}

.quiz:hover { background: #f5f5f5; }
.fTextArea {width:230px; height:120px}

div.required {background: url("../images/required.gif") no-repeat right top !important;}

.fText:focus, .fText.sffocus, .fTextArea:focus, .fTextArea.sffocus {background:#F1DCAB; border: 1px #633 solid;}

#ufSubmit {
	background: #f5f5f5;
	margin: 0;
	border: 1px solid #555;
}

#errorMessage {
	padding: 0.5em;
	border: 1px solid #633;
	background: #fff2f2;
	margin: 0.5em 0 1em 0;
}

#errorMessage h4, #errorMessage p {
	margin: 0;
} 

label.error {
	display: block;
	clear: both;
	margin-left: 110px;
	background-color: #fff2f2 !important;
	font-size: 0.8em;
	color: #f00;
	margin-top: 0;
}

.lCheck label.error { display: inline; margin-left: 0;}

p.note { margin-left: 110px; font-size: 0.81em; line-height: 1.1em}
input.error {
	border-color: #f00 !important;
}

.error label {
	font-weight: bold;
	color: #f00;
}


/* Forms to just copy stuff b/c pre and code won't allow 
   the flash player code to simply display as code
---------------------------------------------------------*/
form.copyform {
	text-align: left;
}
.copytextarea {
	background-color: #F7F5EE;
	border: 1px solid #555;
	height: 470px;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

/* Street Team signup
---------------------------------------*/
div#newsletter.streetteam form {
	background: transparent url("../images/wvmp-logo208x121.png") 13px 5px no-repeat;
}

div#newsletter.streetteam form fieldset {
	padding-left: 240px;
}

/* Microformats 
---------------------------------------*/
.vcard {
	margin-top: 1em;
}

/* FAQ 
---------------------------------------*/
#faq dt {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}

#faq dd {
	margin: 0.5em 0 1em 0;
}

/* Quiz Results
---------------------------------------*/
.creature { border-top: 1px dotted #999; clear: both; margin-top: 1.2em; }

/* Button links
---------------------------------------*/
ul#buttonBar {
	width: 450px;
	height: 30px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#buttonBar li { 
	width: 145px;
	list-style: none; 
	float: left;
	margin: 0 7px 5px 0;
}
#buttonBar li.last {
	margin-right: 0;
}
#buttonBar li a {
	font: 14px Arial, Helvetica, sans-serif;
	border: 2px #dedfde solid;
	background: #f7f7f7;
	display: block;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}
#buttonBar li a:hover {
	background-color: #4a3884;
	color: #fff;
}

/* reCaptcha
---------------------------------------*/
#universalForm #recaptcha_widget_div * { margin: 0; padding: 0}

/* Galleries
---------------------------------------*/
ul.gallery {
	margin: 0;
	padding: 0;
}

ul.gallery li {
	float: left;
	list-style: none;
	margin: 10px 20px 10px 0;
	padding: 0;
}

ul.gallery li a {
	-moz-border-radius: 1em 0;
	-webkit-border-radius: 1em 0;
	background-color: #f5f5f5;
	border: 2px solid #ccc;
	color: #2b2225;
	font-family: Georgia, "Times New Roman", serif;
	display: block;
	width: 215px;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
}

ul.gallery li a:hover {
	background-color: #f9f9f2;
	border-color: #999;
}

ul.gallery li a img {
	border: none;
	display: block;
	margin: 0 auto;
}

/* Inline lists
---------------------------------------*/
ul.inline {
	margin: 0;
	padding: 0
}

ul.inline li {
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0
}

ul.inline li img {
	border: none;
}	

/* Music
---------------------------------------*/
.playlistWrap {
	clear: both;
	float: left;
	text-align: center;
	width: 100%;
}
.playlistBox {
	clear: both;
	float: left;
	margin: 10px auto;
	width: 100%;
}
.playlistBox p {
	margin: 0;
}
.playlistBox img {
	border: 0;
	margin: 0;
	padding: 0;
}
.playlistPlayer {
	height:270px;
	margin: 0 auto;
	text-align: center;
	width:440px; 
	visibility: visible; 
}
.playlistBox ul {
	clear: both;
	margin: 0 0 0 50px;
	width: 440px;
}
.playlistBox ul li {
	float: left;
	list-style: none;
	margin: 0;
	width: 50%;
}
.playlistBox ul li a {
	background-color: #000;
	border-left: 1px solid #ccc;
	color: #ddd;
	display: block;
	margin: 0;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.playlistBox ul li a:hover {
	background-color: #444;
	color: #fff;
}

.playlistBox ui li a.last {
	border: 0;
}

/*
 * Popup holders
*/
div.popupHolder {
	float:left;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

/* @group Calendar
===================================== */

.svCalendar table {
	margin-top: 0;
	width: 100%;
}

.svCalendar th {
	vertical-align: middle;
}

.svCalendar th a, .svCalendar th a { display: block; }

.svCalendar tr.dayofweek td {
	background: #5a0462;
	color: #fff;
}

.svCalendar th,
.svCalendar td {
	border: 1px solid #fff;
	vertical-align: top;
}

.svCalendar td {
	background: #dbdbe0;
	width: 14%
}

.svCalendar td ul {
	margin: 0;
}

.svCalendar td ul li {
	margin: 0;
	list-style: none;	
}

.svCalendar tr.dayofweek td {
	text-align: center;
}

/* @end Calendar
-------------------------------- */


/* =Appearances Sidebar
-------------------------------- */
#sysAppearances dt {
	margin: 0;
}