/* Presentation Stylesheet */ 

a.designlinks:link {color:#0000FF; font-size:12px; text-decoration:underline;}
a.designlinks:visited {color:#0000FF; font-size:12px; text-decoration:underline;}
a.designlinks:hover {color:#0000FF; font-size:12px; text-decoration:none;}

h4, h3 {
	margin:0;
	padding: 10px 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9b0416; }

#site_map ul li {font-size:16px;}
#site_map ul li ul li {font-size:14px; cursor:pointer; text-decoration:underline;}
 
 /* Layout Stylesheet */ 

html {
  height: 100%;
}


body {
 font-family:verdana, sans-serif; 
 font-size:12px;
 color: #999999;
 padding:0; 
 height: 100%;
 margin:0;
 background:#999999;
 color: #999999;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

 }

#nest {
 float: left; 
 width: 208px;
 margin: 0 5px 5px 0;
 }

#nest2 {
	float: right;
	width: 150px;
	background: #FFFFFF;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 5px;
 }

/* Presentation Stylesheet */ 
#textdivider {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	width: auto;
	margin-left: 25px;
	margin-right: 25px;
}
#sitetext {
}
#topbar {
	background-image: url(../images/d29_bar_background1_color5.jpg);
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#bottombar {
	background-image: url(../images/d29_bar_background1_color5.jpg);
	background-repeat: repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 5px;
	height: 10px;
}


#hmenu {
}
/* Layout Stylesheet */ 
	 
	 
#lh-col{
	position:absolute;
	top:160px;
	left:20px;
	width:210px;
	z-index:99;
}
#lh_content {
	background-image: url(../images/d29_lh_content_bg1.jpg);
	background-repeat: repeat;
	width: 210px;
	height: 100%;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
/* MODIFIED BY DAVIS ON 07-20-06 */
#lh_content h4 {
	margin:0;padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#666666;
}
#lh_content ul {
	list-style-image:url("./images/arrow.gif");
	padding:8px 4px 4px 24px;margin:0
}
#lh_content ul li {
	padding:0 0 6px 0;margin:0;
	font-size:10px;
}
/* END MODIFICATIONS */
#contactbox {
	background-repeat: repeat-y;
	width: 260px;
}
#contact_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	background-image: url(pg);
}
#contact_info {
	padding: 5px 15px 5px 5px;
}
#ri {
	background-color: #FFFFFF;
	height: 190px;
	width: 260px;
}
#greybgbottom {
	background-image: url(../images/d29_greybg_06.jpg);
	background-repeat: no-repeat;
	height: 31px;
	font-size: 10px;
}
#grassbg {
	background-image: url(../images/d29_grassbg.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
#skybg {
	background-image: url(../images/d29_sky.jpg);
	background-repeat: repeat-x;
	height: 212px;
}
#logo {
	height: 56px;
	margin-left: 235px;
	margin-right: 310px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999999;
}
#logo_sub {
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999999;
}
#logo_sub_prop {
	position:relative;
	height:56px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999999;
}
#rh-col{
	position:absolute;
	width:250px;
	z-index:7;
	color: #333333;
	top: 345px;
	right: 25px;
}

#house{
	position:absolute;
	top:20px;
	z-index:2;
	color: #333333;
	right: 0px;
	overflow:hidden;
}

#c-block {
	width:100%;
	z-index:1;
	background-color: #FFFFFF;
}
#c-block_sub {
	width:100%;
	z-index:98;
	position: absolute;
	top: 20px;
	right: 0px;
	height: 80%;
}
#subcontent_container {
	padding-top: 400px;
}
#c-content_container {
}
#subcontent {
	padding: 15px;
	margin-top: -400px;
}
#hdr{
 height:330px; 
 width:100%; 
 background:#FFFFFF;
 color: #333333; 
 margin:0;
  }
.headlinetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
	padding-left: 20px;
}
#messagetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 20px;
}

#c-col{
	margin:0 300px 0 230px;
	position:relative;
	background:#ffffff;
	z-index:5;
 }
#c-content {margin:1em;}
#c-content ul{margin:0 2em;}

 #c-col_sub{
	margin:0 100px 0 250px;
	position:relative;
	background:#ffffff;
	z-index:24;
	border: 1px solid #666666;
	top: 60px;
 }
  #c-col_apps_sub{
	margin:0 auto;
	position:relative;
	background:#ffffff;
	z-index:24;
	border: 1px solid #666666;
	top: 60px;
	width: 750px;
 }

#ftr {
	width:100%;
	height:100px;
	color: #333333;
	margin:0;
	border-top: 1px;
	border-right: 0;
	border-bottom: 1px;
	border-left: 0;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url(../images/d29_footerbg.jpg);
	clear: left;
 }
