@import url(nav.css);

body {
	background-color: #282828;
	background-image: url(images/background.gif);
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 16px;
}
* {
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	width: 760px;
}

#header {
	width: 760px;
	height: 100px;
	background: #ad0808 url(images/header_bg.gif) no-repeat right top;
	text-indent: -3000px;
}

#logo a {
	height: 100px;
	width: 184px;
	display: block;
	background: #ad0808 url(images/logo_top.gif) no-repeat;
	font-size: 1px;
	text-decoration: none;
}

#h_right {
	float: right;
	width: 324px;
	font-size: 1px;
	margin: 0 20px 0 0;
}

#made_in {
	width: 92px;
	height: 7px;
	background: transparent url(images/madeusa.gif) no-repeat;
	margin: 11px 0 45px 227px;
}

#phone_fax {
	width: 324px;
	height: 14px;
	background: transparent url(images/phone_fax.gif) no-repeat;
}

#logo_mid {
	float: left;
	height: 29px;
	width: 184px;
	background: url(images/logo_mid.gif) no-repeat;
}
#logo_mid a {
	display: block;
	height: 29px;
	width: 184px;
	text-decoration: none;
}
#logo_bot {
	float: left;
	height: 28px;
	width: 184px;
	background: url(images/logo_bot_inside.gif) no-repeat;
}
body.index #logo_bot {
	background: url(images/logo_bot_home.gif) no-repeat;
}
#nav_bot {
	float: right;
	width: 576px;
	height: 28px;
	background: url(images/nav_lower_inside.gif) no-repeat;
}
body.index #nav_bot {
	background: url(images/nav_lower_home.gif) no-repeat;
}

/* CONTENT */

#content_bg {
	clear: both;
	margin: 0 auto;
	background: url(images/content_bg.gif) repeat-y center top;
	width: 740px;
	height: 100%;
}

#content {
	clear: both;
	background: url(images/content_top.gif) no-repeat center top;
	height: 35px;
	width: 740px;
}

#content_home {
	clear: both;
	background: url(images/content_main_top.gif) no-repeat center top;
	height: 10px;
	width: 740px;
}

#main {
	width: 466px;
	background: url(images/main_bg_line.gif) no-repeat left bottom;
	padding: 0 0 15px 40px;
	min-height: 450px;
}
	/* hide from IE Mac. Only IE-win sees this.  \*/
	* html #main { height: 450px; }
	/* end hide */
#main a:link, #main a:visited, #main a:active {
	color: #647892;
	font-weight: bold;
}
#main a:hover {
	text-decoration: none;
}
#main_lower {
	width: 740px;
	background: url(images/main_bg_line.gif) no-repeat left bottom;
	height: 200px;
}

#photos {
	width: 440px;
	height: 193px;
	background: url(images/photos_bg.gif) no-repeat;
	margin: 0 0 -60px -30px;
	padding: 15px 15px 15px 25px;
}

#photos img {
	padding: 0 15px 0 0;
}

h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 0 3px 0;
}
h3 {
	color: #000;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
}
h5 {
	color: #666;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0 0 2em 0;
}
li.pdf {
	list-style: none;
	background: url(images/pdf.gif) no-repeat 0 0;
	height: 24px;
	padding: 0 0 0 30px;
	margin: 0 0 5px 0;
	text-indent: 0;
}
li.gif {
	list-style: none;
	background: url(images/gif.gif) no-repeat 3px 0;
	height: 24px;
	padding: 0 0 0 30px;
	margin: 0 0 5px 0;
	text-indent: 0;
}
.error {
	font-weight: bold;
	color: #990000;
}

.complete {
	font-weight: bold;
	color: #336600;
}
blockquote {
	margin: 1em 0 0 2em;
}
/* SIDEBAR */

#sidebar {
	float: right;
	background: url(images/sidebar_bg.gif) no-repeat right top;
	width: 160px;
	padding: 0 20px 0 20px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	min-height: 350px;
}

#sidebar a {
	color: #647892;
}

#sidebar a.selected {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(images/sidebar_arrow.gif) no-repeat left center;
	padding: 0 0 0 16px;
	color: #647892;
}

#sidebar h1 {
	color: #647892;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
}

#diagram {
	width: 740px;
	background: url(images/foot_diagram.gif) no-repeat bottom right;
}

#main ul {
	margin: 0 0 1em 2em;
}

/* MAIN HOMEPAGE */

#main_home {
	clear: both;
	width: 760px;
	background: url(images/main_bg.gif) repeat-y;
	height: 390px;
}

#main_grad {
	width: 429px;
	background: url(images/main_drawing.jpg) no-repeat left top;
	height: 303px;
	margin: -20px 0 0 0;
}

#main_foot {
	width: 760px;
	height: 13px;
	background: url(images/main_footer.gif) no-repeat;
}

#main_content {
	width: 226px;
	margin: 0 0 0 0px;
	padding: 10px 48px 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 17px;
	float: right;
}
#main_content h2 {
	font: bold 15px Arial, Helvetica, sans-serif; 
}
p {
	margin: 0 0 1em 0;
}
#triple {
	width: 740px;
	color: #647892;
}
#triple h3 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 2em 0;
}
#triple h3 a {
	color: #647892;
}
#news1 {
	float: left;
	width: 200px;
	padding: 30px 40px 0 30px;
}

#news3 {
	float: right;
	width: 200px;
	height: 170px;
	padding: 30px 30px 0 37px;
	background: url(images/main_lower_bg.gif) no-repeat right top;
}

#news2 { 
	float: left;
	width: 27%;
	padding: 30px 0 0 0;
}

/* FOOTER */

#footer {
	margin: 0 0 0 10px;
	width: 528px;
	height: 59px;
	background: url(images/footer_bg.gif) no-repeat;
	text-indent: -3000px;
	clear: both;
	float: left;
}
* html #footer {
	margin: 0 0 0 5px;
}

#footer_home {
	margin: 0 auto;
	width: 740px;
	height: 40px;
	background: url(images/footer_bg.gif) no-repeat bottom;
	text-indent: -3000px;
	clear: both;
}
#footer_diag {
	margin: 0 10px 0 0;
	float: right;
	background: url(images/foot_diag.gif) no-repeat;
	height: 59px;
	width: 212px;
	clear: right;
}

#right {
	float: right;
}
#desc_lt, #feat_lt {
	width: 300px;
}
#sec1, #sec2, #sec3, #sec4, #sec5, #sec6,
#sec7, #sec8, #sec9, #sec10, #sec11, #sec12 {
    display:none; 
    z-index: 100; 
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    width: 130px;
    border: 1px solid #c3d5ed;
    padding: 2px 3px;
    color: #647892;
    line-height: 14px;
}