@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);

/* print layout (hides everything but column 3) */
@import url(../yaml/print/print_003_draft.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
 * ************************************************************************************
 */

/* 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 h1 { color: #EFEFEF; }
#nav * { border: 0px none !important; }
.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: 1px solid #EFEFEF; }

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 .image_thumbnail {text-align: center; margin: auto; padding: 1em; border: 1px solid #EFEFEF;}
#image_list .image_thumbnail_caption {padding-top: 0.3em;}

/* 
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;
}
*/

#home {background: #fff url(/tmp_background.jpg) repeat-x top left;}

table.panels {
	width:100%;
	clear:both;
	padding:0;
	margin:0;
	border-collapse:collapse;
	table-layout:fixed;
	height:100%;
}
table.panels td {
	padding:0 0 0.3em 0;
	margin:0;
	vertical-align:top;
	height:100%;
	position:relative;
}
table.panels td table.panels {margin-top:20px;} /* space between main two panels and sub-panels */
.panel {
	min-height:200px; /* note: does not work in IE6 without using minmax.js */
	height:100%;
	width:100%;
}
.featurebox {padding: 10px;}
.panel, .featurebox { 	
	float:left;
	border:1px solid #EFEFEF;
	position:relative;
	overflow:hidden;
}
.panel_background, .featurebox_background {
	opacity:0.8;  
	filter:alpha(opacity=80);  
	-moz-opacity:0.8;  
	background-color:#fff; 
	width:1500px;  
	height:1500px;  
	position:absolute;  
	top:0px;  
	left:0px;
}
.panel_content, .featurebox_content  {  
	position:relative;  
}

body, h6.vlist {font-family:"Helvetica Neue", "Bitstream Vera Sans", Arial,Helvetica,Sans-Serif;}
body {font-size:81.25%;}
.content h2, .content h3 {margin-top:1em;}
.content p, .content table {margin-bottom:1em;}
.content td, .content th {padding:0.5em;}
.content code { display: block; margin: 1em; }
/* TODO: update db and change <p><em> to <div class="note"> and </em></p> to </div */
.content p em { display: block; padding: 5px; border: 1px solid black; background: #eeeeee; font-size: 0.9em; }

.image_gallery img {border: 1px solid black;}

.download_display {margin-bottom:2em;}

#image_list table, #image_list table tr {width:100%;}
#image_list table tr td {width:25%;}
#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; }