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

h1 { font-size:22px; }

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


body
{
font-family: Arial, sans-serif;
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
{
margin-left: -3px;
position:absolute;
background-image:url('/sitecontent/1/images/rightvines.png');
background-repeat:no-repeat;
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#scrollmenu
{
background-color:#000000; 
height:150px; 
width:800px; 
position:absolute; 
top:180px;
}

div#leftarrow
{
float:left;
margin-top:22px;
margin-left:1px;
height:105px;
width:54;
}

div#rightarrow
{
float:right;
margin-top:22px;
margin-right:1px;
height:105px;
width:54;
}

div#announcements
{
background-image:url('/sitecontent/1/images/announcements.jpg');
background-repeat:no-repeat;
background-color:#ffffff; 
height:300px; 
width:480px; 
position:absolute; 
top:671px;
left:321px;
}

div#socialmedia
{
background-color:#ffffff; 
height:78px; 
width:300px; 
position:absolute; 
top:883px;
text-align:center;
padding-top:10px;
}

div#map
{
background-color:#ffffff; 
height:200px; 
width:300px; 
position:absolute; 
top:671px;
text-align:center;
background-image:url('/sitecontent/1/images/colormap.jpg');
}

div#photos
{
background-color:#ffffff; 
width:480px; 
height:320px; 
top:340px;
position:absolute;
overflow:hidden;
}

div#photos ul li 
{
left:9px;
top:9px;
padding:0px;
margin:0px;
float:left;
position:absolute;
list-style: none;
}

div#photos ul li img 
{
border:1px solid #ccc;
padding: 4px;
background: #FFF;
}

div#photos ul li.show 
{
z-index:500;
}


div#scroller
{
float:left;
height:120px;
width:670px;
margin-top:15px;
margin-left:10px; 
overflow:hidden;
}

div#button
{
margin-left:11px;
float:left;
width:121px;
height:120px;
}

#button img { border:none; }

#button img:hover { border:1px solid #000000; }

#socialmedia img { border:none; }


div#announcements li 
{
list-style-type:circle; 
padding:0; 
margin-left:-20px; 
margin-bottom:5px;
margin-top:5px; 
margin-right:10px;
font-weight:bold;
font-size:14px;
}


div#events
{
background-image:url('/sitecontent/1/images/events.jpg');
background-repeat:no-repeat;
background-color:#ffffff; 
height:320px; width:300px; 
position:absolute; 
top:340px; 
left:500px;
font-weight:bold;
font-size:12px;
text-align:center;
}

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; 
position:absolute; 
top:1000px;
}

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