body { margin:0; }
p,div,td,blockquote,ul,ol,li { font-family: Arial, Helvetica, sans-serif; color: #666; font-size:12px; }
ul li { margin-bottom:12px; list-style-image:url(../images/bullet.gif); }


/* core
+++++++++++++++++++++++++++++++++++*/
#container { width:898px; margin:0 auto; }
#utility { height:14px; text-align:right; padding-right:25px; color:#999; padding-top:16px; }
#nav img, #nav input { float:left; height:21px; width:298px; }


#wrapper { width:898px; margin-top:48px; background:url(../images/bg_wrapper.gif) repeat-y; }
#left { float:left; width:169px; padding:28px; line-height:1.1em; font-size:11px; height:100%; }
#right { float:left; padding:32px 29px; width:615px; line-height:1.4em; }
#footer { text-align:center; margin-top:37px; color:#999; font-size:10px; }

#callout { font-size:11px; background-color:#f4f4f3; padding:17px; position:relative; width:581px; }

#cleaner { clear:both; height:0; margin:0; padding:0; }


/* type
+++++++++++++++++++++++++++++++++++*/
H1 { font-size:24px; color:#5bbd54; font-weight:normal; margin:0; margin-bottom:35px; text-transform:uppercase; }
H2 { font-size:14px; color:#5bbd54; font-weight:normal; margin:0; text-transform:uppercase; }
H3 { font-size:11px; font-weight:bold; margin:0; text-transform:uppercase; }
.sup { position:relative; font-size:10px; top:-4px; }


/* tables
+++++++++++++++++++++++++++++++++++*/
tr.shaded { background-color:#f6f6f1; }
td.shaded { background-color:#4EB347; color:#FFF; font-weight:bold; }
td.shaded2 { background-color:#F6F6F1; }

/* links
+++++++++++++++++++++++++++++++++++*/
a:link, a:visited {	color:#ef3e34; text-decoration:none; }
a:hover, a:active {	color:#50b949; text-decoration:none; }

a.left:link, a.left:visited { font-size:11px; color:#666; text-decoration:none; }
a.left:hover, a.left:active, a.leftActive { color:#50b949; text-decoration:none; }

a.footer:link, a.footer:visited { font-size:10px; color:#999; text-decoration:none; }
a.footer:hover, a.footer:active { color:#50b949; text-decoration:none; }

a.product:link, a.product:visited { color:#666; text-decoration:underline; }
a.product:hover, a.product:active { color:#50b949; }


/* images
+++++++++++++++++++++++++++++++++++*/
.img { border:2px solid #e2e2dd; }


/* forms
+++++++++++++++++++++++++++++++++++*/
form { margin:0; }
.input { background-color:#F4F4F3; border:0; font-family: Arial, Helvetica, sans-serif; color: #666; font-size:12px; padding:2px; }
.validation_summary { background-color:#F8E5E5; border:1px solid #CC0000; margin-bottom:10px; padding:10px; font-size:11px; }
.validation_summary li { list-style-image:none; color:Red; margin:0; }
input.submitbutton { color:#CC0000; border:solid 1px #ccc; background-color:#f0eeee; cursor:default; padding:3px 0; cursor:pointer; font-size:12px; }


/* ================================================================ 
CSS Dropdown Menu
=================================================================== */
.menu { position:relative; z-index:100; width:898px; margin:0; }
/* hack to correct IE5.5 faulty box model */
* html .menu { margin-top:0; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; position:relative; list-style-image:none; margin:0; margin-right:2px; width:298px; text-align:center; }
.menu ul ul li.bottom { height:10px; background:#d8d8d8; }
/* style the links for the top level */
.menu li a { width:298px; }
.menu a, .menu a:visited {display:block; font-size:11px; text-decoration:none; color:#fff; border:none; }
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#666666; background:none; }
.menu :hover > a, .menu ul ul :hover > a { color:#666666; background:none; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { color:#666; background:#d8d8d8; font-size:11px; height:22px; line-height:22px; text-align:center; margin:0; }
/* style the second level hover */
.menu ul ul a.drop:hover{ color:#50b949; }
.menu ul ul :hover > a.drop { color:#50b949; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; top:21px; left:0; height:0; background:#d8d8d8; padding-top:8px; width:298px; }
/* another hack for IE5.5 */
* html .menu ul ul {  }

/* 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; border-collapse:collapse;}

/* 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; }