@import url("form.css");

/* <preload images> */
body {
background-position: -9999px -9999px;
background-repeat: no-repeat;

background-image: url(../img/rollovermenu/01_o.gif);
background-image: url(../img/rollovermenu/02_o.gif);
background-image: url(../img/rollovermenu/03_o.gif);
background-image: url(../img/rollovermenu/04_o.gif);
background-image: url(../img/rollovermenu/05_o.gif);
background-image: url(../img/rollovermenu/06_o.gif);

background-image: url(../img/rollovermenu/02_01.gif);
background-image: url(../img/rollovermenu/02_02.gif);
background-image: url(../img/rollovermenu/02_03.gif);
background-image: url(../img/rollovermenu/05_01.gif);
background-image: url(../img/rollovermenu/05_02.gif);
}
/* </preload images> */

body { background:#990700 url(../img/page_bg.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;}
a { text-decoration: none;}
a:hover, a:focus { outline: none;}

body, div#header h1, div#mainnav ul { margin: 0; padding: 0;}

div#sitewrapper, div#header h1, div#contentwrapper, div#mainnav, div#footer { width: 741px;}
div#sitewrapper { margin: 0 auto 0 auto; border: solid 1px #FFF; border-top: none; background: #FF9B1B;}

div#header h1, div#mainnav a { /*font-size: 0; line-height: 0;*/ text-indent: -9999px;}
div#header h1 { background: #7ABCFF url(../img/logo.jpg) no-repeat; height: 122px;}

div#contentwrapper { float: left; position: relative;}

div#mainnav { position: absolute; height: 43px; left: 0; top: 0; z-index: 2;}
div#mainnav ul { margin: 0; padding: 0; list-style-type: none;}
div#mainnav ul, div#mainnav li, div#footer, div#footer div { float: left;}
div#mainnav ul ul, div#mainnav ul ul li { float: none;}

div#mainnav ul ul { margin-top: 3px;}
div#mainnav ul ul li.bordertop, div#mainnav ul ul li.bordertopbottom { border-top: solid 1px #000;}
div#mainnav ul ul li.bordertopbottom { border-bottom: solid 1px #000;}
div#mainnav li a { height: 37px; display: block;}

div#mainnav ul li#main_link1 a, div#mainnav ul li#main_link2 a, div#mainnav ul li#main_link3 a, div#mainnav ul li#main_link4 a, div#mainnav ul li#main_link5 a, div#mainnav ul li#main_link6 a { border-width: 6px 1px 0 0; border-style: solid; border-right-color: #FFF;}
div#mainnav ul li#main_link2 ul li a, div#mainnav ul li#main_link5 ul li a { border: none;}
div#mainnav ul li#main_link1 a, div#mainnav ul li#main_link5 a { border-top-color: #A82013;}

div#mainnav ul li#main_link1 a { background: url(../img/rollovermenu/01.gif);}
div#mainnav ul li#main_link2 a { background: url(../img/rollovermenu/02.gif);}
div#mainnav ul li#main_link3 a { border-top-color: #315690; background: url(../img/rollovermenu/03.gif);}
div#mainnav ul li#main_link4 a { border-top-color: #519132; background: url(../img/rollovermenu/04.gif);}
div#mainnav ul li#main_link5 a { background: url(../img/rollovermenu/05.gif);}
div#mainnav ul li#main_link6 a { border-right: none; background: url(../img/rollovermenu/06.gif);}
div#mainnav ul li#main_link2 a, div#mainnav ul li#main_link6 a { border-top-color: #F6CC13;}

div#mainnav ul li#main_link2,
div#mainnav ul li#main_link4,
div#mainnav ul li#main_link6 { width: 123px;}

div#mainnav ul li#main_link2 ul,
div#mainnav ul li#main_link2 ul li,
div#mainnav ul li#main_link2 ul li a,
div#mainnav ul li#main_link4 ul,
div#mainnav ul li#main_link4 ul li,
div#mainnav ul li#main_link4 ul li a,
div#mainnav ul li#main_link6 ul,
div#mainnav ul li#main_link6 ul li,
div#mainnav ul li#main_link6 ul li a { width: 122px;}

div#mainnav ul li#main_link1,
div#mainnav ul li#main_link3,
div#mainnav ul li#main_link5 { width: 124px;}

div#mainnav ul li#main_link1 ul,
div#mainnav ul li#main_link1 ul li,
div#mainnav ul li#main_link1 ul li a,
div#mainnav ul li#main_link3 ul,
div#mainnav ul li#main_link3 ul li,
div#mainnav ul li#main_link3 ul li a,
div#mainnav ul li#main_link5 ul,
div#mainnav ul li#main_link5 ul li,
div#mainnav ul li#main_link5 ul li a { width: 123px;}

div#mainnav ul li#main_link2 ul li { background: #F6CC13;}
div#mainnav ul li#main_link5 ul li { background: #A82013;}

div#mainnav ul li#main_link1 a.rollover { background: url(../img/rollovermenu/01_o.gif);}
div#mainnav ul li#main_link2 a.rollover { background: url(../img/rollovermenu/02_o.gif);}
div#mainnav ul li#main_link3 a.rollover { background: url(../img/rollovermenu/03_o.gif);}
div#mainnav ul li#main_link4 a.rollover { background: url(../img/rollovermenu/04_o.gif);}
div#mainnav ul li#main_link5 a.rollover { background: url(../img/rollovermenu/05_o.gif);}
div#mainnav ul li#main_link6 a.rollover { background: url(../img/rollovermenu/06_o.gif);}

div#mainnav ul li#main_link2 ul li a#sub2_01 { background: url(../img/rollovermenu/02_01.gif);}
div#mainnav ul li#main_link2 ul li a#sub2_02 { background: url(../img/rollovermenu/02_02.gif);}
div#mainnav ul li#main_link2 ul li a#sub2_03 { background: url(../img/rollovermenu/02_03.gif);}
div#mainnav ul li#main_link5 ul li a#sub5_01 { background: url(../img/rollovermenu/05_01.gif);}
div#mainnav ul li#main_link5 ul li a#sub5_02 { background: url(../img/rollovermenu/05_02.gif);}

div#content { width: 701px; position: relative; left: 0; top: 43px; z-index: 1; border-top: solid 3px #1B3A74; padding: 10px 20px 0 20px;}
div#content h1 { font-size: 140%; margin: 20px 0 0 0; padding: 0;}
div#content p, div#content ul { line-height: 1.6em;}
div#content p { margin: 0; padding: 15px 0 15px 0;}
div#content p a { color: #000; text-decoration: underline;}
div#content p a:hover, div#content p a:focus { color: #FFF;}
div#content p a:hover, div#content p a:focus { text-decoration: underline;}
div#content p.visualleft, div#content p.visualright { border: solid 1px #000; padding: 0;}
div#content p.visualleft img, div#content p.visualright img { border: solid 2px #FFF;}
div#content p.visualleft { margin: 15px 15px 15px 0; float: left;}
div#content p.visualright { margin: 15px 0 15px 15px; float: right;}

div#footer { text-align: right; margin-top: 43px; /*position: relative; left: 0; top: 0;*/}
div#footer, div#footer a { font: bold 11px Verdana; color: #FFF; letter-spacing: -1px;}
div#footer a:hover, div#footer a:focus { color: #000; text-decoration: underline;}

div#footer div#gradient1, div#footer div#gradient2, div#footer div#gradient3 { height: 28px;}
div#footer div#gradient1 { width: 187px; background-image: url(../img/gradients/bg1.gif);}
div#footer div#gradient2 { width: 183px; background-image: url(../img/gradients/bg2.gif);}
div#footer div#gradient3 { width: 184px; background-image: url(../img/gradients/bg3.gif);}
div#footer div#gradient4 { width: 178px; background: url(../img/gradients/bg4.gif) repeat-x; padding: 7px 9px 8px 0;}

.clearer { height: 0; line-height: 0; font-size: 0; clear: both;}