@charset "UTF-8";

/* import core styles */
@import url(../yaml/core/base.css);

/* form styles (not in use) */
/* @import url(../yaml/screen/forms.css); */

/* standard layout and content styles */
@import url(screen/basemod.css);
@import url(screen/content.css);

/* modifications for full width layout - to enable full width, uncomment the following line and edit layouts/includes/layout.cfm */
/* @import url(screen/basemod_full_width.css); */

/* import forums styles - comment this out if forums not used */
@import url(screen/forums.css);

/* 
 * import horizontal nav styles - either sliding door (tabs) or shiny buttons (menu bar)
 * shiny buttons is the default because it doesn't require the modification of any images
*/
/* @import url(navigation/nav_slidingdoor.css); */
@import url(navigation/nav_shinybuttons.css);

/* import vertical nav styles */
@import url(navigation/nav_vlist.css);

/*
 * **************************** START OF CUSTOM STYLES ********************************
 * Add and modify styles below this comment - don't modify css files in sub-directories
 * ************************************************************************************
 */

/* body, h6.vlist {font-family:"Helvetica Neue", "Bitstream Vera Sans", Arial,Helvetica,Sans-Serif;} */

/* custom styles for heading and sliding door navigation */
/* 
#header { background: #edf2f8 url("../images/bg_header.png") repeat-x bottom left;}
#nav .hlist {background-color: #e8e8e8}
#nav .hlist ul { padding-left: 0}
*/

/* custom styles for header and shiny buttons navigation */
/* #header, #header .page { color: #fff; background: #F9F9F9 url("../images/background.png") repeat-x scroll left top; } */
#header { color: #fff; background-color: #F9F9F9; }
#header h1 { color: #666666; }

