/*  @@@@@[  Scroll hack for FF/Mozilla  ]@@@@@ */

html {height: 100.01%;}

/*  @@@@@[  Wrappers  ]@@@@@ */

body {background: #fff; font: 11px/16px Arial, Helvetica, sans-serif; color: #666666; text-align: center; margin:0px; padding: 0px;}
.wrapped {width: 798px; margin: 0px auto; text-align: left;}


/*  @@@@@[  Navigation  ]@@@@@ */
a:link, a:visited {
	color: #666;
	text-decoration: none;
}
a:hover, a:active {
	color: #e0a616;
	text-decoration: none;
}

#nav {
	height: 50px;
	width: 754px;
	padding-top: 40px;
	padding-left: 44px;
	background: url(images/greyline.gif) no-repeat right top;
}
#subnav {float: left; width: 130px; text-align:right; padding-right: 40px; margin: 0px; text-transform:uppercase}
#subnav ul {padding: 0px; margin: 0px;}
#subnav li {padding: 0px; margin-bottom: 8px; list-style:none; text-transform:uppercase;}
#subnav a:link, #subnav a:visited {
	color: #666666;
	text-decoration: none;
	display: block;
	height: 100%;
	margin-right: -20px;
	padding-right: 20px;
	width: 100%;
}
#subnav a:active {
	color:#e0a616;}
	
#subnav a:hover {
	color: #e0a616;
	text-decoration: none;
	text-align:right;
	background: url(images/arrows.gif) no-repeat right 3px;
	margin-right: -20px;
	padding-right: 20px;
	display: block;
	height: 100%;
	width: 100%;
}

#subnav .mlink a.indicator {
	color: #e0a616;
	background: url(images/arrows.gif) no-repeat right 3px;
	margin-right: -20px;
	padding-right: 20px;
	display: block;
	height: 100%;
	width: 100%;
}
.mlink {color: #666666; text-transform:uppercase; font-weight:bold;}
a.mlink:link, a.mlink:visited, a.mlink:active {color: #e0a616; text-decoration: none;}
a.mlink:hover {color: #e0a616; text-decoration: none;}
.space {padding: 0px 12px 0px 12px;}

/* @@@@@[  Header / Footer  ]@@@@@ */

#header {position:relative; width: 798px; text-align:right; padding: 0px;}
#flash {float:right;}
#footer {
	font-size: 9px;
	color: #878787;
	width: 750px;
	padding: 14px 0px 14px 48px;
}
#footer div{float:right; text-align:right; text-transform: uppercase;}
#footer a:link, #footer a:visited, #footer a:active {color: #878787; text-decoration: none;}
#footer a:hover {color: #878787; text-decoration: underline;}
a.seo:visited, a.seo:active, a.seo:link {text-decoration: none;	color: #878787;}
a.seo:hover {text-decoration: none; cursor: text;}


/* @@@@@[  Main Page  ]@@@@@ */

#mainwrapper {
	position:relative;
}
#main {position:relative; width: 744px; padding: 0px 0px 20px 54px; margin-top: 40px; background: url(images/3column_dots.gif) repeat-y top right;}
#column {float: right; width: 144px; padding: 0px 20px 0px 20px;}
#content {float: right; width: 350px; padding: 0px 20px 0px 20px;}
#content h1 {color: #df851a;}
#content li {list-style-image: url(images/bullet.gif);}
#text1 {float:left; width: 170px; padding-right: 10px;}
#text2 {float:right; width: 160px; padding: 0px;}
#port1 {height: 300px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999; margin-bottom: 12px;}
#port1 img {margin-right: 10px;}
#port2 {padding: 0px;}
.clr {clear: both; font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; height: 0px; visibility: hidden;}


/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */



h1 {font: 16px/0px Times New Roman, Times, serif; color:#CEA410; margin-top: 0px; padding-top: 14px; margin-bottom: 8px; text-transform:uppercase; font-weight: bold;}
h2 {font: 12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CEA410; margin-top: 0px; padding-top: 0px; margin-bottom: 10px;}
h3 {font: 11px/18px Arial, Helvetica, sans-serif; font-weight: bold; color: #CEA410; margin-top: 0px; padding-top: 0px; margin-bottom: 10px;}
h4 {font: 11px/18px Arial, Helvetica, sans-serif; margin-top: 0px; padding-top: 0px; margin-bottom: 10px;text-transform: uppercase; font-weight: bold;}
.orange {color: #df851a;}
p {margin-top: 0px; padding-top: 0px; margin-bottom: 20px;}

.left {float: left;}
.right {float: right;}
img.right {margin-bottom: 10px; margin-left: 13px;}
img.left {margin-bottom: 10px; margin-right: 13px;}


/* @@@@@[  Form Elements  ]@@@@@ */

input, textarea, select {font-size: 10px; color: #666; background: #fff; border: 1px solid #939;}
input.clean {border-style: none; background: none;}
blockquote {
	background: url(images/arrows.gif) no-repeat 4px 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 25px;
}
div.hr {
	background: url(images/line_bg.gif) repeat-x left top;
	padding-top: 15px;
}