@charset "utf-8";
/* CSS Document */

body { background-color:#fff; margin:0px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
h1 { color:#973500; text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:20px; *padding-top:15px; _padding-top:15px; }
h2 { color:#002b48; font-family:"Times New Roman", Times, serif; font-size:17px; padding-top:10px; }
h3 { font-size:15px; padding-top:10px; }
p { line-height:14px; }
a { color:#973500; text-decoration:none; }
a:hover { color:#002b48; }

th { background:#333; color:#FFF; }

input:hover {background-color:#CCCCCC;}
textarea:hover {background-color:#CCCCCC;}

.big_orange { font-size:15px; color:#973500; font-weight:bold; text-transform:uppercase; font-family:"Times New Roman", Times, serif; }
.larger { font-size:14px; }
.smaller { font-size:11px; }
.small { font-size:14px; }
.orange_larger { color:#973500; font-size:14px; }
.orange { color:#973500; }
.blue_larger { font-size:17px; font-family:"Times New Roman", Times, serif; color:#002b48; }

#wrapper { margin-right:auto; margin-left:auto; width:810px; background-image:url(images/bg_wood.jpg); background-repeat:repeat; }
#container { float:left; margin-left:20px; margin-right:20px; width:770px; background-color:#fff; }
#header { float:left; width:770px; background-color:#ececec; height:140px; }
#header_left { float:left; width:410px; }
#header_right { float:right; width:189px; height:83px; background-image:url(images/top_left.jpg); color:#fff; padding-right:15px; text-align:right; padding-top:5px; }

/* Top Navigation with Flyout */
#main_nav { float:left; width:770px; height:25px; text-align:center; background-color:#002b48; text-transform:uppercase; font-family:"Times New Roman", Times, serif; margin-bottom:5px; }
#main_nav a { padding-left:15px; padding-right:15px; color:#fff; text-decoration:none; }
#main_nav a:hover { background-color:#973500; }
#breadcrumbs { float:left; width:765px; font-size:11px; padding-left:5px; background-color:#973500; color:#fff; }
#breadcrumbs a { color:#fff; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }
#home_left { float:left; width:330px; padding-left:20px; padding-right:20px; text-align:justify; }
#home_right { float:left; width:390px; height:300px; padding-right:10px; margin-top:19px; _clear:right; }
#content_left { float:left; width:330px; padding-left:20px; padding-right:20px; text-align:justify; }
#content_right { float:left; width:390px; padding-right:10px; margin-top:19px; }
#content_right_quote { float:left; width:390px; }
#content_right_addons { float:left; width:390px; margin-top:200px; }
#content_wide { float:left; width:730px; padding-left:20px; padding-right:20px; }
#column1 { float:left; width:243px; text-align:center; }
#column2 { float:left; width:243px; text-align:center; }
#column3 { float:left; width:243px; text-align:center; }
#double1 { float:left; width:364px; text-align:center; }
#double2 { float:left; width:364px; text-align:center; }
#footer { float:left; background-color:#ececec; font-size:11px; color:#959595; width:770px; height:60px; border-top:#973500 solid 2px; margin-top:30px; }
#footer_left { float:left; padding-left:10px; margin-top:15px; }
#footer_right { float:right; padding-right:10px; text-align:right; margin-top:15px; }
#footer a { color:#959595; text-decoration:none; }
#footer a:hover { color:#973500; }

#spacer { line-height:0px; clear:both; }

.menu {width:770px; height:25px; font-size:13px; position:relative; z-index:100; text-align:center;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none;}
.menu ul ul {width:149px; _width:135px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:154px; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:11px; text-decoration:none; color:#973500; height:25px; padding-left:10px; padding-right:10px; line-height:25px; _width:135px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:142px; w\idth:120px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* 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:25px; left:0; width:139px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:25px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#002b48; font-size:10px; color:#000; height:auto; line-height:1em; padding-top:5px; padding-bottom:5px; width:125px; _width:120px; border-width:0 1px 1px 1px; z-index: 1;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px; _width:128px; color:#973500;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#973500;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#973500;}
/* 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;  z-index: 1;}
.menu ul li a {color:#973500;}