.hlist { background: #EFEFEF; }
.hlist ul { margin-left: 20px; }
.hlist ul li { line-height: 1.2em; }

.hlist ul li a,
.hlist ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em; }

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active  { background: #666666; color: #fff; }

.hlist ul li.active { background: #f8f8f8; }

.hlist ul li.active strong,
.hlist ul li.active a,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { color: #666666; font-weight: bold; }

.content img { border: none; }
.content h2, .content h3 {margin-top:1em;}
.content p, .content table {margin-bottom:1em;}
.content code { display: block; margin: 1em; }

fieldset { border: 1px solid #EFEFEF; padding: 0.5em; }

.spContentPaging {}
.spContentPagingTop {width:100%;text-align:right;}
.spContentPagingBottom {width:100%;text-align:center;}

.article_display_pubdate, .event_display_dates, .event_display_times, .event_display_venue {margin-bottom: 0.5em;}
.article_display_image, .event_display_image {float:right; margin-left: 0.5em;}
.article_summary_image, .event_summary_image {float:left; margin-right: 0.5em;}
.article_display_widgets, .event_display_widgets {margin-bottom: 0.5em;}
.article_display_print, .event_display_print {
	background: url(/speck/images/icons/silk/printer.png) no-repeat left center;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
	}
.article_display_email, .event_display_email {
	background: url(/speck/images/icons/silk/email.png) no-repeat left center;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
	}

.articlebox dl { padding-top: 0.3em; }
.articlebox dl dd img { float:left; margin-right: 0.3em; }
.articlebox ul { padding-top: 0.5em; }
.articlebox ul li { margin-bottom: 0.7em; }

.document_display {margin: 0 0 1em 0;}
.document_display_description {margin:0; padding:0;}

#image_list table, table.spHandler {width:100%;}
#image_list .image_thumbnail {text-align: center; margin: auto; padding: 1em; border: 1px solid #EFEFEF; height:150px; }
#image_list .image_thumbnail_caption {padding-top: 0.3em;}

.content .form_field, .content input[type="text"] { border: 1px #c0c0c0 solid; padding: 2px; }
.content .form_field:focus, .content input[type="text"]:focus { background-color: #ffffee; border-color: #a0a0a0; }

/* 
firefox won't justify one line of text
.az {width:100%; text-align:justify; text-justify: distribute-all-lines; padding:5px 0;}
*/
.az {width:100%; text-align:center; word-spacing: 0.02em; padding:5px 0; color: #888;}
.az strong {font-size:larger;}

#search_results {padding: 0.5em;}
#search_results dl {margin:0.5em 0;}
#search_results .spContentPaging {margin:0.5em 0;}
	
#searchbox {margin-top:15px;}
#searchbox form input.form_field  {width:80px;}
#searchbox form input.form_button {width:auto;}

#search_form input.form_field {width:250px;}

/* slap a min height on the home page subcolumns to space out the admin links a little when no content has been added */
#home_subcolumns {
	min-height:50px;
	height:auto !important;
	height:50px;
}
#home_extra_subcolumns {padding-top: 20px;}

/* uncomment this to add an icon to external links on the links templates (you might want to change the icon too) */
/* 
#links a.external { 
	background:transparent url(/images/Icon_External_Link.png) no-repeat scroll right center; padding:0 13px 0 0;
}
*/







#header { padding: 0; }
#header h1 { margin: 0; }



/* Nav */
#nav .hlist { border-bottom: 1px #e81c2b solid; border-top: 1px #e81c2b solid; background-color: white; }
#nav .hlist li, #nav .hlist ul { border: none !important }
#nav li a { color: #600607; }
#nav li.active { background-color: #b71c20; }
#nav li.active a { color: white; }
#nav .hlist ul li a:hover { background-color: #600607; color: white; }


#home_extra_subcolumns { background: transparent url("/images/bg_homesep.png") left top repeat-x; padding: 15px 0 15px 0; }
#home_subcolumns { text-align: justify; }
#home_subcolumns h3 { font-size: 125%; font-weight: bold; }

#header #topnav{top:5px;}


#login_form { border: 1px #c0c0c0 solid; background-color: #e0e0e0; padding: 4px 6px; }
#login_form .login_error { color: #dd0000; }
#login_form #login_hint { margin-bottom: 4px; }
#login_form p { margin-bottom: 5px; }

#rotator { margin: 10px 0; }







/* News Ticker */
#newsticker { border-top: 1px solid #E81C2B; clear: left; padding: 0; height: 24px; }
#newsticker h2 { color: #E81C2B; font-weight: normal; margin: 0; padding: 0 5px 0 0; font-size: 15px; line-height: 24px; height: 24px; display: inline; }
#newsticker ul { list-style: none; padding: 0; font-size: 15px; margin: 0; line-height: 24px; height: 24px; display: inline; }
#newsticker li.error { color: #f00; }
#newsticker li { list-style-type: none; margin: 0; padding: 0; line-height: 24px; height: 24px; display: inline; }
#newsticker #togglenewsticker { display: none; }

#col3.kwd_membership_fees #col3_content table { border-collapse: collapse; border: 1px black solid; }
#col3.kwd_membership_fees #col3_content th { text-align: center; font-weight: normal; color: black; border: 1px black solid; }
#col3.kwd_membership_fees #col3_content td { text-align: center; color: white; background-color: #505050; border: 1px white solid; }
#col3.kwd_membership_fees #col3_content caption { background-color: #dd0000; color: white; text-align: center; border: 1px #990000 solid; padding: 4px 0; }
#col3.kwd_membership_fees #col3_content sup { font-size: 0.85em; }

/* A minor border-related tweak that depends on good CSS2 compliance (ie NOT msie!) but improves the look of table headers.
#col3.kwd_membership_fees #col3_content th:first-child { border-left: 1px white solid; }
#col3.kwd_membership_fees #col3_content th:last-child { border-right: 1px white solid; }
*/

#col3.sec_home .c50r .subcr { padding-left: 0; }



/* Listings & Jobs */
.listing_summary { clear: both; margin-bottom: 15px; }
.listing_summary img { float: right; margin-bottom: 15px; }
.listing_summary h3 { font-size: 140%; }
.listing_summary {  }

#listings_search { background-color: #eeeeee; border: 1px #a0a0a0 solid; padding: 10px; }

.listing_detail_image { float: right; margin: 0 0 10px 15px; }
.listing_detail_blurb { text-align: justify; }
.listing_detail dt { width: 10em; display: block; float: left; clear: left; margin: 5px 0; padding: 0; }
.listing_detail dd { margin: 5px 0; padding: 0; float: left; }

.job_summaries h3 { font-size: 110%; font-weight: bold; }
.kwd_members h1 span { display: block; font-size: 12pt; font-style: italic; }

#joblists { width: 100%; }
#joblists th { background-color: #600607; color: white; }
#joblists td { border-bottom: 1px #c0c0c0 solid; }
#joblists td.row0 {  }
#joblists td.row1 { background-color: #f0f0f0; }

#link_logout { background: transparent url("/speck/images/icons/mini/alert.gif") left 50% no-repeat; padding-left: 14px; }
#link_listing { background: transparent url("/speck/images/icons/mini/edit.gif") left 50% no-repeat; padding-left: 14px; }
#link_jobs { background: transparent url("/speck/images/icons/mini/user.gif") left 50% no-repeat; padding-left: 14px; }

/* Rachels Changes */

h6.vlist {
background-color:#F8F8F8;
border:1px solid #E81C2B;
}

.vlist li a, .vlist li a:visited {
background-color: white;
color:#666666;
}

.vlist li a:focus, .vlist li a:hover, .vlist li a:active {
background-color: #f6f6f6;
color:#FFA01A;
}

.vlist {
border-bottom:none;}


a{ color: #666666; }

a:focus, a:hover, a:active {
color: #FFA01A;
text-decoration: none;
}

.listing_summary img{
margin-left:15px;
align: right;
}

.events_browse a {
background:url("/speck/properties/date/calendar_blue.gif") no-repeat scroll left 50% transparent;
padding-left:20px;
}

/*.events_next {
background:url("/images/next.png") no-repeat scroll right 50% transparent;
}

.events_previous {
background:url("/images/prev.png") no-repeat scroll left 50% transparent;
}/*