body {padding: 0 0 ;background: #ffffff ;color:#333333;font:80% Arial, Verdana, Tahoma, sans-serif}

a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#660000} 
a:visited {color:#999} 
a:hover,a:active {color:#666666} 

p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3{
	letter-spacing: -1px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	margin: 1.2em 0 0.3em;
	color:#660000;
	border-bottom: 1px solid #eee;
	padding-bottom: 0.1em;
	padding-top: 5px;
}
h1 {font-size: 160%;margin-top:.6em}
h2 {font-size: 140%}
h3 {font-size: 120%}
h4 {font-size: 95%}

ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

img {border:none} 
.hr {
	margin: 1em 0;
	height:1px;
	color:#333333;
	clear:both;
	border-top: 1px dotted #333333;
	border-right: none #333333;
	border-bottom: none #333333;
	border-left: none #333333;
}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

#header {
	margin: 0 0 20px;
	background-color: #660000;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 75px
}

#header #site-name {
	font: bold 220% Arial, Verdana, Tahoma, sans-serif;
	letter-spacing: -.05em;
	margin:0px 0px 20px 15px;
	color:#FFFFFF;
	border:none;
	padding: 5px 0px 0px;
}

#nav, #nav ul {padding: 0;margin: 0;list-style: none}
#nav {font-weight:bold;height:2em;font: bold 86% arial;margin: 0 0px 0 0px}
#nav li {position:relative;background: #999;float: left;width: 10em;display:block; margin: 0; border-bottom: 3px solid #ccc;border-right: 3px solid #660000;padding:0}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#ffffff;display: block;padding: 4px 10px 2px}
#nav a:hover {color:#000}

#nav li ul {border-left: 1px solid #660000;background: #FFB3B3 url("../images/box_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}

#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
#nav li li a:hover {color:#fff;background:#660000}

#nav li.active {background: #660000;border-bottom: 3px solid #660000}
#nav li.active ul {border:none;background: #CBADAD url("../images/box2_bg.gif") no-repeat 100% 100%}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#nav li.active a:hover {color:#CBADAD}

#nav li.active li {border:none;border-top: 1px solid #660000}
#nav li.active li.last {border-bottom: none}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#ffffff}
#nav li.active li a:hover {color:#ffffff}

#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#ffffff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

#nav li {width:auto}

.tablelt {
	border: 2px solid #660000;
	border-collapse:collapse;
	width:100%;
}
.tablelt td {padding:2px;border: 1px solid #333}
.tablelt th {
	text-align:left;
	border: 1px solid #333333;
	background: #FFB3B3;
	color: #660000;
}

#wrap {
min-width:780px;
max-width:1000px;
margin: 0 auto;
position:relative;
}
#content-wrap {position:relative;width:100%}
#utility {
	position:absolute;
	top:0px;
	right:0px;
	width:165px;
	border-top: 5px solid #999;
	padding-bottom: 40px;
	padding-right: 0px;
	float: right;
}
#sidebar {
	position:absolute;
	top:96px;
	right:0px;
	width:20%;
	border-top: 5px solid #999;
	padding-top: 2px;
	padding-bottom: 25px;
}

#content {
	margin: 0 40px;
}

.featurebox {
	color:#ffffff;
	padding: 0px 15px 15px;
	border-top: 1px solid #d7d7d7;
	margin: 0 0 1.5em;
	background: url(../images/box_bg.gif) no-repeat 100% 2px;
	height: 469px;
}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #660000;color:#660000}
.featurebox p {border:none;margin: 0 0 1em;color:#333333}
.featurebox a {font-weight:bold}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:125px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #000}

.thumbnaill {margin: 0 10px 0 0;position:relative;z-index:9999;border: 1px solid #000;float:left;width:125px;padding:5px;background:#fff}

#cool3col #content {margin: 0 220px 0 25%}
#cool3col #utility {left:auto;right:25px}
#cool3col #sidebar {right:auto;left:0px}

#nav-secondary, #nav-secondary ul {position:static}
#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#ffffff}
#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
#nav-secondary a {line-height:1.8;padding: 5px 0 5px 5px;background: #fff ;font: bold 86% arial;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
#nav-secondary a:link {color:#000000} 
#nav-secondary a:visited {color:#000000} 
#nav-secondary a:hover {color:#660000; background:#FFDDDD} 
#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff ;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
#nav-secondary li.active li {border: none;margin:0}

#nav-secondary li.active li.active a:link, 
#nav-secondary li.active li.active a:visited, 
#nav-secondary li.active li.active a:hover, 
#nav-secondary li.active li.active a:active {font-weight:bold}

#footer {
	clear:both;
	border-top: 1px solid #E3E8EE;
	padding: 10px 0 30px;
	font-size:85%;
	color:#999999;
}
#footer p {
	margin:0px;
}
#footer a:link {color:#660000}

/***************************/
/* Lightbox Controls below */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
.redbold {
	color: #FF0000;
}