/* CSS Document */
body {background: #870000; margin:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#top {background:url(img/top.gif); height:237px;}
#topwrap {width:960px; margin:0 auto;}

#navcontainer {height:32px;}
#navcontainer ul {margin:0 33px 0 0px; padding:0; list-style-type: none; text-align:left; font-size:12px; font-weight:bold; clear:both;}
#navcontainer ul li {float:left; position:relative; z-index:100; margin:0px; padding:0px;}
#navcontainer a {display: block; padding:0px;}
#navcontainer a#products {background:url(img/products.gif) bottom no-repeat;}
#navcontainer a#products:hover {background:url(img/products.gif) top no-repeat;}
#navcontainer a#wiring {background:url(img/wiring.gif) bottom no-repeat;}
#navcontainer a#wiring:hover {background:url(img/wiring.gif) top no-repeat;}
#navcontainer a#lessons {background:url(img/lessons.gif) bottom no-repeat;}
#navcontainer a#lessons:hover {background:url(img/lessons.gif) top no-repeat;}
#navcontainer a#support {background:url(img/support.gif) bottom no-repeat;}
#navcontainer a#support:hover {background:url(img/support.gif) top no-repeat;}
#navcontainer a#links {background:url(img/links.gif) bottom no-repeat;}
#navcontainer a#links:hover {background:url(img/links.gif) top no-repeat;}

/* use the table to position the dropdown list */
#navcontainer table {position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:31px; width:298px;}
/* style all the links */
#navcontainer .dropdown a {display:block; font-size:14px; padding:2px 5px 5px 14px; color:#fff; width:140px; background:#870000; text-decoration:none; margin-right:1px; text-align:left;}
/* style the links hover */
#navcontainer .dropdown :hover{color:#fff; background:#f90;}
#navcontainer .dropdown a:visited {color:#fff;}
/* hide the sub level links */
#navcontainer ul ul {visibility:hidden; position:absolute; height:0; width:298px;}
/* make the sub level visible on hover list or link */
#navcontainer ul :hover ul{visibility:visible;}


#content_border {background:#fff; border-bottom:2px solid #000; clear:both;}
#content_wrap {background:url(img/bg_main.gif) center repeat-y; width:960px; margin:0 auto;}
#left_col {width:203px; float:left; padding:10px;}
#left_col_links {list-style-type:none; margin:0; padding:20px 10px;}
#left_col_links a {text-decoration:none; color:#000; font-size:15px;}
#left_col_links a:hover {color:#870000; font-weight:bold;}
#search {background:url(img/search.gif) no-repeat; height:32px; width:182px; padding:30px 8px 0 8px;}

#content {width:657px; float:right; padding:20px 40px;}

a:link {color: #870000;}
a:hover {color: #339;}

#footer {width:900px; margin:0 auto; padding:10px 30px;; text-align:center; color:#fff; font-size:11px;}
#footer a {color:#fff;}