﻿
/* Layout Stylesheet */ 

body { background:#fff; color: #fff; font-family: verdana, arial; font-size: 12px;} 

.contactpopup{background:#f78e1e; color: #fff; font-family: verdana, arial; font-size: 12px;}
.casepopup{background:#cd4552; color: #fff; font-family: verdana, arial; font-size: 12px;}
.presspopup{background:#660099; color: #fff; font-family: verdana, arial; font-size: 12px;} 

#body{width:862px; margin:auto; background:#fff}

#outer_main{width:480px; background:#fff; margin:auto; float:left;}
#outer, #outer_gr, #outer_bl, #outer_rd, #outer_yl, #outer_pl
{width:550px; background:#fff; margin:auto; float:left;}

#topmenu, #topmenu_gr, #topmenu_bl, #topmenu_rd, #topmenu_yl, #topmenu_pl 
{height:65px; background:#f78e1e;}
#topmenu_gr {background:#4bb84d url('images/menu_bg_gr.gif') no-repeat;}
#topmenu_bl {background:#4F6666 url('images/menu_bg_bl.gif') no-repeat;}
#topmenu_rd {background:#cd4552 url('images/menu_bg_rd.gif') no-repeat;}
#topmenu_yl {background:#e7d001 url('images/menu_bg_yl.gif') no-repeat;}
#topmenu_pl {background:#660099 url('images/menu_bg_pl.gif') no-repeat;}

#main, #main_gr, #main_bl, #main_rd, #main_yl, #main_pl, #main_rd_cs, #main_yl_cs {height:475px;} 
#main {background:#f78e1e url('images/bg.gif') no-repeat bottom;}
#main_gr {background:#4bb84d url('images/bg_gr.gif') no-repeat;}
#main_bl {background:#4F6666 url('images/bg_bl.gif') no-repeat;}
#main_rd {background:#cd4552 url('images/bg_rd.gif') no-repeat;}
#main_yl {background:#e7d001 url('images/bg_yl.gif') no-repeat;}
#main_pl {background:#660099 url('images/bg_pl.gif') no-repeat;}

#main_rd_cs {background:#cd4552;}
#main_yl_cs {background:#e7d001;}
 
#rightcol_main{float:right; width:382px; height:540px; background:#fff; margin:0px; padding:0px;}
#rightcol{float:right; width:312px; height:540px; background:#fff; margin:0px; padding:0px;}

#texthome{position:relative; top:360px; left:23px; width:250px; height:330px;}
#text, #textwide, #textwidelist{position:relative; top:110px; left:100px; width:250px; height:330px;}
#textwide{position:relative; top:110px; left:100px; width:300px; height:200px;}
#textwidelist{position:relative; top:110px; left:60px; width:300px; height:200px;}
#textltcol{position:relative; float:left; top:10px; left:10px; width:255px;}
#textrtcol{position:relative; float:right; top:10px; right:10px; width:255px;}

#thumcol{position:relative; float:left; left:10px; width:520px; height:80px; margin:10px 0;}  

#footer{width:862px; 
margin:auto; 
background:#fff; 
text-align:center;
color: #999;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;}

/*top menu formating*/
ul.topmenu{
list-style: none;
margin: 0px 0 0;
padding: 27px 0 0 50px;
}

ul.topmenu li{
float:left;
position: relative;
padding: 0;
}

ul.topmenu li a, ul.topmenu li a:visited, ul.topmenu li a:active, ul.topmenu li a:hover 
{
display: block;   

padding:0 5px;
margin:0 5px;
background:#f78e1e;
text-align: center;
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
border:1px solid #fff;
}

ul.topmenu li a:hover 
{  
color: #f78e1e;
background:#fff;
border:1px solid #f78e1e;
}

/*footer menu formating*/

#footer a, #footer a:visited, #footer a:active, #footer li a:hover 
{  
color: #999;
padding:0 5px;
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
}

#footer a:hover 
{  
color: #f78e1e;
background:#fff;
border:1px solid #f78e1e;
}


li.home a
{
display: block;  
padding:0 5px;
margin:0 5px;
background:#fff;
text-decoration: none;
border:1px solid #fff;
}


ul.presslist li{
position: relative;
padding:0 0 7px 0;
}

ul.presslist li a, ul.presslist li a:visited, ul.presslist li a:active, ul.presslist li a:hover 
{   
color: #fff;
text-decoration: none;
}


/*text formating*/

h1, h2{
font-family: verdana, arial;
font-size: 13px;
color: #fff;
font-weight: bold;
margin:0 0 .4em 0;
}

h2{font-size: 11px;}

p{
font-family: verdana, arial;
font-size: 11px;
margin:0 0 .9em 0;
} 
 
a:link, a:visited, a:active { 
color: #fff;
}

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


/*image formatting*/

img{ border:0; padding:0; margin:0;}

#thumcol a:hover{border:solid 3px #4BB84D; }

