/* ----------------Overhead AREA----------------*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
body {
	text-align: center; 
	 background-color:#330175; /*deep purple*/
}

#wrapper { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 100%;
	line-height: 150%;
	padding: 0;
  text-align: left;
}
/* ----------------HEADER AREA----------------*/
#headcontainer { 
background:#330175 url("../images/smallback2.jpg") repeat-x 0 -160px;
 margin:0;
	height:190px; /*jpg is 350px high*/
	width:100%;
	padding: 0;
  min-width:900px;
}

#headcontainer #logo {
	position:absolute;
	margin-left:30px;
	margin-top:25px;
	padding: 1px 1px 1px 25px;
	border-width:1px;
  border-style:solid;
  border-color:rgb(168, 200, 238);
}

/* ----------------centering---------------*/

.centerer900
{
width: 900px; /* width setting recommended */
text-align: left; /* align left to fix the previous IE css bug */
margin: 0 auto; /* zero margin top/bottom, auto margin for left/right */
border: 0;
padding:0;
}
.centerer
{
width: 800px; /* width setting recommended */
text-align: left; /* align left to fix the previous IE css bug */
margin: 0 auto; /* zero margin top/bottom, auto margin for left/right */
border: 0;
padding:0;
}
/* ----------------General Defs AREA----------------*/
.desert_color {
color: rgb(211,188,95);
border-color:rgb(211,188,95);
}

/* ---------------- DROP-DOWN UPPER NAV ----------------*/ 

/* ================================================================ 
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.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {
margin-top:-28px; /*==========vark change - orig -37px  <=========== */
height:35px;
/*background: url("../images/pro_line_0.gif") repeat-x; */
position:relative; 
font-family:arial, verdana, sans-serif;
font-size:1em; /*==========vark change - orig 16px  <=========== */
width:570px; /*vark comment 557px - orig 750px*/
z-index:500;
}

.nav .table {
display:table; 
margin:0 auto;
}
/* vark addition - base text brighter*/
.nav .select b {
	color:rgb(14,56,176);
	font-weight:lighter;
}

.nav .select{
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
border-left: 1px solid  rgb(106, 164, 230) ;      /*vark addition*/
border-top: 1px solid  rgb(106, 164, 230) ;       /*vark addition*/
border-bottom: 1px solid  rgb(106, 164, 230) ;    /*vark addition*/
height:25px;  /*==========vark change - orig 35px  <=========== */
float:left; 
padding:0 31px 0 30px; /*0 30 0 30*/
text-decoration:none; 
line-height:25px;   /*==========vark change - orig 35px  <=========== */
white-space:nowrap; 
color:#ddd;
}
/*vark addition - id added to allow rightmost border to display, without doubling all right borders*/
#lastinlist { 
border-right: 1px solid  rgb(106, 164, 230) ;   /*vark addition*/
}

.nav .select a:visited, 
.nav .select li:visited a,
#lastinlist:visited {
 	color:red; /*rgb(14,56,106); /*same color as display, less blue on visited*/
 }
.nav .select a:hover, 
.nav .select li:hover a,
#lastinlist:hover 
 {
/*==========================================================*/
/*vark additions, changes - keeps things highlighted while the low line is moused over*/
/*==========================================================*/
background-color:rgb(0,31,92); /*deep rich blue*/
/*vark addition, recreates the border for highlighted area*/
border: 1px solid  rgb(194,222,255); /*vark addition*/
color: rgb(194,222,255); /*vark addition*/
text-decoration:underline; /*vark addition*/
padding:0 0 0 15px; 
cursor:pointer; 
}


/*vark addition - color overrides to mark active page on upper nav*/
#activepage{ 
background-color:rgb(44,121,211) ;
}

#activepage a b {
color:#fff;
}


.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; /*0 30 0 15*/
/*background-color:rgb(0,31,92); deep, rich blue*/
color:#fff;
cursor:pointer;
} 

.nav .select_sub {
display:none;
}


.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}
/*vark comment - controls the drop-down line*/
.nav .select :hover .select_sub{
display:block; 
position:absolute; 
width:565px;  /*vark comment 561px - originally 750px*/
margin-left:2px;  /*vark addition*/
top:27px;  /*==========vark change - orig 35px  <=========== */
background:url("../images/back_0.gif"); 
padding:0; 
z-index:100; 
left:0px; /*vark comment - originally 0px - aprox centers the drop-down line*/
text-align:center;
/*font-size:14px; vark addition - returns font-size to 11px from 13px*/
font-weight:normal; /*vark addition - returns font-weight to normal from bold*/
/*text-decoration:underline; vark addition*/
}

