@charset "UTF-8";
/* CSS Document */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, blockquote, th, td {
margin:0pt;
padding:0pt;

}

body {
background-color: #313131;
background-repeat: no-repeat;
background-image: url("images/newgraybg.jpg"); 
background-position: center center;
background-attachment:fixed;  
}

br {
	margin-bottom: 10px;
}

#container{
width: 900px;
height: 100%;
margin-left: auto;
margin-right: auto;
background-image: url("images/background-whitebar.png");
background-repeat: repeat-y
}

#section{
background-repeat: repeat-x;
background-image: url("images/separator.gif"); 
background-position: bottom center;
padding-bottom: 10px;
margin-left:10px;
margin-bottom:10px;
}

#separator{

}

#leftshadow{
	float: left;
	background-image:url(images/leftshadow.png);
	background-repeat:repeat-y;
	width:18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 57em;
	position:relative;
	left:-18px;
}

#rightshadow{
	float: left;
	background-image:url(images/rightshadow.png);
	background-repeat:repeat-y;
	width:18px;
	height: 57em;
	position:relative;
	left:882px;
}

#leftshadow-pt{
	float: left;
	background-image:url(images/leftshadow.png);
	background-repeat:repeat-y;
	width:18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 74em;
	position:relative;
	left:-18px;
}

#rightshadow-pt{
	float: left;
	background-image:url(images/rightshadow.png);
	background-repeat:repeat-y;
	width:18px;
	height: 74em;
	position:relative;
	left:882px;
}

#leftshadow-rm{
	float: left;
	background-image:url(images/leftshadow.png);
	background-repeat:repeat-y;
	width:18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 67em;
	position:relative;
	left:-18px;
}

#rightshadow-rm{
	float: left;
	background-image:url(images/rightshadow.png);
	background-repeat:repeat-y;
	width:18px;
	height: 67em;
	position:relative;
	left:882px;
}

#pagehead{
height: 144px;
background-repeat: no-repeat;
background-image: url("images/pagehead	.jpg");
}

#horizontalnav{
height: 36px;
padding: 0px 0px 0px 20px;
margin: 0px;
background-repeat: no-repeat;
background-color: #FFFFFF;
}

#leftcolumn{
width:150px;
margin-right:10px;
height: auto;
padding: 10px;
float:left;
background-image: url("images/transwhite25.png");
}

#section ul li{
list-style-type:none;
}

#bodybox{
width: 65%;
padding-left: 10px;
background-image: url("images/pagecontainerbg.png");
background-repeat:no-repeat;
}

#rightcolumn{
float:	right;
padding-left: 20px;
width:30%;
height:100%;
margin-left:10px;
padding-bottom:20px;
background-image: url("images/sidebar-tentacles.png");
background-repeat:no-repeat;
float:right;
}

#footer{
height: 1%;
padding: 2px 0px 2px 20px;
background-image: url("images/transwhite25.png");
}

.copy{
color: #FFFFFF;
line-height: 23px;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
font-size:90%;
}

.bluecopy{
color: #7596bf;
line-height: 22px;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
font-size:90%;
}


.thumbheads{
text-transform: uppercase;
color: #000000;
font-size:100%;
padding-bottom:5px;
font-family: futura, arial, verdana, sans-serif;
}

.thumbnails{
text-transform: uppercase;
color: #000000;
font-size:100%;
padding-bottom:15px;
font-family: futura, arial, verdana, sans-serif;
}

h1 {
color: #FF7900;
font-size:30px;
padding-top: 20px;	
margin-bottom: -5px;
font-variant: small-caps;
font-family: futura, arial, verdana, sans-serif;
}

h2 {
color: #000000;
font-size:110%;
background-repeat:repeat-y;
font-weight: 200;
font-family: futura, arial, verdana, sans-serif;
}

h3 {
text-transform: uppercase;
color: #000000;
font-size:100%;
margin-top: 20px;
font-weight: 200;
font-family: futura, arial, verdana, sans-serif;
}

h4 {
color: #FF7900;
font-size:160%;
padding-top: 20px;
margin-bottom: 0px;
font-variant: small-caps;
font-family: futura, arial, verdana, sans-serif;
}

p.hnav{
color: #FF7900;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
padding: 10px;
margin: 0px 0px 0px 0px;
font-size:90%;
}

a.hnav{
color: #FF7900;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
padding: 10px 5px 10px 5px;
margin: 0px 0px 0px -5px;
text-decoration:none;
}

a.hnavcurrent{
color: #FF7900;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: bold;
padding: 10px 5px 10px 5px;
margin: 0px 0px 0px -5px;
text-decoration:none;
}

a:hover{
background-color: #7596bf;
color:#FFFFFF;
}


#ornament{
float: left;
}

a.email{
color:#FFFFFF;
text-decoration: none;
}

a.linkage{
color:#FF7900;
}

a.linkage:hover{
color:#FFFFFF;
}