﻿/* Neutralize styling*/
/*Elements we want to clean out entirely: */
html, body, form, fieldset { margin: 0;	padding: 0;	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}
/*   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address {margin: 12px 0;	padding: 0;}
/* Apply left margin:  Only to the few elements that need it: */
li, dd, blockquote {margin-left: 12px;}
/* Miscellaneous conveniences: */
form label {cursor: pointer;}
fieldset {border: none;}
/* Form field text-scaling */
input, select, textarea {font-size: 12px;}
.clearfix {	DISPLAY: block;	POSITION: relative}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Typography Defaults */
h1, h2, h3, h4, h5, h6 { font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;}
h1 {color: rgb(255,204,0);font-size: 26px;}
h2 {color: rgb(44,44,44);font-size: 20px;}
h3 {color: rgb(204,51,0);font-size: 16px;}
h4 {color: rgb(255,255,153);font-size: 14px;}
h5 {color: rgb(255,255,0);font-size: 13px;}
h6 {color: rgb(255,255,255);font-size: 12px;}
p {font-size: 12px;}

/* Typo classes */
.Elegant, .elegant {margin-top: 6px;margin-bottom: 10px;font-size: 13px;line-height:16px;color: #000;}
.errorpara {font-size: 13px;font-style:italic;}
.AccentLetter {font-size: 18px;}

/* Generic Tables Styles are grouped here */
table {border-collapse:collapse;border-spacing: 2px 5px;empty-cells:show;}
table caption {color:black;background-color: #CCCCCC;}
table th {text-align:center;}
table tfoot {color:black;background-color: #CCCCCC;}

/* Layout rules */
body {background: white; margin: 0;	padding: 0;	width: 100%;font-size: 12px;line-height: normal; }
.clear {clear:both;}
.center_content{margin-left:auto;margin-right:auto;text-align:center;}

#wrap{ padding: 0; margin:0;background: #efe6ce;border-top: #597791 4px solid;color: white;width: 100%;min-width: 960px;}

#header {position:relative;float: left;background: black;height: 120px;width: 100%;min-width:960px;}

#brand {position:absolute; top:10px; left:15px; height: 100px;width: 200px;text-align: left; vertical-align:middle;}
#brand h1 {font-weight: bold;font-size: 22px;padding: 0;margin: 0;}
#brand h1 a {color: black;}
#brand h1 span {position: absolute;background: url('../images/layout.png') no-repeat left top;height: 100px;width: 177px;}

#banner {position:absolute;left:200px;top:0px; width:600px;height:120px;margin:0;padding:0;text-align:left;}

/* NavBar */
#navbar {float:left;width: 100%;height: 27px;min-width: 960px;/*background-color: #094747;#336868;*/background-image: url('../images/bks/MenuBlue1px.jpg');background-repeat: repeat-x;}
#m_menu {float:left;width:600px;height: 27px;padding-top:1px;}
#l_menu {float:right;width:150px;height: 27px;padding-top:1px;}
#l_menu #logout {float:right;width:80px;margin-top:5px;height:27px; vertical-align:middle}
#l_menu #logout a {font-size:11px;color:White; line-height:15px;}

#innerwrap {float:left;width: 100%;min-width: 1024px;background-color:White;color:Black;}

#loc_ations {float:left;width: 100%;min-width: 960px;height:26px;background-image:url('../images/layout.png');background-repeat: repeat-x;background-position:0px -105px;}

/* breadcrumb style */
#breadcrumbs {background-color:transparent;position:relative;width:50%;display:inline-block;float:left;height:22px;padding:2px 0px 2px 0px;	margin-left:10px;font-style:italic;	font-family:Arial, Helvetica, sans-serif;}
#breadcrumbs p, #breadcrumbs ul, #breadcrumbs ul li, #breadcrumbs ul li a  {display:inline;float:left;	width:auto;	margin:0 3px 0 0;padding:0;}
#breadcrumbs p,  #breadcrumbs * a {font-size:11px;font-style:italic;text-align: left;}
#breadcrumbs ul {list-style: none inside;height:22px;padding:0;margin:0;}
#breadcrumbs ul li {height:12px;padding:4px 0px 6px 18px; vertical-align:middle;background:url('../images/layout.png') no-repeat 0px -136px;color:Black;font-size:11px;font-style:italic;	font-family:Arial, Helvetica, sans-serif;text-align: left;}
#breadcrumbs ul li.breadcrumbfirst {padding-left:0px;background: transparent none; color:Black;font-size:11px;text-align: left;}
/* actions */
#actions {position:relative;width:40%;display:inline-block;float:right;height:100%;padding:4px 0px 0px 0px;margin:0px;text-align:right;}
#actions p, #actions a {font-size:12px;font-style:italic;font-family:Arial, Helvetica, sans-serif;text-align: left;}

/* content */
#content {float:left;width: 100%;min-width: 960px;}

/* Single Column */
#scol {float:left;margin:5px 15px 5px 15px}

/* Left Main Columns */
#lmwrap { float:none;width:100%;min-height:400px;margin-left:auto;margin-right:auto;text-align:left;height:auto}
#lmwrap #leftcol {float:left;width: 246px; margin: 12px 0px 5px 0px;}
#lmwrap #maincol {float:left;min-width:500px;margin:10px 0px 0px 5px;}

/* Main Right Columns */
#mrwrap { float:none;width:100%;min-height:400px;margin-left:auto;margin-right:auto;text-align:left;height:auto}
#mrwrap #maincol {float:left;width:512px;margin:5px}
#mrwrap #rightcol {float:left;margin:5px;width:246px;}

/* Three columns */
#tcwrap {position:relative;float:left;width:100%;margin: 0px 3px;}
#tcwrap #mainwrap {padding-left:255px;padding-right:320px;margin-top:10px;min-height:400px;}
#tcwrap #leftcol {position:absolute; width: 246px; top:12px;left:0;margin:0; }
#tcwrap #rightcol{position:absolute; width:310px; top:12px;right:5px;margin:0;}

/*footer */
#footer {float:left;margin:0;padding:0px;height: 150px;width: 100%;min-width:960px;background:url('../images/bks/footer.png') repeat-x;}
#footer p {font-size:11px;height:24px;margin:0;padding-top:8px;}

#leftcol h4 {border-top: #e0d0b1 1px solid;	font-weight: normal;font-size: 100%;background: url('../images/text/hr-bg-tan.gif') no-repeat 50% 100%;	padding-top: 7px;padding-right: 5px;padding-bottom: 18px;padding-left: 0px;	margin: 10px 0px 0px;text-transform: uppercase;color: #000;	letter-spacing: 1px;text-align: center}
#leftcol .topic, #rightcol .topic, .col_left .topic, .col_right .topic {position: relative;display:block;float:left;margin:5px 5px 10px 5px;border:#8da5bd 1px solid;padding:0px;color:Black;text-align:left;}
#leftcol .topic, .col_left .topic, .col_right .topic {width:236px;}
#rightcol.topic {width:300px}
#leftcol .topic h3, #rightcol .topic h3, .col_left .topic h3, .col_right .topic h3  {position:relative;margin:0 0 5px 0;padding:2px 0 0 10px;height:20px;background:url('../images/layout.png') no-repeat 0px -202px;color:#2222AA;border:single 1px #fffb60;}
#leftcol .topic h3,  .col_left .topic h3, .col_right .topic h3 {width:226px}
#rightcol .topic h3 {width:288px}
/* #leftcol .topic h3, #rightcol .topic h3 {position: relative;margin: 0px;padding:4px 12px 2px 14px;border:0;top:-12px;left: 12px; height:12px;background-color:white} 
#leftcol .topic h3 {width:180px}
#rightcol .topic h3 {width:250px}
*/
#leftcol .topic p, #rightcol .topic p, .col_left .topic p, .col_right .topic p {padding-left:3px;padding-right:3px;margin-top:0;	font-size:11px;}
#leftcol .ctrl_box, #rightcol .ctrl_box {color:Black;float:none;padding:0px 3px 0px 3px;}

maincol h2 {margin: 10px 0 15px 0;padding: 0;font-weight:normal; color:#902;}            
/*#maincol h2 {margin: 10px 0 15px 0;	padding: 0;font-weight: normal;	color: #902;}*/

#maincol h3 {margin: 0 0 5px 0;padding: 0;color: #963;}
#maincol h4 {margin: 0 0 5px 0;padding: 0;color: #963;}
/*
#maincol h4 {clear: both;margin: 28px 0 6px 0;padding: 9px 0 20px 0;font-weight: normal;text-transform: uppercase;letter-spacing: 1px;text-align: center;color: #663;border-top: 1px solid #E0D0B1;background: url('../images/text/hr-bg-tan.gif') no-repeat 50% 100%;}
#maincol h4.alt {padding-top: 0;text-align: left;background: none;}
#maincol h4.notes {padding: 0 0 0 22px;background: url('../images/text/icon-notes.gif') no-repeat 0 1px;}
*/
#maincol h5 {margin: 0 0 5px 0;padding: 0;	font-weight: normal;color: #963;}
#maincol code { font-family: Monaco, monospace;color: #963;}
#maincol abbr {border: none;}

#maintopics {float:left;width:70%;min-width:300px;}
#maincol.topic {min-width:290px;color:Black;margin-top:10px}
#maincol.core_topic {min-width:290px;}
#featuretopics {float:right;width:28%;min-width:220px;}
#featuretopics .feature_topic {margin-top:15px;	margin-bottom:20px;border: black 1px solid;PADDING-BOTTOM: 0px;	PADDING-TOP: 0px;POSITION: relative;TOP: 0px} 
#maincol.feature_topic h3 {border-width:0px; BACKGROUND: url(../images/bks/h3bkslimg.png) repeat-x top left; MARGIN: 0px;MARGIN-BOTTOM:10px;PADDING-BOTTOM: 2px;PADDING-LEFT: 12px;PADDING-RIGHT: 14px;PADDING-TOP: 4px;POSITION: absolute; TOP: -12px;left: 14px;HEIGHT: 16px;}
#maincol.feature_topic p {vertical-align: middle;margin: 12px 14px 6px 14px;font-size:12px;}
#maincol.feature_topic p.Elegant, #maincol p.Elegant {padding:0px; MARGIN: 0px 0px 14px;	LINE-HEIGHT: 14px;	font-size:12px;}
#maincol.right_topic p {font-size:11px;} 
#maincol.right_topic p.Elegant {padding:0px; MARGIN: 0px 0px 14px;	LINE-HEIGHT: 14px;	font-size:11px;}