body { background-color: #001033; font-family: verdana, sans-serif; margin: 0; }

#main {width: 960px; margin: 10px auto; }

#header { background-image: url('images/header_bg.jpg'); width: 100%; height: 76px; text-align: left; }
#header-logo { margin: 7px 5px 0 16px; float: left; display: inline; }
#header-text { color: #86a2eb; float: left; font-weight: bold; font-style: italic; font-size: 125%; margin-top: 5px; display: inline; width: 600px; margin-bottom: 15px; }
#header-image { position: absolute; z-index: 500; left: 50%; margin-left: 350px; }

#content-outer { width: 960px; margin: 9px 0 8px 0; background: url('images/content_bg.gif'); }
#content-outer-clear { clear: both; height: 1px; width: 900px; overflow: hidden; }
#content-inner{ font-size: small; color: #001033; width: 630px; margin-left: 134px; float: left; display: inline; }
#content-inner-prop { float: left; height: 440px; width: 1px; overflow: hidden; }
#content-inner-clear { clear: both; height: 1px; width: 620px; overflow: hidden; }

#content-inner img { border-top: #666; border-left: #666; border-right: #333; border-bottom: #333; }

#content-inner a:link {color: #004a80; text-decoration: none; font-weight: bold;}
#content-inner a:hover {color: #004a80; text-decoration: underline; font-weight: bold;}
#content-inner a:visited {color: #004a80; text-decoration: none; font-weight: bold;}
#content-inner a:visited:hover {color: #004a80; text-decoration: underline; font-weight: bold;}

#footer { background-image: url('images/footer_bg.gif'); width: 960px; height: 32px; font-size: 70%; color: white; line-height: 22pt; text-align: center; display: block; }
#sub-footer { margin: 4px auto; text-align: center; font-size: x-small; color: #666; }
#sub-footer a { color: #ccc; text-decoration: none; }
#sub-footer a:hover { color: #fff; text-decoration: underline; }

#sub-footer h1 { margin: 4px auto; text-align: center; font-size: x-small; color: #666; font-weight: normal; }
#sub-footer h1 a { color: #ccc; text-decoration: none; }
#sub-footer h1 a:hover { color: #fff; text-decoration: underline; }




/* Page content elements */

#home-div { width: 590px; height: 400px; margin: 40px 0px 10px 300px; position: relative; z-index: 1;}
/* Home Page only */
#div1 {width: 176px; height: 158px; position: absolute; top: 20px; left: 20px; background: url('images/home_box_bg.gif'); overflow: hidden; }
#div2 {width: 176px; height: 158px; position: absolute; top: 20px; left: 210px; background: url('images/home_box_bg.gif'); overflow: hidden; }
#div3 {width: 176px; height: 158px; position: absolute; top: 20px; left: 400px; background: url('images/home_box_bg.gif'); overflow: hidden; }
#div4 {width: 176px; height: 158px; position: absolute; top: 200px; left: 20px; background: url('images/home_box_bg.gif'); overflow: hidden; }
#div5 {width: 176px; height: 158px; position: absolute; top: 200px; left: 210px; background: url('images/home_box_bg.gif'); overflow: hidden; }
#div6 {width: 176px; height: 158px; position: absolute; top: 200px; left: 400px; background: url('images/home_box_bg.gif'); overflow: hidden; }

.divTitle { position: absolute; top: 8px; left: 10px; width: 158px; height: 14px; color: #fff; font-weight: bold; font-family: verdana, sans; font-size: 11px; font-style: italic; }
.divTitle a, .divTitle a:visited { color: #fff; font-weight: bold; font-family: verdana, sans; font-size: 11px; font-style: italic; text-decoration: none; }
.divTitle a:hover, .divTitle a:visited:hover { color: #ccc; font-weight: bold; font-family: verdana, sans; font-size: 11px; font-style: italic; text-decoration: none; }
.divText { position: absolute; top: 24px; left: 10px; width: 158px; height: 90px; overflow: hidden; color: #ccc; font-family: verdana, sans; font-size: 10px;  padding-top: 12px; }

#div1img { width: 160px; height: 73px; position: absolute; top: 105px; left: 8px; }
#div2img { width: 156px; height: 63px; position: absolute; top: 102px; left: 8px; }
#div3img { width: 151px; height: 66px; position: absolute; top: 96px; left: 12px; }
#div4img { width: 160px; height: 70px; position: absolute; top: 88px; left: 8px; }
#div5img { width: 129px; height: 56px; position: absolute; top: 102px; left: 39px; }
#div6img { width: 160px; height: 94px; position: absolute; top: 70px; left: 8px; }





#news-div { float: left; margin: 50px 0 8px 8px; display: inline; z-index: 200; width: 250px; height: 360px; background-image: url('images/news_bg.gif') }
#news-link1 { width: 242px; height: 27px; background: #666; margin: 3px 4px 4px 4px; background: url('images/news_link_bg_off.gif'); }
#news-box { width: 238px; height: 292px; margin: 3px auto; overflow: auto; }
#news-content { font-size: 70%; padding: 2px; }
#news-link2 { width: 242px; height: 27px; background: #666; margin: 4px 4px 3px 4px; background: url('images/news_link_bg_off.gif'); }
.news-link { position: relative; left: 10px; top: 4px; }
.news-link a { color: #fff; text-decoration: none; font-size: 90%; font-weight: bold; font-style: italic; }

#news-content a:link {color: #004a80; text-decoration: none; font-weight: bold;}
#news-content a:hover {color: #004a80; text-decoration: underline; font-weight: bold;}
#news-content a:visited {color: #004a80; text-decoration: none; font-weight: bold;}
#news-content a:visited:hover {color: #004a80; text-decoration: underline; font-weight: bold;}




h1 {
font-size: small; font-weight: bold; margin-bottom: 6px; color: #5368a6;
voice-family: "\"}\""; voice-family:inherit; font-size: medium; }

h2 {
font-size: x-small; font-weight: bold; margin-bottom: 6px; color: #5368a6;
voice-family: "\"}\""; voice-family:inherit; font-size: small; }

h3 {
font-size: x-small; font-weight: bold; margin-bottom: 6px; color: #666;
voice-family: "\"}\""; voice-family:inherit; font-size: small; }

#content-inner ul { list-style-type: disc; list-style-image: url(images/bullet.gif); }
.uline { text-decoration: underline; }
.note { font-size: x-small; color: #666; }
.redText { color: red; }
.imgFloatLeft { float: left; margin: 10px; }
.imgFloatRight { float: right; margin: 10px; }
hr {border: none 0; border-top: 1px dashed #999; height: 1px; }


/* Contact Form CSS */
.txtBoxBlack { border: 1px solid black; width: 240px; }
.txtBoxRed { border: 1px solid black; width: 240px; background-color: #ff9d9d; }
.txtAreaBlack { border: 1px solid black; width: 240px; }
.txtAreaRed { border: 1px solid black; width: 240px; background-color: #ff9d9d; }
#contactFormRHS { width: 246px; float: right; margin-left: 20px; margin-right: 20px; padding: 10px; }

/* Map/Directions CSS */
#zoom_buts { position: relative; height: 22px; left: 6px; top: 272px; }
#zoom_buts img { border-width: 0; }

/* Agent Directory only */
.agent_table { background: #fff; border: 2px solid #036; width: 490px; color: #036; font-family: Verdana; font-size: x-small; margin: 10px auto; }
.agent_table td { padding: 4px; }

/* Member Area code below. */
#memberLoginForm { margin: 0 auto; width: 300px;}
#pdfDownloads { width: 300px; margin: auto 4px; float: right; }
#pdfDownloads a:link {font-size: 10px; color: #004a80; text-decoration: none; font-weight: bold;}
#pdfDownloads a:hover {font-size: 10px; color: #004a80; text-decoration: underline; font-weight: bold;}
#pdfDownloads a:visited {font-size: 10px; color: #004a80; text-decoration: none; font-weight: bold;}
#pdfDownloads a:visited:hover {font-size: 10px; color: #004a80; text-decoration: underline; font-weight: bold;}

#memberBackToSiteNav { float: left; display: inline; font-weight: bold; font-size: 80%; margin-top: 5px; height: 20px; margin-left: 360px; margin-bottom: 15px; background: url('../images/nav-ov-tile.gif'); }
#memberBackToSiteNav a:link {font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; padding: 2px 6px 1px 6px; }
#memberBackToSiteNav a:hover {font-size: 12px; color: #fff; text-decoration: underline; font-weight: bold; padding: 2px 6px 1px 6px; }
#memberBackToSiteNav a:visited {font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; padding: 2px 6px 1px 6px; }
#memberBackToSiteNav a:visited:hover {font-size: 12px; color: #fff; text-decoration: underline; font-weight: bold; padding: 2px 6px 1px 6px; }

/* Main Product pages layout */
/* Scrap line below */
#productList { width: 290px; float: right; margin-left: 20px; margin-right: 10px; padding: 10px; }


#product-table td a:link {font-size: 85%; color: #004a80; text-decoration: none; font-weight: bold;}
#product-table td a:hover {font-size: 85%; color: #004a80; text-decoration: underline; font-weight: bold;}
#product-table td a:visited {font-size: 85%; color: #004a80; text-decoration: none; font-weight: bold;}
#product-table td a:visited:hover {font-size: 85%; color: #004a80; text-decoration: underline; font-weight: bold;}

#product-table { width: 620px; border: 0px; }
#product-table td { padding: 2px; vertical-align: top; }

/* Main pre-owned menu layout */
.preowned-image { width: 184px; height: 150px; float: left; display: inline; }
.preowned-list { width: 430px; margin-bottom: 20px; margin-right: 4px; float: right; padding-top: 0px; }
.preowned-list h2 { margin-top: 0px; }
.preowned-list ul { margin-top: 0px; }
.preowned-clear { clear: both; height: 1px; width: 630px; overflow: hidden; }
.preowned-list a:link {font-size: 85%; color: #004a80; text-decoration: none; font-weight: bold;}
.preowned-list a:hover {font-size: 85%; color: #004a80; text-decoration: underline; font-weight: bold;}
.preowned-list a:visited {font-size: 85%; color: #004a80; text-decoration: none; font-weight: bold;}
.preowned-list a:visited:hover {font-size: 85%; color: #004a80; text-decoration: underline; font-weight: bold;}


















/*  Style for Top Level Menu  */
.chromestyle { width: 650px; font-size: 0.8em; float: left; height: 20px; margin: 0 0 0 125px; }

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }

.chromestyle ul { /*border: 1px dashed #ccc;*/ /*  For debugging only */ padding: 4px 0; margin: 0; text-align: center; font-size: 0.9em;}

.chromestyle ul li { display: inline; }

.chromestyle ul li a { /*  Top level items - home/products/about/contact/members  */
	color: #fff; padding: 2px 24px; margin: 0 2px; text-decoration: none; /*border-right: 1px solid #fff;*/
	background: url('images/nav-up-tile.gif') center center repeat-x;
	border: 1px solid #fff;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url('images/nav-ov-tile.gif') center center repeat-x;
}

/*  Style for Drop Down Menu  */
.dropmenudiv { /*  Dropdown menu 'container'  */
position:absolute; top: 0; border: 1px solid #fff; border-bottom-width: 1px; font:normal 12px Verdana; line-height:18px; z-index:100; background-color: #fff; width: 200px; visibility: hidden; }

.dropmenudiv a { width: auto; display: block; /*text-indent: 3px;*/ /* Not req if centering text */ border-bottom: 1px solid #000; padding: 2px 0; text-decoration: none; color: #fff; background: url('images/nav-up-tile.gif'); text-align: center; }

* html .dropmenudiv a{ /*IE only hack*/ width: 100%; }

.dropmenudiv a:hover { background: url('images/nav-ov-tile.gif'); }
















/*-----------------MENU START-----------------*/
.menu {
width: 650px;
font-size: 0.9em;
float: left;
z-index: 100;
height: 20px;
margin: 0 0 0 125px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding: 0;
margin: 0 0 0 30px;
list-style-type:  none;
color: #fff;
}
.menu ul ul {
width: 110px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float: left;
position: relative;
text-align: center;
margin: 0 2px 0 2px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display: block;
font-size: 11px;
text-decoration: none; 
color: #fff; 
width: 100px;
height: 20px;
border: 1px solid #fff; 
background: url('images/nav-up-tile.gif');
line-height: 19px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width: 120px;
w\idth: 100px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: url('images/nav-ov-tile.gif');
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background: url('images/nav-ov-tile.gif');
}
.menu ul ul :hover > a.drop {
background: url('images/nav-ov-tile.gif');
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 21px;
left: -32px;
width: 150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:22px;
t\op:22px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position: absolute; top: 0; left: 0;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background: url('images/nav-up-tile.gif');
color: #fff;
height: auto;
line-height: 1em;
padding: 5px 10px;
width: 129px;
border-top: solid 1px #000;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width: 150px;
w\idth: 129px;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color: #fff;
background: #001033;
background-image: url('images/nav-ov-tile.gif')
}
.menu :hover > a, .menu ul ul :hover > a {
color: #fff;
background: url('images/nav-ov-tile.gif');
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility: visible;
}
/*-----------------MENU END-----------------*/