﻿*, html {margin: 0; padding: 0;}

body{background: white url(../images/bkg_2.jpg) repeat; color: #222222; font-family: Arial, Helvetica, sans-serif;}
#wrapper{width: 960px; margin: 0 auto;}
#header{width: 958px; height: 185px; background: transparent url(../images/head_bkg2.png) no-repeat; padding-left:1px; padding-right:1px;}
#bar{height: 37px;} .twitter{margin-left: 20px; padding-top: 5px; border: 0;}
#login{margin-left: 520px; margin-top: -31px; height: 37px;} #login fieldset{border: 0;}
#login .field{background: transparent url(../images/head_login.png) no-repeat; border: 0; width: 150px; height: 29px; float: left; margin-left: 5px; padding-left: 8px; padding-top: 7px; vertical-align: middle;}
.logo{border: 0; margin-left: 20px; margin-top: 17px;}
#right{position: relative; float: right; z-index: 200; left: -5px; top: -136px; margin-bottom: 0px; padding-bottom: 0px;}
body:nth-of-type(1) #right{left: 0px; top: 6px;}
html*#right{[left: 700px; left: 700px;]} /*Safari Hack !FIX ME!*/

fieldset {border: 0px;}
#contact_form_table{float: left; margin-top: 15px; border-right: 2px #A2A2A2 solid; padding: 10px; padding-top: 30px; padding-bottom: 30px; padding-right: 30px; margin-left: 20px;}
.styled{width: 250px;}
#contact_divl{float: left;}
#contact_divr{
	float: right;
	margin-right: 20px;
}

#right ul{padding:0;margin:20px;list-style-type:none; background:transparent;}
#right ul li {float:left;height:45px;line-height:45px; display:block;}
#right a{ color: #a9672c; margin: 10px; text-decoration: none;}
#right a:hover{text-decoration: underline;}
#search{position: relative; clear: both; margin-top: 90px;}
#search .searchbox{background: transparent url(../images/head_search.png) no-repeat; border: 0; width: 272px; height: 33px; padding-left: 8px; padding-top: 8px; font-weight: bold; vertical-align: middle;}
#search .searchbtn{margin-left: -38px; vertical-align:text-top; margin-top: -4px;}
#search fieldset{border: 0;}
/************* MENU *************/
#menu{margin: 0px auto; padding-left:8px; width: 958px; height: 38px; background: transparent url(../images/menu_bkg2.png) no-repeat; position: relative; z-index: 5;
font-weight: bold;}
#menu ul {position: relative; display: inline-block; padding:0;margin:0;list-style-type:none; height:38px; background:transparent; top: -62px; [margin-top: 0px; margin-top: -45px;]}
body:nth-of-type(1) #menu ul{top: 45px;}
html>/**/body #menu ul, x:-moz-any-link, x:default {margin-top:-45px; top: -66px;} /*FF 3.x HACK*/

html*#right {[margin-top: -145px; margin-top: -145px;]}

#menu ul ul {width: 153px;} /* style the sub-level lists */
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {float:left;height:38px;line-height:38px; display:block; text-align: center; margin-top: -14px;}
/* style the sub level list items */
#menu ul ul li {display:block;width:6em;height:auto; line-height:45px; text-align: left;}
/* style the links for the top level */
#menu a, #menu a:visited {display:block;float:left;height:100%; width:153px; font-size:10pt;text-decoration:none;color:#9c9c9c; padding:0 2px 0 2px;} /* t r b l */
/* style the sub level links */
#menu ul ul a, #menu ul ul a:visited {display:block;background-color:#E3E3E3; color:#9c9c9c;width:9.65em;height:100%;line-height:.9em; padding:0.5em 1em;}
/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:10pt; z-index:1;}
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background-color:#E3E3E3;}
/* style the fourth level background */
#menu ul ul ul ul a, #menu ul ul ul ul a:visited {background-color:#E3E3E3;}
/* style the level hovers */
/* first */
* html #menu a:hover {color:#EC9C07;background:#DDDDDD; position:relative; z-index:100;}
#menu li:hover {position:relative;}
#menu :hover > a {color:#EC9C07;background:transparent url(../images/menu_hover.png) no-repeat;}
/* second */
* html #menu ul ul a:hover{color:#EC9C07;background:#EEEEEE; position:relative; z-index:110;}
#menu ul ul li:hover {position:relative;}
#menu ul ul :hover > a {color:#EC9C07;background:#EEEEEE;}
/* third */
* html #menu ul ul ul a:hover {background:#EEEEEE; position:relative; z-index:120;}
#menu ul ul ul :hover > a {background:#EEEEEE;}
/* fourth */
#menu ul ul ul ul a:hover {background:#EEEEEE; position:relative; z-index:130;}
/* DON'T EDIT BELOW */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:2.80em; left:0; width:2em;}
#menu ul ul ul{left:2em;top:0;width:2em;}
#menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; left:-3em;}
#menu ul :hover ul ul{visibility:hidden;}
#menu ul :hover ul :hover ul ul{visibility:hidden;}
#menu ul :hover ul :hover ul{visibility:visible; left:4em;}
#menu ul :hover ul :hover ul :hover ul {visibility:visible;}
/************* MENU *************/
#revolver{position: relative; height: 238px; width: 928px; background: transparent url(../images/revolver_bkg.png) no-repeat; margin: 15px auto;}
#revolver h1{padding-top: 10px; padding-left: 20px; font-size: 20pt;}
#revolver h2, #revolver h3{height: 32pt; width: 350px; line-height: 16pt; margin-top: -5px; margin-bottom: 0px;}
#n a, #p a{width: 30px; height: 29px; display: block; background: transparent;}
#revolver #n{width: 30px; height: 29px; background: transparent url(../images/revolver_arrows.png) no-repeat; background-position: top right;
position: relative; float: right; top: -94px; left: -10px;  z-index: 10;}
#revolver #p{width: 30px; height: 29px; background: transparent url(../images/revolver_arrows.png) no-repeat; 
position: relative; float: left; top: -94px; left: 378px; z-index: 10;}
#items{position: relative;}
#items div {margin-top: 21px;}
#items div img{position: relative; float: right; margin-right: 49px; margin-left: 349px; margin-top: -23px; width: 469px; height: 200px; border: 1px black solid; background: transparent;}
html*#items div img{[margin-left: -28px; margin-left: -28px;]} /*Safari Hack*/
#items div{margin-left: 20px; background: transparent;}

