/* *****************************
	************************************
  ******            		        ******
******   Contact www.buildmyweb.org   ******
******   for help or future projects. ******
  ******  				            ******
	************************************
	  ***************************** */

/* Main Body */
a.link_body:link 	{ font:normal 14px Tahoma, Franklin Gothic Book; color:#f30000; text-decoration:none; }
a.link_body:visited { font:normal 14px Tahoma, Franklin Gothic Book; color:#f30000; text-decoration:none; }
a.link_body:hover 	{ font:normal 14px Tahoma, Franklin Gothic Book; color:#FD9B04; text-decoration:underline; }

/* FOOTER */
a.link_footer:link 		{ font:normal 14px Garamond; color:#f30000; text-decoration:none; }
a.link_footer:visited	{ font:normal 14px Garamond; color:#f30000; text-decoration:none; }
a.link_footer:hover 	{ font:normal 14px Garamond; color:#FD9B04; text-decoration:underline; }

/* UNORDERED LIST */
a.link_ul:link 		{ font:normal 11px Tahoma, Franklin Gothic Book; color:#f30000; text-decoration:none; }
a.link_ul:visited 	{ font:normal 11px Tahoma, Franklin Gothic Book; color:#f30000; text-decoration:none; }
a.link_ul:hover 	{ font:normal 11px Tahoma, Franklin Gothic Book; color:#FD9B04; text-decoration:underline; }


.h3 { font:bold 14px Book Antiqua; color:#787878; }
.emph { color:#FD9B04; }
.title { margin-top: 50px; }
.right {  text-align:right; }

.spacer10 { height:10px; }
.sm_font { font-size:80%; line-height:0.8; }

/*
darkerred = 220000
darkred = 770101
lightred = f30000
offwhite = fffcd9
gold = FD9B04
*/

h1 { margin-top:0px; padding-top:0px;  }
body { font:normal 14px Tahoma, Franklin Gothic Book; color:#fffcd9; text-decoration:none; text-align: center; background-color: #000000; }
 

/* layer that simply centers the whole page */
#wrapper { position:relative; top:0px; margin:0 auto; text-align:left; width:800px; height:600px; z-index:0; background: url('pics/bg_main.jpg'); background-repeat: no-repeat; }



/* **************** BANNER *************** */
#banner { float:left; background: url('pics/bg_banner.gif'); background-repeat: no-repeat; height:100px; width:800px; } 

#ev_logo { float:right; height:71px; width:72px; margin-right:20px; background: url('pics/ev_logo.jpg'); z-index:10; cursor: hand; cursor: pointer; } 

#bg_body { position:absolute; top:0px; left:-230px; background: url('pics/bg_body.jpg'); background-repeat: no-repeat; height:341px; width:200px; z-index:2; }

#lower_banner { clear:both; width:800px; }

.top { position:absolute; top:-100px; font:normal 6px Arial; color:#000000; background-color: #000000; }


/* **************** LINKPANEL *************** */
#linkpanel { float:left; }

.arrowlistmenu{
width: 170px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #fffcd9;
background: url(pics/titlebar.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(pics/titlebar_active.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #f30000;
background: url(pics/skull.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #220000; /* lines under each link in submenu */
font-size: 80%;
}

.arrowlistmenu ul li a:visited{
color: #f30000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FD9B04;
/* background-color: #F3F3F3; */
}


/* **************** MAIN *************** */ 
#main { float:left; width:580px; padding-left:20px; padding-right:20px; z-index:5; line-height: 1.1; }

#login {  position:absolute; top:400px; right:-100px; width:100px; height:148; border:0px; }

.col_1 { float:left; width:160px; z-index:10; font-size:80%; }
.col_2 { float:left; width:420px; z-index:10; font-size:80%; }

.imgright { float:right; margin-left:20px; margin-top:10px; margin-bottom:10px; } 
.imgleft { float:left; margin-right:20px; margin-top:3px; margin-bottom:10px; }




/* **************** FOOTER *************** */
#footer { clear:both; text-align:center; font:normal 13px Garamond; padding-top:30px; padding-bottom:20px; }

/* **************** BUILD MY WEB LINK *************** */
#subfooter { clear:both; text-align:right; font:normal 13px Garamond;  background: url('pics/bg_footer.jpg'); background-repeat: repeat-x; padding: 20px 15px 30px 15px; }





/* **************** TOOLTIPS *************** */
#fixedtipdiv{
position:absolute;
padding: 1px;
border:1px solid black;
color:#FD9B04;
text-align:center;
font-size:75%;
z-index:100;
}