/* CSS Document */

/* =universals 
These rules are applied to all elements unless otherwise specified below. */

* {margin:0; padding:0; border:0;}
h2, h3, h4, h5, ol {margin:0 20px; padding:.5em 0;}
p {margin:0 20px; padding:.7em 0;}
h3 {font-size:14px; position:relative; color:#FFF;}
h4 {font-size:13px;}
.img_border {border:1px solid #FE9002;}
ul {list-style-type:none;}
b {color:#FE9002;}
a:link {font-weight:bold; text-decoration:none; color:#FFF;}
a:visited{text-decoration:none; color:#FFF;}
a:hover {text-decoration:underline; color:#FE9002;}
a:active {text-decoration:underline; color:#FE9002;}

/* =body */
body {background:#000; font:76%/160% Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:justify;}

/* =container (confines the screen to 770px wide) */
div.container {width:900px; min-height:600px; max-height:600px; margin:20px auto; background:#000 url(images/fire_bottom.jpg) bottom no-repeat;}
div.container_large {width:900px; min-height:600px; margin:20px auto; background:#000 url(images/fire_bottom.jpg) bottom no-repeat;}


/* =header (defined for applying fire_top bg) */
div.header {min-height:100px; background:url(images/fire_top.jpg) no-repeat;}

/* =title area (text indented and replaced by background title) */
h1 {text-indent:-99999px;}
div#title {}

/* =navigation area (displays the horizontal navigation buttons) */
ul.navbar {list-style-type:none; display:block; float:right; width:100%; margin:0; padding:4px 0; text-align:center; color:#FFF;}
ul.navbar li {font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:inline; float:right; position:relative;}
a.nav:link, a.nav:visited {float:left; text-decoration:none; color:#FFF; padding:0 3px; margin:0 10px;}
a.nav:hover {float:left; text-decoration:none; color:#FE9002;}
a.nav:active {float:left; text-decoration:none; color:#FE9002;}
a#nav_active {color:#FE9002;}

/* styling for the drop down sub menu area */
ul.navbar li ul{display:none; position:absolute; top:18px; left:-37px; background:#000; list-style-type:none; border:1px solid #FE9002; border-top:none;}
ul.navbar li:hover ul{display:block; z-index:500;}
ul.navbar li:sfhover ul{display:block;}
ul.sub_nav li {font-size:10px; font-weight:bold; display:block; position:relative; border-bottom:1px solid #FE9002; margin:0; padding:3px 5px; width:160px; text-align:center; color:#FFF;}
a.sub_menu:link, a.sub_menu:visited {text-decoration:none; color:#FFF; padding:0 5px; margin:0 10px;}
a.sub_menu:hover {text-decoration:none; color:#FE9002;}
a.sub_menu:active {text-decoration:none; color:#FE9002;}

/* =data holding area */
div#data_holder {font:90%/130% Verdana, Arial, Helvetica, sans-serif; color:#FFF; min-height:475px;}
div#data_holder table {max-height:445px; width:100%; overflow:scroll; margin:auto;} 
div#data_holder table td {margin:0; padding:2em .7em; vertical-align:top;}
div#data_holder td#text_content {width:350px; padding:0.7em .1em; vertical-align:top;}
div#data_holder td#image_content {padding:10px 0 0 15px; vertical-align:middle; text-align:center;}
div#data_holder td.single_column {width:100%; padding:15px; vertical-align:middle; text-align:center;}

/* =footer */
div.footer {font-size:10px; color:#FFF; clear:both;}
div.web_design {float:left; position:relative; left:20px;}
div.copyright {float:right; position:relative; right:20px;}

/* =Ads
These styles are applicable to ad areas. */
div.googleAd {position:fixed; top:20px; right:50px;}
div.googleImages {position:fixed; top:20px; left:50px;}