body { 
	background-color:rgb(44,121,211)
}
/* ----------------HEADER AREA----------------*/
#headcontainer { 
background:rgb(44,121,211) url("../images/smallback2.jpg") repeat-x 0 -100px; /*override for bigger header area*/
 margin:0;
	height:250px; /*jpg is 350px high*/
	width:100%;
	overflow: hidden;
	padding: 0;
}

#headcontainer #whitetext { 
  position:absolute;
  width: 650px;
	color: #fff;
	margin-top:30px;
	margin-left:20px;
	font-size: 1.5em;
	background-color:rgb(44,121,211);  /*test*/
} 

#headcontainer #flash {
	position:absolute;
	margin-top:115px;
	margin-left:95px; /*75*/
}


#headcontainer #flashback {
background-color:rgb(44,121,211);  /*test*/
}

/* ----------------UPPER NAV SIZE OVERRIDES FOR INDEX PAGE----------------*/ 
.nav {
margin-top:-37px;
font-size:16px; 
}

.nav .select a {
height:35px;  
line-height:35px; 
}

/*vark comment - controls the drop-down line*/
.nav .select :hover .select_sub, 
.nav .current .show {
top:35px; 
}




/* ----------------MAIN AREA----------------*/ 
/*#contentarea in master.css*/


#contentarea #txtback {
background:rgb(44,121,211) url(../images/txtback.jpg) no-repeat scroll left top; /* #eee test*/
position:absolute;
width:361px;
height:82px;
top:40px;
left:100px;
border:0;
padding:0;
}
 
#contentarea #dandyback {
background:rgb(44,121,211) url(../images/dandycropped_big.jpg) no-repeat scroll left top;  /* #eee test*/
position:absolute;
width:708px;
height:234px;
top:175px;/*165*/
left:92px;
padding:1px 0 0 1px;
border-width:1px;
border-style:solid;
}
#contentarea  #maintext2 {
position:absolute;
top:275px;
left:435px; 
}
#contentarea  #maintext2  a {
	padding:0;
	text-decoration: none;
	width: auto;
	font-size:1.2em;
  color:#fff;
}
#contentarea  #maintext2  a:hover {
  text-decoration:underline;
  color:rgb(211,188,95); 
}


/* =============================================*/
/* ----------------DROPDOWN AREA----------------*/
/* =============================================*/  


#dropdown {
	width: 340px; /*was 800, allows 'free consultation' to mouseover at 340*/
	height: 400px;
	margin-top:80px;
	margin-left:125px; 
	text-align: left;
		z-index:10;
	position: absolute;
}

#dropdown ul.topic {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 800px;
	height: auto;
	position: relative;
		z-index:10;
}
#dropdown ul.topic li {
	display: block; /*inline*/
	float: left;
}

.drop{	
  line-height:2.4em;
}

#dropdown ul.topic li a.set {
  display:block;
	text-decoration: none;
	border-width: 1px 1px 0 0;
	font-family: verdana, arial, sans-serif;
  font-size:1.25em;
  font-weight:lighter;
  line-height:1.4em;
  color:#a6620d;
  text-align:center; /*left*/
  padding: 0.2em 1em;
	width: auto;
}
#dropdown ul.topic li a ul, 
#dropdown ul.topic li ul {
	display: none;
}
#dropdown ul.topic li a:hover, 
#dropdown ul.topic li:hover a {
	color: #406e6e;
	/*text-decoration:underline;*/
	background: #90b8fe; /*background required for ie6; used same color as existing, nothing done*/
}

/*outer box of dropdown*/
#dropdown ul.topic li a:hover ul, 
#dropdown ul.topic li:hover ul {
	display: inline; /*block in orig, but inline works better in ie6*/
	position: absolute;
	left: -45px;
	top: 55px;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 135px;
	background-color: #ddd;
  width: 495px; /*495px ie7 and ff*  - does not control outer box width in ie6!!!*/
	padding: 70px 100px; /*70px 100px ie7 and ff*/
	border: 20px solid #aaa;

}

