/*************************************************************************
  LAYOUT: Three Column Grid with Header, Horizontal Menu and Round Corners
  ALIGNMENT: Centered
  DIMENSIONS: 1024 x 768 Minimum
  AUTHOR: Triad New Media (http://www.triadnewmedia.com)
  EDITED: 08.27.2007

  (c)2007 Triad New Media. All Rights Reserved
**************************************************************************/

/*************************************************************************
// BEGIN Normalization
**************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,strong,th,var {font-style:normal;font-weight:normal;}
strong {font-weight: bold;}
em {font-style: italic;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
body {font:13px/1.1 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/*************************************************************************
  Grid Definitions
**************************************************************************/
#wrap {
	margin: 0 auto;
	width: 756px;
}

#menu {
	height: 34px;
	background: #ffffff url(../images/layout/menu_bg_fill.gif) top left repeat-x;
}

#feat {
	margin: 8px 0;
	padding: 0 2px;
}

#body {
	margin-bottom: 8px;
}

.left {
	width: 166px;
	float: left;
}

.cent {
	margin: 0 0 0 0px;
	width: 463px;
	float: left;
}

.rite {
	margin: 0 0 0 10px;
	width: 283px;
	float: left;
}

#foot {
	margin-bottom: 20px;
	color: #036d89;
	font-size: 85%;
}

#copy {
	padding-top: 8px;
	float: right;
}

.col_gray {
	border-left: 1px solid #d0c8c7;
	border-right: 1px solid #d0c8c7;
	min-height: 300px;
	_height: 420px;
}

.col_green {
	border-left: 1px solid #72c2d8;
	border-right: 1px solid #72c2d8;
	background: #e8e8e8;
	min-height: 120px;
	_height: 420px;
}

/*************************************************************************
// HTML Customizations
**************************************************************************/
html {
	margin-bottom: 1px;
	min-height: 100%;
}

.left .col_gray dl {
	padding: 10px 10px 0 10px;
}

.left .col_gray dt {
	font-size: 108%;
	color: #66cc33;
}

.left .col_gray dd {
	padding: 2px 10px;
	font-size: 93%;
}

.left .col_gray a {
	text-decoration: none;
	color: #353535;
}

.left .col_gray a:hover {
	text-decoration: underline;
	color: #036d89;
}

.cent .col_gray h1 {
	padding: 10px 10px 0 10px;
	font-weight: bold;
	font-size: 108%;
	color: #66cc33;
}

.cent .col_gray h1 a {
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 100%;
	color: #66cc33;
}

.cent .col_gray img {
	padding: 10px 10px 0 10px;
}

.cent .col_gray p {
	padding: 10px;
	font-size: 93%;
	color: #036d89;
}

.cent .col_gray .pbullet p {
	padding: 0 0 10px 20px;
	font-size: 95%;
	color: #036d89;
}

.cent .col_gray .pbullet img {
	padding: 0 0 0 0;
}

.cent .col_gray a {
	color: #036d89;
}

.rite .col_green h3 {
	padding: 7px 5px 0px 10px;
	font-size: 100%;
	color: #036d89;
}

.rite .col_green a {
	text-decoration: none;
	font-size: 100%;
	color: #036d89;
}

.rite .col_green a:hover {
	text-decoration: underline;
	color: #66cc33;
}

.rite .col_green img {
	padding: 0 10px 5px 10px;
	float: left;
}

.rite .col_green p {
	padding: 0 10px 10px 10px;
	font-size: 93%;
	color: #036d89;
}

.rite .col_green .ptext a {
	text-decoration: none;
	padding: 0 0 0 0;
	font-size: 93%;
	font-weight: normal;
	color: #036d89;
}

.rite .col_green .ptext a:hover {
	text-decoration: underline;
	color: #036d89;
}

.rite .col_green .more img {
	padding: -1px 10px 0 5px;
	float: right;
}

.rite .col_green .more a {
	text-decoration: none;
	font-size: 93%;
	font-weight: bold;
	color: #66cc33;
}

.rite .col_green .more a:hover {
	text-decoration: underline;
	color: #66cc33;
}

/*************************************************************************
// Head Region
**************************************************************************/
#logo {
	margin: 5px 0;
}

/*************************************************************************
// Head Box Styles
**************************************************************************/
#head_box {
	padding: 10px 0 0 0;
	float: right;
	width: 400px;
	text-align: right;
	font-size: 93%;
}

#head_box a {
	text-decoration: none;
	color: #036d89;
}

#head_box a:hover {
	text-decoration: underline;
}