/* vark comment - damps the showing of the buttons in the drop-line */
.nav .select :hover .sub li a{
display:block; 
float:left; 
background:transparent; 
padding:0 16px 0 16px; /*0 10 0 10*/
margin:0; 
white-space:nowrap;
border:0; 
color:#444;
text-decoration:none; /*remove underline from drop-line on initial display*/
/*2nd + 3rd line height enlarged for greater readability*/
height:35px;  
line-height:35px;
text-align:center; 
}


.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#088; 
background:url("../images/back_1.gif");
/*text-decoration:underline;  REMOVED FOR IE6 underline drop-line on hover */
}



/*==========================================================
   ----------------UPPER NAV OVERRIDE AREA---------------- 
  ==========================================================*/
  
/*=========================================================================  */
/*  ===  changes the 2nd drop-down from drop-line to semi-drop-box  ====     */
/*=========================================================================  */
.nav :hover ul :hover ul :hover ul li{
width:350px;
list-style:none;
}

/*=============================================
       expands the 'a' hoverable area
 =============================================*/
.nav :hover ul :hover ul :hover ul li a{ 
width:340px; 
}

.nav .sub_sub{
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0;
}

/*controls the 2nd drop-down line*/
/*.nav .select :hover .select_sub{  orig */
.nav .select :hover .select_sub .select_sub_sub,
.nav :hover ul :hover ul :hover ul{
display:inline; /*block or inline, doesn't seem to matter*/
position:absolute; 
width:800px; 
margin-left:-51px; 
top:17px; /*12*/
/*background-color:#356aa0; remove for ie6 background, 2nd drop-down*/
padding:0; 
z-index:100; 
left:0px; 
/*text-align:center;*/
font-weight:normal; /*vark addition - returns font-weight to normal from bold*/
}

.nav .select :hover .select_sub :hover .sub_sub li,
.nav .select :hover .select_sub :hover .sub_sub li a{
display:block; 
float:left; 
background-color:#088;
padding-left:20px; 
margin:0; 
white-space:nowrap;  /*recent change*/
border:0; 
color:#fff;
text-align:left;
text-decoration:none;
}



/*vark comment - hover for 2nd drop-down*/
.nav .select :hover .sub :hover.sub_sub li a:hover
{
visibility:visible; 
color:rgb(0,31,92); 
background-color:#088;
}

/*retain hover changes for 2nd level when 3rd level being moused over*/
.nav #keep_hover_a:hover, 
.nav #keep_hover_li:hover #keep_hover_a
 {
color:#088;  
background:url("../images/back_1.gif");
/*text-decoration:underline;  REMOVED FOR IE6
cursor:pointer; */
}


/*============================================*/
/* ----------------SHARED CONTENT AREA----------------*/ 
/*============================================*/
#contentback { 
	background:rgb(44,121,211) url("../images/contback2.jpg") repeat-x 0 -10px;
	clear: both;
	color: #000;
	height:350px;
	width:100%;
	padding:0;
	margin:0;
  position:absolute;
  left:0px;
  min-width:900px;
	}


#contentarea {
  background:rgb(44,121,211) url("../images/contback2.jpg") repeat-x 0 0px;
	clear: both;
	color: #000;
	height:470px;
	margin:30px 0 0 0; /*50*/
	padding:0;
	/*                   ===========================================================================================*/
  position:relative; /*IN ORDER TO USE POSITION:ABSOLUTE WITHIN THIS DIV, POSITION:RELATIVE MUST BE USED ON THE PARENT! !!!*/
  /*                   ===========================================================================================*/
  border-top: 0;
  border-left: 1px solid  rgb(168, 200, 238);  
  border-right: 1px solid  rgb(168, 200, 238); 
  border-bottom: 1px solid  rgb(168, 200, 238); 

}

.boldtxt {
font-weight:bold; 
}

.deep_blue_txt {
color:#330175;
}

.deep_green {
color:#406e6e;
	font-family: verdana, arial, sans-serif;
}
.sub_head {
color:#962b1e;
}
.txt_1pt1em {
font-size:1.1em;
}
.txt_1pt0em {
font-size:1.0em;
}
.txt_0pt9em {
font-size:0.9em;
}
.txt_0pt8em {
font-size:0.8em;
}
.txt_0pt7em {
font-size:0.7em;
}