/*inner white box of dropdown*/
#dropdown ul.topic li a:hover ul li, 
#dropdown ul.topic li:hover ul li {
display: inline; /*block;*/
	position:absolute;
	top:25px; 
	left:35px;
	width: 600px; /*600px in ie7 and ff*/
	height: 200px;
	float: left;
	margin: 1px;
	padding:10px;
	border: 1px solid #fff;
}

#dropdown ul.topic li a:hover ul li a:hover, 
#dropdown ul.topic li:hover ul li a:hover {
	white-space: normal;
	position: relative;

}
/*
#dropdown ul.topic li:hover ul li a:focus, 
#dropdown ul.topic li:hover ul li a:active, 
#dropdown ul.topic li a:hover ul li a:active {
	position: static;
	outline: 0;
	text-decoration:none; required for ie6
}*/

#dropdown ul.topic li:hover ul li dl dt 
{font-size:1.7em; margin-bottom:0.5em; font-weight:bold; border-bottom: 1px dotted #bbb; padding:5px;   color:#406e6e;}
#dropdown ul.topic li:hover ul li dl dd 
{font-size:0.9em; padding:0; margin:0em 0em 1em 0em; line-height:1.5em;}
#dropdown ul.topic li:hover ul li dl dt img 
{margin-right:10px;}


/* =================================== */
/* ----------  /DROPDOWN area---------*/ 
/* =================================== */ 

/* ============hover images begin================ */
/* image hover rollover change */
/* from alsacecreations.com*/
	
	
#contentarea #free_img { 
text-decoration: none;
background: url(../images/free2.jpg) top left no-repeat;	/* place second image in the background */
position:absolute;
width:280px;
height:41px;
top:78px;
left:510px; /*470*/
border:0;
padding:0;
} 
#contentarea #free_img  a { 
	text-decoration: none;
	display: block;
	color: #000;
	width: 100%;
  height:100%;
  background: url(../images/free1.jpg) top left no-repeat;	/* place first image in the background */ 
}
#contentarea #free_img  a:hover {	/* first image being masked when hovered onto */
background: transparent none;
}


/*ie6 addition*/
#free_title {
display:none;
}



/* ============hover images end================ */
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#111;}

#freeconsult a:visited {
	color: #111;
}

/*whole outline */
#freeconsult ul.topic {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 800px;
	height: auto;
	position: relative;
  z-index: 10;
}
/* top layer of URLS, labels */
 
#freeconsult ul.topic li a.set {
	text-decoration: none;
	border-width: 1px 1px 0 0;
	font-family: verdana, arial, sans-serif;
  font-size:1.25em;
  font-weight:lighter;
  line-height:1.4em;
  color:#a6620d;
  text-align:left; 
  padding: 0.2em 1em;
	width: auto;
}
/*  /end top  */

#freeconsult ul.topic li a ul, 
#freeconsult ul.topic li ul {
	display: none;
}

/*  box outline  */
#freeconsult ul.topic li a:hover ul, 
#freeconsult ul.topic li:hover ul {
	display: block;
	position: absolute;
	left: -430px; /*temp minus locaton*/
	top: 60px;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 135px;
	background-color: #ddd;
  width: 495px;
	padding: 70px 100px;
	border: 20px solid #aaa;
}

/*  inner box outline  */
#freeconsult ul.topic li a:hover ul li, 
#freeconsult ul.topic li:hover ul li {
	display: block;
	position:absolute;
	top:22px; /*37px*/
	left:35px;
	width: 600px;
	height: 200px;
	float: left;
	margin: 1px;
	padding:10px;
	border: 1px solid #fff;
}

#freeconsult dl dt {font-size:1.7em; margin-bottom:0.5em; font-weight:bold; border-bottom: 1px dotted #bbb; padding:5px;   color:#406e6e;}
#freeconsult dl dd {font-size:0.9em; padding:0; margin:0em 0em 1em 0em; line-height:1.5em;}
#freeconsult dl dt img {margin-right:10px;}



/* ----------------FOOTER OVERRIDES FOR INDEX PAGE----------------*/ 
#footer { 
	margin-top:20px; 
	margin-bottom:60px;/*odd - requires 50px to do 10px spacing...*/
}