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


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

body {
color:#333333;
/*background:#dad9d6 url("images/norskdesign_bg_body.gif") repeat-y 50% 0;*/
background: #a6966b;/*#B9BBA8; #D9CEBB; */
font-family: Arial, Helvetica, sans-serif;
font-size:80%;
margin-top:0px;
}

.cream_line {
position:absolute;
margin-top:180px;
#margin-top:178px;
margin-left:185px;
width:653px;
z-index:1;
}


.banner {
background:url(images/header4c.jpg);
height:180px;
}

.clear { clear: both; }

.wide {
background: #000000;
width:100%;
}

.bottom {border-top: 1px solid #cccccc; position: relative;}

.wrapper_shadow {
margin:0 auto;
width:1000px;
background:#ccc url(images/bg_shadow.jpg) repeat-y 0;
}


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


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

.innertube {
padding: 10px;
}

.innertube_b {
padding-left:20px;
padding-right:20px;
color:#F2C50D;
}

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

.outer2 {
position:relative; /*** for IE to show contents outside the parent container ***/
margin-left:185px; /**** critical left col value ***/
width:715px; /*** critical left and right col/divideer dimension value ****/
background: #F0EADB;/*#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:525px; /*** critical left and right col/divider dimmension value ***/
wid\th:523px; /*** critical left and rigth col/divider dimension ***/
}

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


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

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

.center {
float: right;
width: 523px;   /*** 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 */
}

.center2 {
float: right;
width: 715px;   /*** 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: 187px;    /*** Critical left col/divider dimension value ***/
margin-left: -186px;    /*** Critical left col/divider dimension value ***/
/*background-color:#99CC33;*/
}

* html .left {
float:left;
}

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

.container-left {
width: 185px;    /*** Critical left col dimension value ***/
padding-bottom: 110px;   /*** 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: 100px;   /*** 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%;}
/* */


.h1 {
	color:black;
	font-size: 16px;
	font-weight: bold;
	}
	
.h2 {
	color:black; /*#003366;*/
	font-size: 14px;
	font-weight: bold;
}

.h3 {
	color:black; /*#003366;*/
	font-size: 12px;
	font-weight: bold;
}


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

a.linkterms:link {color:#333; font-size:x-small; text-decoration:none;}
a.linkterms:visited {color:#333; font-size:x-small; text-decoration:none;}


a.linkfooter:link {color:#333; font-size:x-small;}
a.linkfooter:visited {color:#333; font-size:x-small;}

.footer {
color:#333333;
font-size: x-small;
text-align:center;
background: #F0EADB;/*#f0eadb;*/
}

.fontfooter {font-size:12px;}

img {border-style: none;}

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

/* BOXES */

/*box 1*/
.bl {background: url(images/bl_y.gif) 0 100% no-repeat #F2C50D; width: 170px;}
.br {background: url(images/br_y.gif) 100% 100% no-repeat}
.tl {background: url(images/tl_y.gif) 0 0 no-repeat}
.tr {background: url(images/tr_y.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 


.box_text {
font-size:10px;
}

/*box 2*/

.bl2 {background: url(images/bl_y.gif) 0 100% no-repeat #F2C50D; width: 170px;}
.br2 {background: url(images/br_y.gif) 100% 100% no-repeat}
.tl2 {background: url(images/tl_y.gif) 0 0 no-repeat}
.tr2 {background: url(images/tr_y.gif) 100% 0 no-repeat; padding:5px}
.clear2 {height: 1px} 

/*box 3*/

.bl3 {background: url(images/bl_.gif) 0 100% no-repeat #F2C50D; width: 170px;}
.br3 {background: url(images/br_.gif) 100% 100% no-repeat}
.tl3 {background: url(images/tl_.gif) 0 0 no-repeat}
.tr3 {background: url(images/tr_y.gif) 100% 0 no-repeat; padding:5px}
.clear3 {font-size: 1px; height: 1px} 

/* MENU */

/* MAIN MENU - Copyright - Creative Commons - http://creativecommons.org */

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu6 {
	width: 170px;
	margin:0px;
	#margin: 10px;
	}
	
#menu6 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
	
	
#menu6 li a:link, #menu6 li a:visited {
	color: #F2EBDB;/*#8D9179;*/
	display: block;
	background: url(images/menu8.gif);
	padding: 8px 0 0 15px;
	}
	
#menu6 li a:hover, #menu6 li a:active {
	color: #F2C50D;
	background: url(images/menu8.gif) 0 -32px;
	padding: 8px 0 0 15px;
	}
	
	
/* Right side menu - Dynamic Drive */


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

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: black;
background: #F2C50D; /*url(images/titlebar.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
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: #340309;
text-align:left;
background: url(images/arrowbullet3.png) 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:100;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background: url(images/arrowbullet4.png) no-repeat center left; /*custom bullet list image*/
background-color: #F2C50D; /*#F3F3F3;*/
}


/* MAIN - LEFT SIDE ARROWLIST */


.arrowlistmenu2{
width: 130px; /*width of menu*/
}

.arrowlistmenu2 .headerbar{
font: bold 14px Arial;
color: white;
background: white url(images/gradient_1.jpg) 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*/
}

.arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

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

.arrowlistmenu2 ul li a{
color: #f0eadb;/*#E8EEFF; #A70303;*/
background: url(images/bullet1.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
/*font-weight: bold;*/
border-bottom: 1px solid #670b17;
font-size: 90%;
}

.arrowlistmenu2 ul li a:visited{
color: #F2c50d; /*#CCFFCC;#A70303;*/
}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #F2C50D; /*#99CC33;#A70303;*/
background: url(images/bullet2.gif) no-repeat center left; /*custom bullet list image*/
border-bottom: 1px solid #F2C50D;
/*background-color: #F3F3F3;*/
}