/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #036 url(../images/main_bg.jpg) repeat-y center;
}

h1,h2,h3,h4,h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #0066CC;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	text-align: left;
}

.catHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #0066CC;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0 6px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 748px;
	text-align: center;
}

html>body #wrapper { 
	width: 748px;
}

#logo {
	position: relative;
	width: 748px;
	height: 80px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 70px;
	border-top: 9px solid #000;
	border-bottom: 1px solid #FFF;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: transparent url(../images/logo_header.gif) no-repeat;
	text-align: left;
}

html>body #logo { 
	height: 70px;
}

#logo span {
	display:block;
	position:absolute; 
	left:15px; 
	bottom:1px; 
	z-index:1;
	width:207px; 
	height:61px;
	margin:0; 
	padding:0;
	background: url("../images/logo_web.gif") no-repeat bottom left;
}

#logo p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 12px 5px 0 0;
	float: right;
}

#logo p a:link, #logo p a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#logo p a:hover {
	color: #0058b0;
	text-decoration: underline;
}

#logo img {
	margin: 0;
	padding: 0 15px;
}

#nav {
	width: 748px;
	height: 46px;
	background: #fff;
	border-bottom: 1px solid #fff;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 45px;
	margin: 0 auto;
	padding: 0;
}

html>body #nav { 
	height: 45px;
}

#tagline {
	float: left;
	width: 240px;
	height: 45px;
	background: url(../images/home_btn.jpg) no-repeat left top;
}

#navbtns {
	float: right;
	width: 506px;
	text-align: left;
	background: #fff;
}

#navbtns ul {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

#navbtns li {
	display: inline;
	height: 45px;
	float: left;
}

#mainbox {
	width: 748px;
	margin: 0 auto;
	padding: 0;
	border-top: 8px solid #000;
	border-bottom: 1px solid #fff;
}

#photo {
	float: left;
	margin: 1px 0 0 0;
	padding: 0;
	width: 240px;
	height: 281px;
	display: block;
	background: #fff url(../images/mainpage_img.jpg) no-repeat top;
	border-right: 1px solid #000;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 239px;
	height: 280px;
}

html>body #photo { 
	width: 239px;
	height: 280px;
}

#main-menu {
	float: right;
	width: 508px;
	margin: 1px 0 0 0;
	padding: 0;
}

#toprow {
	float: right;
	text-align: right;
	width: 508px;
	margin: 0;
	padding: 0;
	display: block;
}

.menu-item {
	float: right;
	width: 168px;
	margin: 5px 0;
	padding: 0;
	display: inline;
}

.menu-item h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0 5px 10px 5px;
	padding: 3px;
	background: #385b9c;
	text-align: left;
}
.menu-item h3 a:link, .menu-item h3 a:visited {
	color: #fff;
	text-decoration: none;
}
.menu-item h3 a:hover {
	color: #CCC;
	text-decoration: none;
}
.menu-item ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004891;
	margin: 0;
	padding: 0 0 0 3px;
	list-style-type: none;
	text-align: left;
}

.menu-item li {
	margin: 0;
	padding: 0 0 0 3px;
	list-style-type: none;
	line-height: 1.5em;
}

.menu-item li a:link, .menu-item li a:visited {
	color: #004891;
	text-decoration: none;
}

.menu-item li a:hover {
	color: #999;
	text-decoration: none;
}

.center-item {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#subbox {
	clear: both;
	width: 748px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #fff;
}

#help {
	float: left;
	width: 240px;
	border-top: 6px solid #000;
	border-bottom: 1px solid #fff;
	background: #036 url(../images/help_bg.jpg) repeat-y left;
	margin: 0;
	padding: 0;
}

#help p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	padding: 10px 10px 5px 15px;
}

#help p a:link, #help p a:visited {
	color: #fff;
	text-decoration: none;
}

#help p a:hover {
	color: #ccc;
	text-decoration: none;
}

#help img {
	border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
	text-align: left;
}

