﻿/* CSS Document */
body, html {
border-top:10px solid #2c2c1c;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#dedede;
}
#wrapper {
	width:100%;
	position:relative;
	
}
#logo_strip {
	width:100%;
	height:100px;
	background-color:#2c2c2c;
	background-image:url(../images/bg_logo.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top:2px solid #666666;
	border-bottom:2px solid #666666;
}
#logo_strip img {
	margin:21px 0 0 3%;
	border-style:none;
}
.on {
	background-image:url(../images/bg_fade_on.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_fade.gif);
	background-repeat:repeat-x;
	background-color:#FF0000;
	width:100%;
	height:50px;
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
	margin-left:auto;
	margin-right:auto;
	
}
#nav ul {
	width:1000px;
	padding:0;
	margin:0 0 0 3%;
}
#nav ul li {
	float:left;
	list-style-type:none;
}
#nav a {
	padding:17px 8px 20px 8px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	color:#cccccc;
	font-size:12px;
	letter-spacing:-1px;
}
#nav a:hover {
	background-image:url(../images/bg_fade_roll.gif);
	background-repeat:repeat-x;
	background-position:top;
	color:white;
}

#middle {	
	height:340px;
	width:100%;
	border-bottom:1px solid #ff0000;
	background-image:url(../images/moon_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#001520;
}
#mid {
	height:150px;
	width:350px;
	position:absolute;
	margin: 50px 0 0 15%;
}
#mid p {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size:12px;
	color:#999999;
}
#mid h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#CCCCCC;
	font-weight:normal;
}
#mid a {
	color:#FF0000;
	text-decoration:none;
}
#mid a:hover {
	color:#FF0000;
	text-decoration:underline;
}

				/* BEGIN NAV STRIP HOME */

#options_wrap {
	width:100%;
	height:220px;
	background-image:url(../images/options_bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#CCCCCC;
	border-top:1px solid #ff0000;
	border-bottom:2px solid #999494;
	padding:15px 0 15px 0;
}
#options {
	width:825px;
	height:220px;
	margin-left:auto;
	margin-right:auto;
}

				/* NEWS */

#news {
	float:left;
	width:225px;
}
#news h1 {
	border-bottom:3px solid #999494;
	color:#FF0000;
	font-size:13px;
	width:225px;
	padding:0 0 5px 0;
	margin:0;
}
#news span {
	padding:5px 0 0 0;
	margin:0;
	font-size:10px;
	font-weight:normal;
	color:#888888;
}
#news ul {
	padding:0;
	margin:3px 0 0 0;
	
}
#news li {
	list-style-type:none;
	margin-bottom:2px;
}
#news a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:216px;
	display:block;
	color:#999999;
	padding:0 0 5px 5px;
	border-bottom:1px solid #bbbbbb;
	border-right:4px solid #cccccc;
	line-height:15px;
}
#news a:hover {
	color:#ff0000;
	border-right:4px solid #ff0000;
	border-bottom:1px solid #ff0000;
}

				/* APPLICATIONS */

#apps {
background-image:url(../images/bg_apps.gif);
background-repeat:no-repeat;
background-position:20px 50px;
	float:left;
	width:200px;
	height:220px;
	margin-left:20px;
}
#apps h1 {
	border-bottom:3px solid #999494;
	color:#FF0000;
	font-size:13px;
	width:200px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}
#apps p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:200px;
	line-height:17px;
	padding:0;
	margin:0 0 7px 0;
}
#apps a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ff0000;
	font-size:11px;
	text-decoration:none;
}
#apps a:hover {
	color:#FF0000;
	text-decoration:underline;
}
#apps_pic {
	width:190px;
	height:100px;
	background-color:#000066;
	margin-top:20px;
	margin-left:5px;
}
#apps_pic a {
	width:190px;
	height:100px;
	display:block;
	background-image:url(../images/home_app_img_off.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
#apps_pic a:hover {
	background-image:url(../images/home_app_img.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

				/* PRODUCTS */

#products {
	float:left;
	width:200px;
	height:220px;
	margin-left:20px;
	background-image:url(../images/bg_prod.jpg);
	background-repeat:no-repeat;
	background-position:20px 50px;
}
#products p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:200px;
	line-height:17px;
	padding:0;
	margin:0 0 7px 0;
}
#products h1 {
	border-bottom:3px solid #999494;
	color:#FF0000;
	font-size:13px;
	width:200px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}
#products a {
	font-family:Arial, Helvetica, sans-serif;
	color:#ff0000;
	font-size:11px;
	text-decoration:none;
}
#products a:hover {
	color:#FF0000;
	text-decoration:underline;
}
#products_pic {
	width:190px;
	height:100px;
	background-color:#000066;
	margin-top:20px;
	margin-left:5px;
}
#products_pic a {
	width:190px;
	height:100px;
	display:block;
	background-image:url(../images/home_rec_img_off.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#products_pic a:hover {
	background-image:url(../images/home_rec_img.gif);
	background-position:left;
	background-repeat:no-repeat;
}

				/* APPROVAL */

#approval {
	float:left;
	width:100px;
	margin-left:20px;
}
#approval h1 {
	border-bottom:3px solid #999494;
	color:#FF0000;
	font-size:13px;
	width:100px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}
.appr_1 {
	width:85px;
	height:49px;
	margin:0 0 7px 6px;
	border:1px solid #999999;
}
.appr_1 a img {
	border-style:none;
}

				/* END NAV STRIP HOME */

#footer {
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	clear:both;
	background-color:#999494;
	border-top:1px solid white;
	width:100%;
	height:400px;
}
#utility {
	margin:35px 0 0 50px;
	float:left;
	height:150px;
	width:300px;
}
.util {
	float:left;
	width:50%;
	height:150px;
	color:#FFFFFF;
}
.util ul {
	padding:20px 0 0 0;
	margin:0;
}
.util ul li {
	padding-bottom:5px;
	font-size:12px;
	list-style-type:none;
}
.util a {
	font-size:11px;
	display:block;
	text-decoration:none;
	color:#CCCCCC;
}
.util a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.util a[href $='.pdf'] {
	background-image:url(../images/pdficon.gif);
	background-repeat:no-repeat;
	background-position:100px 4px;
}
#international {
	clear:both;
	width:300px;
	height:100px;
	background-image:url(../images/international.gif);
	background-repeat:no-repeat;
}
#international a {
	width:300px;
	height:100px;	
	display:block;
}
#international a:hover {
	background-image:url(../images/international.gif);
	background-repeat:no-repeat;
	background-position:0 -100px;
}
#copyright {
	width:280px;
	color:#CCCCCC;
	font-size:11px;	
	margin:15px 0 0 0;
	padding-top:5px;
	text-align:left;
}
