@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; }
#header h1 { margin: 0; padding: 0; color: white; }
#header h1 a { display: block; width: 192px; height: 92px; }
#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; }
.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;}
















#col2_content, #col1_content { min-height: 640px; }
#col2, #col1 { padding-top: 10px; }
/*#col3_content { height: 578px; }*/

body { background: #4c5557 url("/images/bg_body.gif"); font-size: 70%; margin: 0; padding: 0; }
/*
.page { background: transparent url("/images/sketch_main.gif") right 168px no-repeat; min-height: 700px; }
.kw_commercial .page { background-image: url("/images/sketch_commercial.gif"); }
.kw_residential .page { background-image: url("/images/sketch_residential.gif"); }
*/

.layout_three_columns #main { margin-bottom: 0; background: transparent url("/images/bg_main.gif") right top repeat-y; }
.vlist { border-bottom: none; margin-bottom: 0; }
.vlist li a, .vlist li a:visited { background: #aca294; border: none; color: #4c5557; }
.vlist li a.active { color: white; }
.vlist li a:hover { color: white; }
#col1 { width: 120px; margin-left: 42px; }
#col2 { width: 190px; border-left: 12px #4c5557 solid; }
#col3 { width: 610px; margin-left: 364px; border-left: 12px #4c5557 solid; background: white; }
.page_margins { width: 986px; }
#col2 { background: #aca294; }
#col1 { background: #aca294 url("/images/riai.png") 50% bottom no-repeat; }
#col3_content { padding: 11px; }

#col1 .vlist { margin-bottom: 50px; text-transform: uppercase; }
#col2 .vlist { margin-bottom: 20px; }

/* Tweaks for 2-column layout */
.layout_two_columns #col2, .layout_two_columns #col2 .vlist li a, .layout_two_columns #col2 .vlist li a:visited { background-color: white; color: #9b9284; }
.layout_two_columns #col2 .vlist li a:hover { color: black; }

.project_main_image { height: 400px; }
.project_main_image img { border: 1px #bcbcc1 solid; }
.no_images { margin: 10px; height: 300px; }
.project_thumbnails, div.project_summary { margin-top: 11px; }
.project_thumbnail { display: block; background-color: white; background-position: 50% 50%; background-repeat: no-repeat; width: 36px; height: 36px; float: left; border: 1px #bcbcc1 solid; text-indent: -1024px; overflow: hidden; }
a.project_thumbnail:hover { text-decoration: none; }
table.project_summary th, .emulate_th { color: #4c5557; font-style: italic; font-weight: normal; display: block; text-align: left; }
table.project_summary th { padding: 2px 0; }
table.project_summary .emulate_th { display: block; }
table.project_summary { border-spacing: 0;  }
table.project_summary td { padding: 0 2px; }
.force_columns { width: 178px; float: left; /*text-align: justify;*/ }
.force_columns.col2 { margin-left: 14px; }
.force_columns p { line-height: 1.3em; margin-bottom: .6em; }

#footer { text-align: right; margin-top: 2px; color: #a0a0a0; }
#footer a { color: #a0a0a0; }

#col3 h1 { color: #aca294; text-transform: uppercase; font-size: 110%; font-family: "Arial", sans-serif; font-weight: bold; margin: 0 0 20px 0; padding: 0; }
.article_display_image { margin: 0 0 10px 20px; }
body { font-family: "Verdana", "Arial", sans-serif; }
#spLogonForm fieldset { border: none; }
#spLogonForm legend { color: #aca294; text-transform: uppercase; font-size: 110%; font-family: "Arial", sans-serif; font-weight: bold; }
.article_display_widgets { display: none; }
.article_display_content { margin-top: 32px; }
.article_display_content p { line-height: 1.2em; }

.document_display a { color: #9B9284; }
.kw_contact table img { border: none; }
.kw_contact table { font-size: 85%; }
.kw_contact td { width: 25%; }

#sidenav a { color: white; }
#sidenav a:hover { color: #4C5557; }
/*.ie8sp1fadefix .vlist { filter:alpha(opacity=0); }*/

#bgsketch_speck, #bgsketch_speck a { color: white; }
#bgsketch_speck { position: absolute; right: 5px; top: 32px; }

#col2 li { padding-bottom: 5px; line-height: 1.2em; }
.kw_principals .article_display_image { border: none; }

