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

body  {
	background-color: #FFFFFF;
	font: 0.9em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background:url('../image/bgd_pattern.gif') repeat scroll;
}

/* page container */ 
#pagecontainer { 
	width: 1023px;  
	margin: 30px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
	height:100%;
}

#logo {
	position:absolute;
	left:-60px;
	top:-10px;
	margin-top:-50px;
	margin-left:-50px;
	z-index:5;
}

/* content container */

#headercontainer {
   	margin:0px;
	padding: 0px;
	height:226px;
	width:1023px;
	background-color:#000000;
	position:relative;
}
#bodycontainer {
	padding: 0px;
	overflow:auto;
	margin-bottom: 0px;
	width: 100%;
	background-image:url(../image/content_bgd_strip.gif);
	z-index:0;
	/*border: 1px dashed #666;*/
}
#faux { /* this is a div used to make the background tile over the top of the bodycontainer...makes 2 bgd images */
	padding: 0px;
	overflow:auto;
	margin-bottom: 0px;
	width: 1023px;
	background-image: url(../image/left_col.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index:1;
}
#bottomcontainer {
	clear:both;
	float:left;
	width:759px;
	height:27px;
	background-image: url(../image/btm_border.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding:6px 90px 0 185px;
}



/* menu */ 
#menu { 
	position:absolute;
	top:127px;
	left:376px;
	z-index:6;
} 
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
    }
#menu li{
	display:inline;
    }
#menu a img{
  	margin:0;
	padding:0;
	border:none;
    }
#menurht {
	position:absolute;
	top:127px;
	right:0px;
}
		
/* main content block */
#header { 
	width: 1024px;
	height:127px;
	margin:0;
	z-index:0;
}
#leftblock {
	position:absolute;
	top:127px;
	left:0px;
	z-index:0;
}
#contenttop { 
	position:absolute;
	width: 647px;
	left:376px;
	top:151px;
	z-index:0;
}
#leftcol {
	float:left;
	width: 254px;
	margin-left:1px;
	display: inline;
	background-image: url(../image/top_left_content_spacer.gif);
	background-repeat: no-repeat;
	background-position: right top;
	
}
#address {	
	margin-right:61px;
	z-index:0;
}
#maillist {
	left:0px;
	margin-top:30px;
	/*border: 1px dashed #666;*/
}

/* graphics */ 

#maincontent { 
	display: inline;
	position: relative;
	float:left;
	width: 768px;
	height:auto;
	margin:0px;
	background-image: url(../image/rht_col.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	/*border: 1px dashed #666;*/
}
#contenttext {
	margin: 10px 190px 25px 0px;
}     
	

#specialbox {
	padding:10px 35px 10px 20px;
	width:400px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #f0f8fc;
    	border: 1px dashed #666;
}


/* font stuff */	
h1, h2, h3, h4, h5 {color:#812124;font-family:Georgia, "Times New Roman", Times, serif;}	
p {line-height: 175%; font: 0.9em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #666;}	
.bold{font-weight: bold;}
.italic {font-style:italic;}	
.smalltext {font: 0.7em Georgia, "Times New Roman", Times, sans-serif; color:#FFCC00;}	 
a:active, a:link, a:visited{text-decoration: underline; color: #469ad6;}
a:hover{ color: #CC3300; }
#maincontent ul { list-style:disc;}
#maincontent ul li{font: 0.9em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 140%; color:#666;}
#address p{
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	color:#FFCC00;
	line-height: 2em;
	text-align:center;
}
#maillist p{
	font: 0.7em Georgia, "Times New Roman", Times, sans-serif;
	color:#FFCC00;
	text-align:left;
	margin-left:10px;
}	
#specialbox p{
	font: 0.9em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	text-align:left;
	margin:0 38px 0 38px;}	
.blockquote {
	font: 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color:#666;
	padding:10px;
	padding-top:0px;
	text-align:left;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color: #f0f8fc;
    border: 1px dashed #666;	
}
.email {
	background-color: #fff;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #433803;
	width: 135px;
	height:17px;
	margin: 0 0 0 8px;
	padding: 1px;
	vertical-align:top;
	border: 1px solid #635939;
}

.submit {
	margin:0px;
} 

/* borders for images */
.imgborder {
	padding:6px;
	border:none;
}
.indeximgborder {
	border: 1px solid #666;
	margin: 5px 10px 5px -35px;
	vertical-align:middle;
}
.folioimgborder {
	border: 1px solid #666;
	margin: 0px 0px 10px 0px;
	vertical-align:top;
}
.imgnoborder {
    border:0;
}

/* bits n pieces */	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clr { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
 	font-size: 1px;
  	line-height: 0px;
}
#sizetable {
	width: 550px;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}


th {
	font: bold 0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 8px 8px 8px 14px;
	background: #CAE8EA;
}

th.nobg {
	border-top:none;
	border-left:none;
	border-right: 1px solid #C1DAD7;
	background: none;
}
th.right {
	text-align:right;
}
td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align:center;
	font-size:0.9em;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}