.small_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
#topflash {
	position: absolute;
	z-index: 25;
	top: 20px;
	left: 0px;
	width: 100%;
	overflow:hidden;
}
#flashfloater {
	width: 470px;
	overflow:hidden;
}
#flashspacer {
	height: 100%;
	margin-left: 235px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999999;
	width: 335px;
}
#logohousewrapper {
	position: absolute;
	height: 310px;
	z-index: 30;
	top: 20px;
	left: 0px;
	width: 100%;
}
#greybgtp {
	background-image: url(../images/d29_greybg_01.jpg);
	height: 25px;
}
#greybgtprepeat {
	background-image: url(../images/d29_greybg_02.jpg);
	background-repeat: repeat-y;
	width: 260px;
}
#fullname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	text-align: center;
}
#photo {
	height: 95px;
	width: 75px;
	border: 1px solid #666666;
	margin-left: 10px;
}

#horizdotted {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
}

a.colored:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000CC;
	text-decoration: underline;
}
a.colored:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000CC;
	text-decoration: underline;
}
a.colored:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000CC;
	text-decoration:none;
}
a.white:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
a.white:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
a.white:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration:underline;
}

.button {
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 25px;
	padding-top: 6px;
}

/* Controls the rates iframe and other modules */
.rate_tick {
}

.rate_tick_module {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}

.style6 {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #0033CC;
}
.style22 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #996600; }
.style24 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #006600; }
.style26 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #0033CC; }
.style28 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-left: 5px;
	padding-top: 2px;
}
#module2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 5px;
}
.style29 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
.style31 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #666666;
	padding-left: 5px;
}
.style32 {font-size: 10px}

#module1 {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* MODIFIED BY DAVIS ON 07-20-06 */
#module3 {
	border-color:#999999;
	border-style:solid;
	border-width:1px 0 1px 0;
	padding-bottom: 5px;
}
#module3 div {
	border-style:solid;
	border-color:#BBB;
	border-width:1px 0 1px 0;
	background-color:white;
}
/* END MODIFICATIONS */
#flashcalc {
	height: 130px;
	margin-top: 5px;
}
.topnavtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
	float: right;
}
#topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	padding-right: 15px;
}
#timedate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	padding-left: 15px;
}
/* CSS Document */

<style type="text/css">


#hmenu { 
/*
	This controls the outer div of the navigation menu. This is an
	absolutely positioned element. Set the position by setting top and left cordinates from
	the closest parent that is absolutely positioned. If no element is absolutely positioned
	then this will be based off of the browser window.
*/
	top:0px; 
	left:0px; 
	
	/* leave be unless you want the nuts and bolts */
	position:absolute;
	z-index:101;
}

#hmenu ul li {
	width:210px;
	/* leave be unless you want the nuts and bolts */
    position:relative;
	display:block;
	float:left;
	background-repeat: no-repeat;
	background-image: url(../images/d29_button_color5.jpg);
	height: 30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}

#hmenu ul li.lastchild {
	/*
	This controls the menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for all menu items, though you can change secondary and tertiary items below.
	The value for width will control the overall width of a single menu item. Values for the span tag and others will
		need to match up to this value.
*/
	color:#FFFFFF;
	width:210px;
	/* leave be unless you want the nuts and bolts */
    position:relative;
	display:block;
	float:left;
	background-repeat: no-repeat;
	background-image: url(../images/d29_button_color5.jpg);
	height: 30px;
	border: 1px solid #999999;
}


#hmenu ul ul li {
	/*
	This controls the SECOND and THIRD LEVEL menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for only the second and third level menu items. Any value not set here will be inherited from the main declarations above
	The value for width will control the overall width of a single menu item. Values for the span tag and others will
		need to match up to this value.
*/
	width:160px;
	color: #FFFFFF;
	background-image: url(../images/d29_background1.gif);
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-repeat: repeat;
	height: auto;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#hmenu ul ul li.lastchild {
	/*
	This controls the SECOND and THIRD LEVEL menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for only the second and third level menu items. Any value not set here will be inherited from the main declarations above
	The value for width will control the overall width of a single menu item. Values for the span tag and others will
		need to match up to this value.
*/
	width:160px;
	color: #FFFFFF;
	background-image: url(../images/d29_background1.gif);
	background-repeat: repeat;
	height: auto;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #FFFFFF;
}


#hmenu ul ul ul li {
}

#hmenu ul li span {
	/* leave be unless you want the nuts and bolts */
    display:block;
}

#vmenu ul ul li span {
	background-image: none;
	padding-top: 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
}

#hmenu ul ul {
	/*
	Usually this can be left blank. 
	If you want the secondary menus to be positioned differently than the 
	third level you can do it here.
*/
	/* etc, etc */
	position:absolute;
	left: 211px;
	top: 0px;
	background-color: #999999;
	background-image: none;
	width: 160px;
}

#hmenu ul ul ul {
	/* leave be unless you want the nuts and bolts */
    display:none;
	position:absolute;
	left: 166px;
	top: -1px;
}

#hmenu ul ul.lastchild ul { 
	
}
 
#hmenu ul li:hover, #hmenu ul li.hover {

}

#hmenu ul ul li:hover, #hmenu ul ul li.hover {
	background-image:none;
	background-color: #999999;
}