/*============================================*/
/* ----------------MID-NAV AREA----------------*/ 
/*============================================*/

/* ================================================================ 
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.cssplay.co.uk/menus/tree_frog.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#dlmenu {
	position: absolute;
	margin: 50px 0 0 35px;
}
/*
#dlemnu #content {
	clear: left;
	position: absolute;
	left: 230px;
	top: 10px;
	width: 250px;
	z-index: 10;
}*/
#menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 200px;
	position: absolute;
	top: 70px;
	left: 0;
	border: 1px solid rgb(211,188,95);
	border-width: 0 1px 1px;
	z-index: 100;
}
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu li {
	float: left;
	background: #356aa0; /*lower level menu, no flyout, base color*/
	position: relative;
	border-top: 1px solid rgb(211,188,95);
}
#menu li.sub {
	background: #356aa0 url(../images/down_arrow.png) no-repeat  160px 10px; /*topmost level, 1st layer  rgb(64,110,110)*/
}
#menu li, 
#menu li a {
	display: block;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 15px;/*11px*/
	line-height: 28px;
	width: 200px;
	text-decoration: none;
	cursor: pointer;
	/*font-weight: bold;*/
	text-indent: 28px; /*30px indent on all of the levels...*/
}
#menu li span{
	font-size:16px;
}
#menu ul, 
#menu li.click ul ul, 
#menu li.click ul li.hover ul ul {
	display: none;
}
#menu li.hover,
#menu li a:hover { 
	color:#ff0;
	z-index: 500;
}
#menu li.click ul {
	display: block;
}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {
	display: block;
	position: absolute;
	left: 180px;/*flyout location relative to left-hand boxes*/
	top: -1px;
	border: 1px solid rgb(211,188,95);
	border-width: 0 1px 1px 1px; 
}
#menu li.click ul li.fly {
	background: #356aa0 url(../images/mid_side_arrow.png) no-repeat 180px 10px; /*rgb(44,121,211) */
}
#menu li.click ul li.hover {
	background: #2e4560;  /*lower first level hover*/
}
#menu li.click ul li.hover ul li {
	background: #2e4560 ; /*first level flyout box color*/
	width: 350px; /*flyout box width*/
}
#menu li.click ul li.hover ul li a {
	width: 350px; /*flyout text width*/
}

#menu li.click ul li.hover ul li.hover ul li {
	background: #780;
	z-index: 500;
}
#menu li.click ul li.hover ul li.fly {
	background: #c60 url(../images/frog_arrow.gif) no-repeat top right;
}
#menu li.click ul li.hover ul li.hover {
	z-index: 500;
	background: rgb(149,179,222); /*first level flyout hover background color rgb(149,179,222)*/
}
#menu li.click ul li.hover ul li.hover a {
	color: #000; /*first level flyout hover text color*/
}
#menu li.click ul li.hover ul li.hover ul li.hover {
	background: #aa0;
}
#menu li.click ul li.hover ul li.hover ul li.hover a {
	color: #fff;
}



#outer img {
	display: block;
	float: right;
}
#outer p {
	margin: 0px;
	padding: 17px 0 0 0;
	color: #000;
	font-size: 12px;
	font-family: arial, sans-serif;
	text-align: justify;
}

#less_indent  {
  margin-left:-10px;  /*-15px indent on all of the levels...*/
  font-size:18px;
}
#less_indent:hover  {
  	color:#ff0;
}



/*============================================*/
/* ----------------FOOTER AREA----------------*/ 
/*============================================*/

#footer {
	color:rgb(168,200,238); 
	margin-top:10px; 
	margin-bottom:50px; /*odd - requires 50px to do 10px spacing...*/
	font-size:0.75em;
	font-weight:lighter;
	position:relative;
	text-align:left;
}

#footer #copy {
float:left;
}

#footer #bottom_nav ul {
	list-style-type: none;
	float:right;
}
#footer #bottom_nav li {
	display: inline;
	margin: 0px;
	padding: 0px;		
}
#footer #bottom_nav a {
/*	padding: 0.2em 0.9em;*/
	padding: 0.2em 1em;
	text-decoration: none;
	width: auto;
  color:rgb(168,200,238); 
}
#footer #bottom_nav a:hover {
color:#fff;
text-decoration:underline; 
}