#items div .btnl, #items div .btnr{position: absolute; height: 30px; width: 118px; background: transparent url(../images/revolver_btn.png) no-repeat;
	display: block; padding-top: 8px; text-align: center; margin: 5px; text-decoration: none; color: white; float: left;}
	
#items div .btnl {top: 134px; left: 10px;}

#items div .btnr {background-color: transparent; top: 134px; left: 165px;}

#items div .btnl:hover, #items div .btnr:hover{background-position: bottom center;}

#items p{width: 325px; margin-top: -12px; position:relative;}
.revolver_image{position:relative; width: 469px; float: right; margin-right: -563px;}
#content{width: 928px; min-height: 300px; border-left: 3px solid #dda63b; border-right: 3px solid #dda63b; background: white; padding: 10px; margin: 0 auto;}
#tround{position: relative; height: 11px; width: 954px; background: transparent url(../images/body_round.png) no-repeat; background-position: top center; margin: 5px auto 0;}
#bround{height: 11px; width: 954px; background: transparent url(../images/body_round.png) no-repeat; background-position: bottom center; margin: 0 auto 20px auto;}
#content h1{font-size: 19pt; margin-bottom: 10px; margin-top: -7px; color: #226887;}
#content h1 a{
	font-size: 16pt;
	color: #226887;
}
#content h2{font-size: 16pt; color: #0097a3; margin-bottom: 7px; margin-top: 7px;}
#content h3{font-size: 14pt; color: #0097a3; margin-bottom: 7px; margin-top: 7px;}
#content h4{font-size: 12pt; color: #0097a3; margin-bottom: 7px; margin-top: 7px;}
#content h5{font-size: 10pt; color: #222222; margin-bottom: 7px; margin-top: 7px;}
#content h6{font-size: 8pt; color: #222222; margin-bottom: 7px; margin-top: 7px;}
#content .crumb{font-size: 8pt; margin-bottom: 10px; margin-top: -8px; margin-left: 0px;}
#content p{width: 100%; margin-left: 6px; margin-bottom: 10px; margin-top: 10px;}
#content ul, #content ol{position: relative; margin-left: 35px; padding-top: 0px;}
#content .left{float: left; margin: 10px; padding-right: 5px;}
#content .right{float: right; margin: 0 10px; padding-left: 5px;}
#content hr{border: 0; border-top: #A2A2A2 1px solid; border-collapse: collapse; margin-top: 17px; padding: 2px;}
#content table{table-layout: fixed; margin: 3px;}
#content td{vertical-align: top;}

#content .clear{clear: both;}
#content .port_img{margin-left: 30px; margin-right: 75px; margin-bottom: 20px; margin-top: 10px;}
#content .port_ul{text-decoration: none; list-style: none;}
#content .port_h4{margin-top: -5px;}
#content .web_port{
	float: left;
	position: relative;
	width: 216px;
	margin: 8px;
	height: 160px;
	border-bottom: 1px solid #A2A2A2;
}
#content .web_port_text{
	text-align:center;
	width: 200px;
	padding:8px;
	margin: 2px;
}

.center{text-align: center;}
a{color: #004da3;}
a:hover{color: #05414f;}


/************* FOOTER *************/
#footer{border-top: 2px solid #a9672c; padding: 5px; padding-top: 10px; font-size: 12pt; text-align: center; color: #895320;}
.small{font-size: 8pt; width: 80%; margin: 0 auto; margin-top:-10px;} #footer a{color: #097189;} #footer a:hover{color: #05414f;}
table td {
	padding: 5px;
}