#hmenu ul ul li img {
	/* leave be unless you want the nuts and bolts */
	width:12px;
	height:15px;
	float:right;
	background-image: url(../images/arrow_white.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* leave these be unless you want the nuts and bolts */
#hmenu ul {
	width:100%;
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	overflow:visible;
	z-index:99;
}

#hmenu ul ul {
    display:none;   
}

#hmenu ul ul li:first-child, #hmenu ul ul li.firstchild {
	border-top-width:1px; 
}

#hmenu ul li:hover ul ul, #hmenu ul li:hover ul ul ul, #hmenu ul li.hover ul ul, #hmenu ul li.hover ul ul ul {
    display:none; 
}

#hmenu ul li:hover ul, #hmenu ul ul li:hover ul, #hmenu ul li.hover ul, #hmenu ul ul li.hover ul {
    display:block;
}

#hmenu ul li span:hover, #hmenu ul li span.hover {
	cursor:pointer;
}

li>ul { 
	top: auto;
	left: auto;
}


#submain { font-size:12px;width:97%;text-align:justify; } /* Controls the div element containing all sub content */
#submain_head { margin-bottom:20px; } /* Controls the page title and page title summary area of the sub page */
#submain_head .head_img { float:right;padding:0 0 5px 5px; } /* Controls the image on the top of each sub page */
#submain h3 { font-size:17px;padding:0;margin:0; } /* Controls h3 content within sub content (sub page title) */
#submain h4 { font-size:14px;padding:0;margin:0; } /* Controls h4 content within sub content (sub page sub areas) */
#submain h5 { font-size:13px;padding:0;margin:0; } /* Controls h5 content within sub content (sub page sub areas -a bit smaller) */
#submain p { padding:0 0 3px 0;margin:0; }
#submain ul { padding:0 0 20px 34px;margin:0; }
#submain li { padding:2px 0 4px 0;margin:0; }
#submain dl { padding:5px 0 0 0;margin:0; }
#submain dt { font-weight:bold;font-size:13px;text-decoration:underline;padding:0;margin:0; }
#submain dd { padding:0 0 15px 0;margin:0; }
#submain table { padding:0 0 5px 0;margin:0;width:100%; }
#submain table th { font-size:13px;font-weight:bold;vertical-align:bottom;text-align:left;border-bottom:2px solid #CCCCCC; }
#submain table td { font-size:12px;padding:3px 0 3px 0; border-bottom:0px solid #CCCCCC; }
#submain .subitem { padding-bottom:10px; } /* Controls sub page mini areas */
#submain .subitem_a { float:left; } /* each mini area has two columns. This is side a (left) */
#submain .subitem_b { padding-left:20px; } /* each mini area has two columns. This is side b (right) */
#submain .subitem_icon { padding:0;margin:0 } /* This controls the little image icon in each mini area */
#submain .ha { padding-bottom:6px } /* Every bit of text the user has typed in via the html area will be wrapped in this class */


/* Controls the sub content paragraph text color */
#submain .ha, #submain p, #submain td, #submain li { color:#000; }

#submain .ha h3 { font-size:inherit;padding:inherit;margin:inherit; }
#submain .ha h4 { font-size:inherit;padding:inherit;margin:inherit; }
#submain .ha h5 { font-size:inherit;padding:inherit;margin:inherit; }
#submain .ha p { padding:inherit;margin:inherit; }
#submain .ha ul { padding:inherit;margin:inherit; }
#submain .ha li { padding:inherit;margin:inherit; }
#submain .ha dl { padding:inherit;margin:inherit; }
#submain .ha dt { font-weight:inherit;font-size:inherit;text-decoration:inherit;padding:inherit;margin:inherit; }
#submain .ha dd { padding:inherit;margin:inherit; }
#submain .ha table { padding:inherit;margin:inherit;width:inherit; }
#submain .ha table th { font-size:inherit;font-weight:inherit;vertical-align:inherit;text-align:inherit;border-bottom:inherit; }
#submain .ha table td { font-size:inherit;padding:inherit; border-bottom:inherit; }




* {margin:0; padding:0;}
div#mainwrapper {
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	width: 100%;
} /* centers layout when > max width */
div#header {
	width:auto;
	}
#threecolwrap {
	float:left;
	width:100%;
	background-color: #FFFFFF;
	}
#twocolwrap {
	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-170px; /* CWS - neg margin move */
	background-color: #FFFFFF;
	}
 #nav {
 	float:left;
 	width:220px;
	display:inline; /* stops IE doubling  margin on float*/
 	}
 #content {
 	width:auto;
 	margin-left:230px;
 	margin-right:300px;
 	}
#rightcolumn {
 	float:left;
 	width:120px; 
	}

/* end of structural styles */ 

/* a few more styles to help you see what's going on */
div#header {background-color:#DDD;}
div#nav {background-color:#FFFFFF;}
div#rightcolumn {background-color:#FFFFFF;}
div#footer {
	background-image: url(../images/d29_footerbg.jpg);
	height: 100px;
	width:100%;
 	clear:both;
 
}