/*
Created by Ryan Wetherill
Home Stylesheet
Last Updated September 23, 2009
-------------------------------------------------------------- */

h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:14px; }

a { color: #000000; }
a:hover { color: #ff5200; text-decoration: none; }
a img { border: none; }

table {font-size:14px;}

body
{
font-family: Arial, sans-serif;
font-size:14px;
text-align: center;
background-image:url('/sitecontent/1/images/fadeback.png');
background-repeat:repeat-x;
background-color: #ff5200;
behavior: url("/sitecontent/1/templates/ECU/assets/scripts/csshover3.htc");
}

div#wrapper 
{
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
}

div#middle
{
background-image:url('/sitecontent/1/images/rightvines.png');
background-repeat:no-repeat;
margin-left: -3px;
position:absolute;
width:1000px;
height:1000px;
}

div#left
{
float: left;
margin-left: -300px;
background-image:url('/sitecontent/1/images/leftvines.png');
background-repeat:no-repeat;
width:300px;
height:1000px;
}

div#topmenu
{
background-color:#ff5200;
height:24px;
width:800px;
position:absolute;
top:-8px;
font-size:14px;
font-weight:bold;
z-index:999;
}

div#topmenu ul { float: left; margin: 0; position: relative; top: -1px; left: -33px; list-style: none;  z-index: 999; width:800px;}
div#topmenu ul li { display: block; float: left; position: relative; font-size: 12px; font-weight: bold; color: #000; text-align: center; height: 23px;  z-index: 999; }
div#topmenu ul li a { color: #000; display: block; padding: 5px 10px; text-decoration: none; border-right: 1px solid #000;  z-index: 999;}
div#topmenu ul li.last a { border: none;  z-index: 999; }
div#topmenu ul li a:hover { background: #ff5200; color: #fff;  z-index: 999; }
div#topmenu ul li ul { left: -999em; position: absolute; z-index: 999; }
div#topmenu ul li:hover ul,
div#topmenu ul li.sfhover ul { float: none; width: 200px; position: absolute; top: 24px; left: -40px; z-index: 999; }
div#topmenu ul li:hover,
div#topmenu ul li.sfhover { background-color: #555; color: #fff; z-index: 999;}
div#topmenu ul li:hover a,
div#topmenu ul li.sfhover a { background-color: #ff5200; color: #fff; display: block;  z-index: 999; }
div#topmenu ul li:hover li a,
div#topmenu ul li.sfhover li a { color: #000; }
div#topmenu ul li ul li { font-size: 12px; font-weight: normal; height: auto; text-align: left;  z-index: 999; clear:left; background-color:#ff5200; width:200px; color: #000;}
div#topmenu ul li ul li a { width: 200px; padding: 5px; border:none; z-index: 999; }
div#topmenu ul li ul li a:hover { background-color: #555; color: #fff; z-index: 999; }
div#topmenu ul li:hover ul li ul,
div#topmenu ul li.sfhover ul li ul { left: -999em; position: absolute;  z-index: 999; }
div#topmenu ul li ul li:hover ul,
div#topmenu ul li ul li.sfhover ul { float: none; width: 200px; position: absolute; top: 0; left: 191px; z-index: 999; }


div#menu
{
background-color:#000000; 
width:172px;
top:180px;
left:0px;
color:#ffffff;
padding-left:4px;
padding-right:4px;
padding-top:10px;
padding-bottom:10px;
float:left;
font-size:12px;
position:relative;
z-index:100;
}

div#menu ul { margin: 0 0 2em 0; padding: 0; color: #ffffff; list-style: none; }
div#menu ul li { font-size: 8.5pt; }
div#menu a { color: #ffffff; text-decoration: none; }
div#menu a:hover { color: #ff5200; text-decoration: none; }
div#menu h2 { color: #ffffff; font-weight: normal; font-size: 14pt; font-style: normal; text-align:center; }
div#menu h3 { color: #ffffff; font-size: 8pt; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; text-align:center; }
div#menu img { border-style: none; }

div#content
{
background-color:#ffffff; 
width:592px;
top:180px;
padding-left:4px;
padding-right:4px;
padding-top:10px;
padding-bottom:10px;
lefT:20px;
float:left;
position:relative;
}

div#search
{
border-style:solid;
border-width:1px;
background-color:#ffffff;
position:absolute;
height:21px;
width:85px;
top:73px;
left:662px;
overflow:hidden;
}

#search input,select {border:none}


div#footer
{
font-weight: bold;
font-size: 10px;
text-align:center; 
height:200px; 
width:800px;
bottom:-230;
left:-202;
position:absolute;
}

#footer a { color: #000000; text-decoration: none;}
#footer a:hover { color: #ffffff; text-decoration: none; }