/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/**************** Page and tag styles ****************/

/*body
{margin:0; padding:0; color:#000000; background:#fafafa; font:76% Verdana,Tahoma,sans-serif;}*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 16px;
	vertical-align: baseline;
	background: transparent;
}

body {
/*	background-color: #F49A18;*/
   background-color: #fafafa;
	font-family: arial;
	font-size: 16px;
	color: #352002;

}
ul
{ margin:15px 0 20px 0; font-size:16px;}

li
{margin:0 0 8px 25px;}




a
{color:#b31919; text-decoration:none;}

a:hover
{color:#d85d5d; text-decoration:underline;} 

/*img 
{margin:0 0 0 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}*/

/*a img
{background:#cedae1; border-color:#cedae1;}*/

a img:hover 
{background:#f0f0f0; border-color:#f0f0f0} 


/**************** Special ways to deal with Snowy *********/
/*#snowy img {
float:right; 
margin:0 0 0 0; 
padding:1px; 
background:#ffffff; 
border:1px solid #d0d0d0;
}*/

#snowy{
margin:0 0 0 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;
}



/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:150px; height:100%; overflow:auto; 
   background:#cedae1 url(img/sidebarBg.gif) top right repeat-y; text-align:right;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:5px 10px 0 5px; color:#d85d5d; font-size:22px; letter-spacing:-2px; text-align:right;}

#sidebar h2
{margin:0 5px 10px 5px; color:#808080; font-size:12px; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:5px 10px 4px 5px; color:#606060; font-size:12px;}

#sidebar  p
{margin:0 5px 10px 5px; color:#acccde; font-size:22px;}

#sidebar a
{color:#acccde}


/**************** Navigation menu styles ****************/

#menu a
{display:block; width:132px; padding:10px 18px 5px 0; color:#606060; 
   background:#cedae1 url(img/sidebarBg.gif) top right repeat-y; 
   font-size:20px; font-weight:normal; text-decoration:none; letter-spacing:-1px;}

#menu a:hover 
{color:#606060; background:#f0f0f0 url(img/hoverBg.gif) top right repeat-y}

#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0}

#menu a.active:hover
{color:#606060; background:#fafafa;}

/*#menu a.img
{background:#cedae1}*/


/**************** Small Navigation menu styles ****************/

#small a
{display:block; width:132px; padding:5px 18px 5px 0; color:#606060; background:#d8e9f9 url(img/stillBg.gif); font-size:16px; font-weight:normal; text-decoration:none;}

#small a:hover
{color:#606060; background:#ecf6ff url(img/hoverBg.gif);}

#small a.active
{padding:5px 18px 5px 0; background:#ecf6ff url(img/hoverBg.gif); border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0}

#small a.active:hover
{color:#606060; background:#fafafa url(img/hoverBg.gif);}


/**************** Small Navigation menu styles ****************/

#tiny a
{display:block; width:132px; padding:5px 18px 5px 0; color:#606060; 
   background:#99c9ff ; font-size:12px; font-weight:normal; text-decoration:none;}

#tiny a:hover
{color:#606060; background:#beddff;}

#tiny a.tactive
{padding:5px 18px 5px 0; background:#beddff}

#tiny a.tactive:hover
{color:#606060; background:#beddff;}




/**************** Content area styles ****************/

#content
{margin:0 0 0 165px; padding:20px 20px 0 0; background:#fafafa; font-size:22px;}

#content p
{margin:0 0 20px 0; line-height:22px;}

#content h1
{margin:0; color:#d85d5d; font-size:32px; letter-spacing:-5px; text-align:center;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:26px; letter-spacing:-2px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 24px; letter-spacing:-2px;}

/**************** END Content Area Files *********************/


/**************** Maine content area styles ****************/

#maincontent {
   background-color: #faedc4;
	border-left: 2px solid #d6b067;
	border-bottom: 1px solid #d6b067;
	border-right: 1px solid #d6b067;
	background-image: url("img/content_top_bg.jpg");
	background-repeat: repeat-x;
	padding: 10px 14px 0px 14px;
	margin: 20px 0px 0px 165px;
    width: 731px;
    min-height: 888px;
    font-size:14px;
    }
    
#maincontent h1 {
	font-size: 24px;
	clear: both;
	margin: 0px 0px 18px 0px;
	padding: 18px 0px 0px 0px;
}

#maincontent h2 {
	font-size: 18px;
	border-bottom: 1px dotted #c49647;
	margin-bottom: 13px;
	padding-bottom: 4px;
}

#maincontent h2 a {
	color: #352002;
	border: none;
}

#maincontent h2 a:hover {
	color: #d30404;
	border: none;
}

#maincontent a {
	color: #d30404;
	font-size:12px;
	text-decoration: none;
	border-bottom: 1px dashed #d30404;
}

#maincontent a:hover {
	border-bottom: 1px solid #d30404;

}

#maincontent a.noBorder{
	border: none;
}
#maincontent a:hover.noBorder{
	border: none;
}

#maincontent p {
	margin: 0px 0px 16px 0px;
	line-height: 1.25;
	font-size: 12px;
}

#maincontent label{
	display: block;
	font-weight: bold;
	font-size: 12px;
}

#maincontent li {
   font-size: 13px;
}
/**************** END Content Area Files *********************/



/***** START Staff Pages Styles *****/

div.staffBox{
	font-size: 14px;
	float: left;
	width: 146px;
	height: 250px;
}

.name {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.staffBox .title {
	font-size: 12px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	width: 130px;
}

/***** END Staff Pages Styles *****/



/*** START Golden frames ****/

.goldenborder {
	border: 3px solid #f9d26d;
}

.tanborder {
	border: 3px solid #f0d9a7;
}

A img.goldenborder:hover, A img.tanborder:hover{
	border: 3px solid #F39A18;
}
.goldenborder_hover:hover {
	border: 3px solid #F39A18;
}

.thinner_goldenborder {border: 1px solid #f9d26d;}
.thinner_goldenborder:hover {border: 1px solid #F39A18;}

/***** END Golden frames ****/




/**** START Form fields ****/

.clear {clear:both;} 

.required {
	color: #FF0000;
}

.tallbox { 
	float: left;
	width: 178px;
	margin-right: 15px;
	margin-bottom: 28px;
	}


#Products_Of_Interest {
	width: 426px;
	min-height: 210px;
	height: 210px;
}

#Products_Of_Interest option.optbg {
	background-color: #F9E3A8;
}


#Products_Of_Interest option:hover {
	background-color: #F49A18;
}


.smaller {
	font-size: 14px;
	font-weight: 100;
	}
    
#contact {
	margin: 0px;
	padding: 0px;
    font-size:16pt;
	}

/*#contact fieldset.hidden_fieldset {
	border-top: none;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
	}
*/

#contact label.preField {
	display: block;
	margin: 0.6em 4px 0px 0;
	padding: 0 2px;
	min-width: 9em;
	background-color: transparent;
	}

#contact form .label  {
	display: block;
	margin: 0.6em 4px 0px 0;
	padding: 2px;
	}

#contact label#Products_Of_Interest {
	font-weight: 100;
	font-size: 10px;
	}

#contact form .inlineSection .oneField .inlineLabel {
	display: block;
	margin: 0.6em 4px 0px 0;
	padding: 0 0px 10px 0px;
	min-width: 16em;
	background-color: transparent;
	white-space: normal;
	font-size: 11px;
	text-transform: uppercase;
	}

label.inlineLabel {
	width: 183px;
	display: block;
	float: left;
	clear: left;
	font-weight: 100;
	}

form .inlineSection .oneField input {
	width: 247px;
	}

.oneField input {
	margin-bottom: 10px;
	}

#contact #check_here {
	width: auto;
	margin-right: 5px;
	vertical-align: top;
	}

#contact .checklabel {
	vertical-align: text-bottom;
	}

#contact legend {
	position: absolute;
	top: -.5em;
	left: .2em;
}

#contact #submit {
	border: 1px solid #feb810;
	background-color: #FFFFFF;
	color: #0a3f6b;
	text-transform: uppercase;
	font-size: 10px;
	padding: 3px 5px 3px 5px;
	}

#contact .oneField input.checkbox{
	background: transparent;
	border: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
}


/***** END Contact Pages Styles *****/

