@charset "utf-8";
/* CSS Document */

body {background-image:url(/images/bg.jpg); background-position:center top; background-repeat:no-repeat; background-color: #000; margin: 0px; font-size: 100%;}

#container { width: 980px; margin: 0px auto; position:relative; padding: 0px 0px 25px 0px;}

#header {height: 316px; position: relative;}
#header div.dh1 {width: 340px; height: 316px; background-image: url(/images/Title-top_left_full.png); margin: 0px; position: absolute; top: 0px; left: 0px;}
#header div.dh1 img {margin: 63px 0px 0px 5px; padding: 1px; border: solid 1px #900;}
#header div.logo {width: 300px; height: 316px; margin: 0px; position: absolute; top: 0px; left: 340px; color: #FFF;}
#header div.dh2 {width: 340px; height: 316px; background-image: url(/images/Title-top-right_full.png); margin: 0px; position: absolute; top: 0px; left: 640px; text-align: right;}
#header div.dh2 img {margin: 63px 5px 0px 0px; padding: 1px; border: solid 1px #900;}



#content {background-image:url(/images/bg.png); width: 970px; min-height: 500px; padding: 5px;}
#nav {width: 150px; margin: 0px 0px; position: relative;}
#content fieldset {padding: 10px; border: solid 2px #600; background: #000;}
#content fieldset legend {color: #900; padding: 0px 5px;}


#banner1 { width: 490px; height: 150px; margin: 0px 0px 0px 155px; padding: 5px; border: solid 1px #600; border-width: 0px 1px; }

#banner2 {float: right; width: 300px; padding:4px; margin-right: 5px; }

#banner2 div.live {width: 300px; height: 110px;  margin: 0px 0px 5px 0px; border-bottom: solid 1px #FFF;}
#banner2 div.req { width: 300px; height: 35px; margin: 3px 0px 5px 0px; border-bottom: solid 1px #FFF; color: #FFF; font-size: 120%; font-family:Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; text-align: center;}

#news {width: 490px; margin: 0px 0px 10px 155px; padding: 5px; border: solid 1px #600; border-width: 0px 1px; font-family:Verdana, Geneva, sans-serif;}
h1 {color: #FFF; font-size: 170%; margin: 0px; font-family:Georgia, "Times New Roman", Times, serif; /*background-image:url(/images/flyout-bg.png); background-repeat: repeat-y; background-position: middle;*/ background-color: #000;}
#news h2 {color: #C00; font-size: 130%; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; border-bottom: solid 1px #FFF;}

h3 {color: #C30; font-size: 110%; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;}
h4 {color: #F90; font-size: 100%; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;}
h5 {color: #FC3; font-size: 90%; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;}
h6 {color: #FFF; font-size: 80%; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;}

#news p, #news li {color: #FFF; font-size: 10pt; font-family:Arial, Helvetica, sans-serif;}
#news p li {font-size: 10pt; color: #FFF;}
#news li {font-size: 10pt; color: #FFF;}
#news p a, #news li a {color: #c00;}
#news p a:hover, #news li a:hover {color: #FC3;}

#footer {height: 75px; clear:both; width: 100%; color: #900; font-size: 80%; font-family:Arial, Helvetica, sans-serif; text-align: center;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav #flyout {float:left; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px; list-style:none; position:relative; width:140px;}
#nav #flyout ul {padding:0; margin:0; list-style:none; width:150px; height:auto; position:absolute; left:-9999px; top:0;}
#nav #flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#nav #flyout li {float:left; margin-bottom:1px;}
#nav #flyout li a {display:block; float:left; width:136px; height:27px; color: #FFF; line-height:24px; font-family:arial, sans-serif; font-size:11px; text-decoration:none; padding-left:10px; /*border-bottom: solid 1px #333;*/ margin: -1px 2px 0px 2px; font-weight: bold;}
#nav #flyout li a.fly {background: url(/images/right-arrow.gif) no-repeat right center;}

#nav #flyout li:hover {position:relative;}
#nav #flyout li a:hover {position:relative; background-color:#000; color:#C00;}
#nav #flyout li:hover > a {background-color:#000; color:#C00; border-left: solid 2px #600;}

#nav #flyout ul li a {background: url(/images/linkbg.png); width: 200px; color: #FFF;}
#nav #flyout ul li a:hover {width: 198px;}
#nav #flyout ul li a.fly {background:#000 url(/images/right-arrow.gif) no-repeat right center; color: #FFF;}
#nav #flyout ul ul li a {background: url(/images/linkbg.png); background-position:right;}
#nav #flyout ul ul li a.fly {background: url(/images/linkbg.png) no-repeat right center;}
#nav #flyout ul ul ul li a {background: url(/images/linkbg.png);}

#nav #flyout li a.current,
#nav #flyout ul li a.current,
#nav #flyout ul ul li a.current,
#nav #flyout ul ul ul li a.current {background-color:#000; color:#C00;}

#nav #flyout :hover ul {left:145px;}
#nav #flyout :hover ul :hover ul {left:200px;}
#nav #flyout :hover ul :hover ul :hover ul {left:200px;}

#nav #flyout :hover ul ul,
#nav #flyout :hover ul :hover ul ul {left:-9999px;}

#nav #flyout ul li:hover > a {background-color:#000; color:#C00;}
#nav #flyout ul ul li:hover > a {background-color:#000; color:#C00;}


/***********************************************
* gAjax RSS Feeds Displayer- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/


.labelfield{ /*CSS for label field in general*/
color:#FFF;
font-size: 80%;
}

.datefield{ /*CSS for date field in general*/
color: #FC3;
font-size: 80%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px; color: #FFF;
}

#example1 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example1 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example1 a{ /*CSS specific to demo 3*/
color: #FFF;
text-decoration: none;
font-weight: bold;
font-size: 70%;
font-family:Arial, Helvetica, sans-serif;
}

#example1 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}