/*
Title:     	JAW styles
Author:     Jaana Gilbert, webmaster@jaanatwork.com
Copyright:	Southern Comfort Web Development
Updated:    7/24/2007
*/
/* ---------------------- layout ----------------------------- */
* { margin: 0; padding: 0; }
img { border: 0; }
body { text-align: center; /* HACK: for centering IE  */  background: #fff url(../graphics/bg.jpg) repeat-x top center;
	color: #336699; }
#header { height: 247px; width: 100%; background: url(../graphics/top_header.jpg) no-repeat right; }
#logosection {
	height: 140px;
	width: 800px;
	padding-top: 50px;
	text-align: center;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(../graphics/header_text.jpg) no-repeat bottom left;
}
#outerwrap { width: 100%; height: 550px; background: url(../graphics/content_bg2.jpg) no-repeat right; }
#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 0;
}
#topnav {
	height: 30px;
	width: 800px;
	padding-top: 39px;
	text-align: center;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#navlinks {
	font-family: Tahoma;
	font-size: 16px;
	text-transform: uppercase;
	text-align: justify;
	color: #fff;
}
#navlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 8px;
}
#navlinks li.off {
	display: inline;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #e6e6e6;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
#navlinks li.on {
	display: inline;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #d2e5fc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
ul#navlinks { list-style: none; display: block; }
#navlinks a{ color: #949494; text-decoration: none; }
#navlinks a:focus, a.hover{ color: #000; text-decoration: none; }
#content {
	float: left;
	width: 800px;
	padding: 0 12px 0 0;
	position: relative;
	overflow: hidden;
	text-align: justify;
}
p.intro a.content, p.intro a:link.content { color: rgb(118,134,200); text-decoration: none; border-bottom: 1px dashed; }
#content a:visited { color: rgb(118,134,200); }	
#content a:focus, a:hover { color: rgb(31,31,79); }
#content a:active { color: rgb(31,31,79); }
/* Left Side Bar */
#sidebar	{
	float: right;
	width: 206px;
	padding: 0 12px 12px 12px;
	position: relative;
}
/* ---------------------- home ----------------------------- */
.home #content { float: none; width: 100%; }
span.title {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.25em;
	margin:0;
	width: 391px; /* 234 */
	height: 91px;
	position: absolute;
	z-index: 100;
	letter-spacing : normal; text-indent : -999em; overflow : hidden;
}
#crumbs {
	position: absolute;
	top: 5px;
	left: 0;
	margin:0;
	padding: 0 0 0 8px;
	z-index: 200;
	font-size: .84em;
	text-align: left;
}
#crumbs a	{ margin: 0 .3em; }
/* ---------------------- sidebar ----------------------------- */
/* ---------------------- content ----------------------------- */
#content p { margin: 0 0 1.5em 0; }
#content p.intro { font-size: 1.25em; color: #336699; line-height: 1.6em; }
#content a.more {
	font-size: .92em;
	padding-left: 5px;
	background: url("../img/btn_more.png") no-repeat 0 2px;
}
#content .news_img_small, .news_img_small {
	border: 1px solid #dddddd;
	clear: none;
	text-align:left;
	float: right;
	padding: 4px;
	overflow:hidden;
} 
/* headings */
h2 { color: #6681DE; font-family: "Century Gothic"; font-size: 1.9em;  margin:.75em 0 1.5em 0; }
h3 {  font-weight: bold; font-size: 1em; margin-bottom: 0.5em; }
h3 a { background: url("../img/btn_more.png") no-repeat 100% 60%; padding-right: 15px; }
h3 a:link { color: #5170BE; }
h3 a:visited 			{ color: rgb(118,134,200); }	
h3 a:focus, h3 a:hover 	{ color: rgb(31,31,79); }
h3 a:active 			{ color: rgb(31,31,79); }
h4 {
	font-size: 1em;
	color: #333;
	font-weight: bold;
	margin: 1em 0 .5em 0;
}
h3 img, h4 img, #content ol li img, #content ul li img, .inline, #content img.inline {
	display: inline;
	border:none;
	padding:0;
}
/* lists */
#content ul { margin: 0 0 1.5em 0; padding: 0; }
#content ul li { margin: 0 0 0 30px; padding: 0; }
#content ul li ul li { margin: 0 0 0.5em 60px; padding: 0; }
ol {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
	padding: 0;
}
ol li { font-size: 1.0em; margin: 0 0 .5em 30px; padding: 0; }
/* definition list - inline */	
dl.inline { margin: 0 0 1em 0; float: none; }
dl.inline dt {
	display:block;
	margin:0;
	padding:0;
	float:left;
}
/* quotes */
/* figurative images */
#content h3 {
	font-size: 1.5em;
	color: #5170BE;
	padding-bottom: 15px;
}
/* ---------------------- footer ----------------------------- */
#footer	{
	width: 800px;
	height: 80px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 0;
	font-size: .92em;
	background-color: #e6e6e6;
	background: url(../graphics/logo_75.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px dotted #e6e6e6;
}
#footer ul	{ margin: 0; padding: 0; }
#footer ul li	{ list-style: none; display: inline; color: #999; }
#footer ul li.copyright {
	display: block;
	float: left;
	width: 300px;
	text-align: left;
	vertical-align: bottom;
}
/* ---------------------- misc ----------------------------- */
.clearfix:after, .product:after, .summary:after, .dept:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix, .product, .summary, .dept {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix, * html .product, * html .summary, * html .dept {height: 1%;}
.clearfix, .product, .summary, .dept {display: block;}
/* End hide from IE-mac */
.floatclear {
	clear: both;
	line-height: 0px;
	font-size: 0;
	width:100%;
	height:2px;
	margin:0;
	padding:0;
}
.float-r { float: right; }
.float-l { float: left; }
.hide {
	position: absolute;
	left: -999px;
	width: 990px;
}
/* ---[ Malarkey Image Replacement (MIR) ]---- */
.mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* ---------------------- tables and forms ----------------------------- */
#content table { width:100%; margin:0 0 1.5em 0; border-collapse:collapse; line-height:150%; }
th { border:1px solid #fff; background:#ddd; padding:5px; }
td { background:#F0F0F0; border:1px solid #fff; padding:5px; vertical-align:top; }
label span{ color:#13689d; font-size:110%; font-weight:bold; }
/**/
td.first{width:40%;}
html { font-size: 100%; /* IE trick to allow proper resizing of text */ }
body { font: 0.75em/1.5em "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif; /* 1em is now 12px at 96ppi. */}
/* default heading sizes */	
h1 { font-size: 2em; color: #95c3f6; font-family: "Century Gothic"; }
h2		{ font-size: 1.7em; }
h3 		{ font-size: 1.45em;  }
h4		{ font-size: 1.1em;  }
h5,h6	{ font-size: .84em;  }
table, form, select, input, textarea { 
	font-family: "Lucida Grande", Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 100%; /* ie hack so these elements correctly inherit the default text size */ 
	}
/* default link formatting */			
a, a:link 			{ color: rgb(118,134,200); text-decoration: underline; }
a:visited 			{ color: rgb(118,134,200); }	
a:focus, a:hover 	{ color: rgb(31,31,79); }
a:active 			{ color: rgb(31,31,79); }
td.left_column { background-color:#fff; width:65%; text-align:left; }

td.right_column { background-color:transparent;  width:35%;	text-align:left; border:0; }