.helpheader img {
	border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
}

#specials {
	float: right;
	width: 508px;
	background: #e5eaef;
	margin: 0;
	padding: 0;
	border-top: 6px solid #0058b0;
}

.special-box {
	float: right;
	width: 253px;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
}

#specials h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c00;
	margin: 0 5px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

#specials p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0 138px 0 0;
	padding: 5px 0 0 5px;
	text-align: left;
}

#specials p a:link, #specials p a:visited {
	color: #999;
	text-decoration: none;
}

#specials p a:hover {
	color: #000;
	text-decoration: underline;
}

#specials img {
	border: 1px solid #000;
	float: right;
	margin: 5px 10px 5px 5px;
	padding: 0;
}

#address {
	clear: both;
	width: 748px;
	border-top: 6px solid #000;
	margin: 0 auto;
	padding: 0;
}

#address p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 20px 15px;
	text-align: left;
}

#address p a:link, #address p a:visited {
	color: #999;
	text-decoration: none;
}

#address p a:hover {
	color: #036;
	text-decoration: underline;
}

.leftaddress {
	float: left;
}

.rightaddress {
	float: right;
}

#footer {
	clear: both;
	width: 748px;
	background: #036;
	margin: 0 auto;
	padding: 0;
}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	margin: 0;
	padding: 30px 20px;
	text-align: center;
}

#footer p a:link, #footer p a:visited {
	color: #fff;
	text-decoration: none;
}

#footer p a:hover {
	color: #ccc;
	text-decoration: none;
}

#footer img {
	margin-bottom: -12px;
}




.clearfloat:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfloat {height: 1%;}
.clearfloat {display: block;}
/* End hide from IE-mac */


/* INTERIOR STYLES */

#leftgutter {
	float: left;
	width: 240px;
}

#pagepic {
	clear: both;
	width: 240px;
	height: 102px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 100px;
}

html>body #pagepic { 
	height: 100px;
}

#subnav {
	clear: both;
	width: 240px;
	margin: 0;
	padding: 0;
	background: #ebf2f9;
	border-top: 6px solid #000;
	border-bottom: 1px solid #fff; 
}

#subnav h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0058b0;
	text-align: left;
	line-height: 40px;
	margin: 0;
	padding: 0 18px 0 18px;
	border-bottom: 1px solid #ccc;
}

#subnav ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: left;
	list-style-type: square;
	margin: 15px 15px;
	padding: 0;
}

#subnav li {
	margin: 0 10px;
	padding: 0 18px 0 10px;
	line-height: 20px;
}

#subnav li a:link, #subnav li a:visited {
	color: #000;
	text-decoration: none;
}

#subnav li a:hover {
	color: #0058b0;
	text-decoration: none;
}

#subnav p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 000;
	margin: 0;
	padding: 10px 18px 5px 18px;
	text-align: left;
}

#innerbox {
	float: right;
	width: 506px;
}

#title {
	clear: both;
	width: 506px;
	height: 102px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 100px;
}

html>body #title { 
	height: 100px;
}

#title h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height: 100px;
	margin: 0;
	padding: 0 20px 0 30px;
}

#title img {
	margin: 0;
	padding: 0;
}

#innertext {
	clear: both;
	width: 506px;
	background: #fff;
	border-top: 6px solid #0058b0;
	border-bottom: 1px solid #fff;
}

#innertext p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 15px 30px 5px 30px;
	line-height: 1.5em;
	text-align: left;
}

#innertext p a:link, #innertext p a:visited {
	color: #0058b0;
	text-decoration: underline;
}

#innertext p a:hover {
	color: #999;
	text-decoration: none;
}

#innertext h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #0066CC;
	font-weight: bold;
	margin: 0;
	padding: 15px 30px 5px 30px;
	text-align: left;
}

#innertext img {
	border: 1px solid #000;
	margin: 15px;
}

.imgleft {
	float: left;
}

.imgright {
	float: right;
}p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	text-align: left;
}
