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


html, body {margin:0; padding:0; border:0;}

body {
color:#ffffff;
background: #EEE8D5; /*#B9B091; url(images/beige_b003.jpg) repeat-y left;
/*background: #fff0d9;/*#C5D2DA; #b8cded; #BAC6DA; #6666ff;  #D3DFB0;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font: 80%  Verdana, Arial, Helvetica, sans-serif;
margin:0;
margin-top:6px;
margin-bottom:6px;
}

.clear { clear: both; }

.wide {width:100%;}

.bottom {/*border-top: 1px solid #999999;*/ position: relative;}

.wrapper_wide {
margin:0 auto;
width:900px;
background: #CBCCB5 url(images/background2.png) repeat-y 0;
/*background: #FF9900; url(images/beige_b003.jpg) repeat-y 100% 0;*/
}

.banner {
background:url(images/banner_top.jpg);
height:200px;
}


.wrapper {
margin:0 auto;
width: 840px;
text-align:justify;
background:#804000 ; /*#805326; #D2D7BD; url(images/beige_b003_right.jpg) repeat-y 0;*/
/*border: 1px solid #CCCCCC;*/
}

* html .wrapper { /*** IE5.X/win box model fix *****/
width: 842px;
wid\th:840px;
}

.innertube {padding: 10px;}

.outer {
position:relative; /*** for IE to show contents outside the parent container ***/
margin-left:200px; /**** critical left col value ***/
width:638px; /*** critical left and right col/divideer dimension value ****/
/** background:#e8eeff;  background center col ***/
/*border-left: 1px solid #CCCCCC; ** critical left divider dimension value ***/
/*border-right: 1px solid #CCCCCC; ** critical riight divider dimentison value ***/
}

* html .outer { /*** IE5.x/win box model fix ***/
width:640px; /*** critical left and right col/divider dimmension value ***/
wid\th:638px; /*** critical left and rigth col/divider dimension ***/
}

.float-wrap {
float: left;
width: 638px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 638px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 202px;    /*** Critical left col/divider dimension value ***/
margin-left: -201px;    /*** Critical left col/divider dimension value ***/
/*background-color:#99CC33;*/
}

* html .left {
float:left;
}

*>html .left {width:250px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 200px;    /*** Critical left col dimension value ***/
padding-bottom: 50px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 192px;    /*** Critical right col/divider dimension value ***/
margin-right: -190px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -192px;
}
/* */


/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 190px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 50px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}

/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.h1 {
/*background-image:url(images/bg_h1.gif) ;*?
padding-left:50px;
color:#422B06; /*#003366;*/
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
	
.h2 {
color:#fff; /*#003366;*/
font: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
font-weight: bold;
padding: 5px 0 5px 0;
}

.h3 {
color:#ff7f00; /*#003366;*/
font: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px;
font-weight: bold;
padding: 5px 0 5px 0;
}

.txt_small {
font-size:x-small;
}

.form_bg {
background-color:#eee8d5;
border:none;
padding:3px;
}

.header_float {
position:absolute;
margin-top:160px;
margin-left:50px;
z-index:10;
}

.display_image {
position:absolute;
margin-top:100px;
margin-left:300px;
filter:alpha(Opacity=70); 
opacity: 0.7;
-moz-opacity: 0.7;
}

ul.bullets{
margin-left:10px;
list-style-image: url(images/0159_flobullet.jpg);
}
ul.bullets li{
text-indent:10px;
padding-left:10px;
padding-bottom:10px;
}

img.floatRight { 
float: right; 
padding: 8px; 
}

.footer {
clear:both;
background:url(images/footer.jpg);
height:120px;
color:#333333;
/*background:url(images/background.jpg) left no-repeat 100%;*/
}

.footer_txt {
font-size: x-small;
text-align:center;
padding-top:80px;
}

a.linkfooter:link {color: #333333;}
a.linkfooter:visited {color:#333333;}

a.linkmain:link {color:#FFFFFF;}
a.linkmain:visited {color:#FFFFFF;}

a.linkterms:link {color:#666; font-size:x-small; text-decoration:none;}
a.linkterms:hover {color: #ff7f00; font-size:x-small; text-decoration:underline;}
a.linkterms:visited {color:#666; font-size:x-small; text-decoration:none;}


/* BOXES */

/*box 1*/
.bl {background: url(images/bl_y.gif) 0 100% no-repeat #ffff; width: 300px; filter:alpha(Opacity=70); opacity: 0.7;-moz-opacity: 0.7;z-index:1;}
.br {background: url(images/br_y.gif) 100% 100% no-repeatfilter:alpha(Opacity=70); opacity: 0.7;-moz-opacity: 0.7;z-index:1;}
.tl {background: url(images/tl_y.gif) 0 0 no-repeatfilter:alpha(Opacity=70); opacity: 0.7;-moz-opacity: 0.7;z-index:1;}
.tr {background: url(images/tr_y.gif) 100% 0 no-repeat; padding:10pxfilter:alpha(Opacity=70); opacity: 0.7;-moz-opacity: 0.7;z-index:1;}
.clear {font-size: 10px; height: 1px} 



/* MENU - DYNAMIC DRIVE */

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

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black; /*url(media/titlebar.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*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: #ffffff;
/*background: url(media/arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
/*font-weight: bold;*/
border-bottom: 1px solid #ff7f00;/*#dadada;*/
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: white;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #422B06;
font-weight:bold;
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.selected{
color: #f3f3f3;
font-weight:bold;
background-color: #805326;
}