/* --------------------- */
/* STYLES FOR THE SCREEN */
/* --------------------- */

/* -------------- */
/* general layout */
/* -------------- */
html {
    background: #939393 url('../img/page_bg.jpg') repeat-x;
    background-attachment: fixed;
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;	
}

#header {
	width: 100%;
	position: absolute;
	left: 4px;
	top: 6px;
	height: 65px;
}

#nav {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 204px;
}

#content {
	position: absolute;
	left: 205px;
	top: 70px;
	width: 540px;
	padding-left: 6px; /* makes space between left nav and text */
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: #000000;
}

a {color: #ff6600;}

a.prevNextLink {text-decoration: none;}
a.prevNextLink:hover {color:#000000;}

.errorText {color: #ff0000;}

/* ---------------- */
/* left nav content */
/* ---------------- */
.leftNavHeading {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding: 5px 0px 5px 8px;
	margin: 5px 0 5px 0;
	display: block;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
		border-right: 1px #999999 solid;
}

.leftNavBtn {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	padding: 5px 0px 5px 8px;
	display: block;
}

.leftNavBtn:hover {
	color: #FF6600;
	background: #ededed;
	text-decoration: none;
}

.leftNavTextLink {
	display: block;
	margin: 2px 0 2px 8px;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.leftNavTextLink:hover {
	text-decoration: underline;
}

.divider {
	height: 1px;
	font-size: 1px;
	line-height: 0;
	width: 100%;
	background-color: #C0C0C0;
	color: #C0C0C1;
	margin: 5px 0px;
}

#searchForm {
    margin: 0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
}

#searchBox {
    width: 183px;
    padding: 2px 2px;
    margin: 2px 0px 0px 8px;
    border: 1px #cecece solid;
    font-family: verdana, arial, sans-serif;
    font-size: 8pt;
    color: #666666;
}

/* a product of bssp button */
#bssp a {
	display: block;
	overflow: hidden;
	width: 124px;
	height: 22px;
	margin: 1px 0px 0px 8px;
	text-indent: -1000px;
	background: url("../img/nav_btn_prod_of_bssp.gif");
	background-repeat: no-repeat;
}

#bssp a:hover {
	background-position: 0px -22px;
}

/* styles for rollover tooltip */
#dhtmltooltip { /* styles for the popups */
	position: absolute;
	left: -300px;
	width: 150px;
	padding: 5px;
	visibility: hidden;
	border: 1px solid #A3AFC2;
	background-color: #F2F8FA;
	opacity: .9;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #000000;
	z-index: 100;
	-moz-border-radius: 5px;
	/* Remove below line to remove IE-only shadow */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	opacity: .9;
}

/* -------------- */
/* article styles */
/* -------------- */
.titleBar {
    clear: both;
    width: 529px;
    border: 1px solid #999999;
    padding: 3px 5px 3px 5px; /* inside the box */
    margin: 5px 0px 10px 0px; /* outside the box */
    background-color: #FBF9F8;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}

.titleBar .title h1 {
    float: left;
    width: 55%;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
	color: #000000;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.titleBar .date {
    text-align: right;
    float: left;
    width: 45%;
	font-family: verdana, arial, sans-serif;
	font-size: 7pt;
    color: #000000;
	font-weight: normal;
}

.date img {
    vertical-align: middle;
}

.article {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.articleImageleft { /* for images on the left */
	float: left;
	margin: 0px 10px 10px 0px;
}

.articleImageright { /* for images on the right */
	float: right;
	margin: 0px 0px 10px 10px;
}

.articleExtras {
    clear: both;
    margin-top: 10px;
    margin-bottom: 8px;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.articleExtras a {
    color: #ff6600;
    text-decoration: none;
}

.articleExtras a:hover {
    text-decoration: underline;
}

.commentBlock {
    width: 529px;
    padding: 2px 4px 2px 4px;
    margin: 0px 0px 15px 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.commentBlock .commentSubject {
    color: #ff6600;
    font-weight: bold;
}

.commentSubmitSuccess {
    color: #ff6600;
    font-weight: bold;
}

.smallText {
	font-size: 8pt;
}

/* ----------- */
/* misc styles */
/* ----------- */
.bold {
	font-weight: bold;
}

#linksBox { /* for the bottom links to other sites */
    width:529px;
    background-color:#FAF9F8;
    border: 1px #C0C0C0 solid;
    padding:5px;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
    color: #000000;
    margin: 20px 0px;
}

#links_heading {
    width: 60px;
    float: left;
}

#links_col1, #links_col2, #links_col3 {
    width: 155px;
    float: left;
}

#linksBox a {
    color: #ff6600;
    text-decoration: none;
}

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

.row {
	clear: both;
	padding-top: 0px;
	width: 300px;
}

.row .label {
	float: left;
	width: 80px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	padding: 6px 0 0 0; /* put a little padding on top to look a little better vertically aligned with the fields */
  }

.row .form {
	float: right;
	width: 150px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.formwide {
	float: right;
	width: 200px;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
}

.textarea { /* this class assigned to both text boxes and textareas */
	border: 1px solid #beafa9;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	margin: 2px 0 2px 0; /* spacing outside the box */
	padding: 2px 2px 2px 2px; /* spacing inside the box */
}

.textarea:focus {
	background-color: #e5e5e5;
}

select { /* this class assigned to pulldowns */
	border: 1px solid #beafa9;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #000000;
	margin: 2px 0 2px 0; /* spacing outside the box */
}

select:focus {
	background-color: #f0ebe9;	
}

.standardArticleInput {
	width: 300px;
}

#spacer-div {
	height: 15px;
}