/*************************************************************************
// Column Header Styles
**************************************************************************/
.col_head {
	height: 33px;
}

.left .col_head {
	background: #ffffff url(../images/layout/left_col_header.gif) top left repeat-x;
}

.cent .col_head {
	background: #ffffff url(../images/layout/center_col_header.gif) top left repeat-x;
}

.rite .col_head {
	background: #ffffff url(../images/layout/right_col_header.gif) top left repeat-x;
}

.col_head h2 {
	padding: 8px 5px 0 10px;
	font-weight: bold;
	color: #333333;
}

/*************************************************************************
// Footer Navigation
**************************************************************************/
#foot ul {
	list-style-type: none;
	text-align: center;
}

#foot ul li {
	margin-top: 8px;
	display: block;
	float: left;
}

#foot ul li.first {
	border: 0;
}

#foot ul li a {
	padding: 0 16px;
	color: #036d89;
	text-decoration: none;
	display: block;
	text-align: right;
}

#foot ul li a:hover, #foot ul li a:active {
	color: #111111;
}

#foot ul li.first a {
	padding-left: 0;
}

/*************************************************************************
// Misc Styles
**************************************************************************/
.fill {
	clear: both;
	height: 1px;
}

.gray_divider {
	margin-top: 10px;
	border-top: 1px solid #d0c8c7;
}

.blue_divider {
	margin-top: 10px;
	border-top: 1px solid #72c2d8;
}

.by_line {
	padding: 10px 0;
	color: #666666;
}

.by_line a {
	color: #666666;
}

.more {
	text-align: right;
}

.col_foot {
	
}

/*************************************************************************
// Primary Navigation
**************************************************************************/
#menu .left_cap {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
}

#menu .right_cap {
	display: inline;
	position: relative;
	top: 0;
	left: 745px;
	*left: 747px;
}

#nav {
	list-style-type: none;
	text-align: center;
	position: absolute;
	top: 64px;
}

#nav ul li {
	display: block;
	float: left;
}

#nav li a {
	*margin-top: 4px;
	padding: 10px 16px 9px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 93%;
	letter-spacing: .5px;
	border-right: 1px solid #ffffff;
}

#nav li.last a {
	border-right: 0;
}

#nav li a:hover, #nav li a:active {
	color: #111111;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 140px;
	list-style: none;
	text-align: center;
}

#nav ul li {
	float: left;
	position: relative;
	width: 100%; /* Width of Menu Items */
	text-align: left;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}

/* Styles for Drop Down Items */
#nav li ul { 
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	*top: 35px;
	border-left: 0px;
}

#nav li.first ul {
	*left: -9px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #98c246;
}

#nav ul li a {
	margin: 0;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #ffffff;
	background: #98c246;
	border: 0;
	white-space: nowrap;
}

#nav ul li a:hover {
	text-decoration: none;
	color: #111111;
	background: #98c246; /* IE6 Bug */
}

#nav ul li.last a {
	padding-bottom: 10px;
}

/*************************************************************************
// Form Inputs
**************************************************************************/
form.contact {
	margin: 10px;
}

label {
	font-weight: bold;
	font-size: 93%;
	color: #036d89;
}

.submit {
	margin: 20px 0 0 120px;
	width: 85px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

input.ui_box, select.ui_box, textarea.ui_box {
	margin: 0 0 5px 0;
	padding: 2px;
	display: block;
	width: 200px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	font-size: 92%;
}

select.ui_box {
	width: 206px;
}


// LOGIN FORM

form.login {
	margin: 0;
}

form.login img {
	margin: 0;
}

input.login_box {
	margin: 15px 0 0 0;
	padding: 2px;
	display: block;
	width: 100px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	font-size: 92%;
}

input.login_image {
	margin: 10px 0 0 0;
	width: 49px;
	height: 28px;
	border: 0px;
}

// DEALER SIDE FORM

form.dlrside {
	margin: 0;
}


input.dlr_side_box, select.dlr_side_box, textarea.dlr_side_box {
	margin: 0 0 0 0;
	width: 103px;
	border: 1px solid #ffffff;
	background: #ffffff;
	font-size: 100%;
}

// SCAN BUTTON
form.scanbutton {
	margin: 100 100 100 100;
}


input.scan_button_box, select.scan_button_box, textarea.scan_button_box {
	margin: 100 100 100 100;
	width: 100px;
	border: 1px solid #ffffff;
	background: #ffffff;
	font-size: 100%;
}

#titlebar1 {
	height: 34px;
	background: #ffffff url(../images/layout/menu_bg_fill.gif) top left repeat-x;
}