/*
* STYLESHEET FOR ABRIDGE ONLINE - HOMEPAGE ONLY
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	/* background:#005a82 url(../images/bottom_homepage_background.gif) no-repeat center fixed bottom;  */
	font-family:arial,sans-serif;
	font-size:small;
	color: #99b8c5;
	background-color: #002a3d;
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	background:#005a82 url(../images/bottom_homepage_background.gif) repeat-x center top;   
        height:480px; 
}
div#header {
	padding:0px;
	background:#005c86 url(../images/top_homepage_background.gif) repeat-x center top; 
	height: 281px;
	text-align: center;
	/* background:#ddd url("../csslayout.gif") 98% 10px no-repeat; */
	/* border-bottom:6px double gray; */
}


div#header p {
	font-style:italic;
	font-size:1.1em;
	margin:0;
}

div#content {
	padding:0em 1em 5em; /* bottom padding for footer */
	z-index: 40;
}
div#content p {
	text-align:justify;
	padding:0 1em;
}

div#footer {
	position:relative;
	width:100%;
	bottom:0; /* stick to bottom */
	margin-top: -447px;
	z-index: 1;
	height: 447px;
	background-color: #fc0;
	
}

div#footerContainer {
	margin:0 auto; /* center, not in IE5 */
	width:955px;
	height:auto !important; /* real browsers */

}
div#footer p {
	padding:1em;
	margin:0;

}

div#nav {
	text-align:center;
	background: #005a82 url(../images/nav_homepage_background.gif) repeat-x center top;
	height: 45px;
	margin:0 auto; /* center, not in IE5 */
}

div#nav a {
	color: #fff;
	text-decoration: none;
	padding-right: 30px;
}

div#contentContent {
	margin:0 auto; /* center, not in IE5 */
	width: 770px;
	padding-top: 20px;
}

div#leftContent {
	width: 470px;
	float: left;
	margin-right: 58px;
	padding-left: 40px;
        font: normal 13px Lucida Sans, Lucida Grande, Arial, Helvetica, Trebuchet MS;
	line-height: 20px;
}

div#rightContent {
	width: 200px;
	float: left;
        font: normal 13px Lucida Sans, Lucida Grande, Arial, Helvetica, Trebuchet MS;
}

.clearBoth {
	clear: both;
}

.homepageIntro {
	padding-bottom: 20px;
	color: #fff;
	/* font: normal  16px Trebuchet MS, Lucida Grande, Lucida Sans, Lucida, Arial; */
        font: normal 17px Lucida Sans, Lucida Grande, Arial, Helvetica, Trebuchet MS;
	line-height: 20px;
}

.homepageFooter {
	color: #668694;
	font: normal 10px Arial;
}

.paragraphHeader {
        font: normal 12px Lucida Sans, Lucida Grande, Arial, Helvetica, Trebuchet MS;
	color: #fff;
}

#sidebarModuleTop {
	border-left: 2px solid #bfd5df;
	height: 80px;
	background-color: #fco;
	padding-left: 15px;
	margin-bottom: 38px;
}

#sidebarModuleMiddle {
	border-left: 2px solid #80a3b2;
	height: 80px;
	background-color: #fco;
	padding-left: 15px;
	margin-bottom: 38px;
}

#sidebarModuleBottom {
	border-left: 2px solid #406e83;
	height: 80px;
	background-color: #fco;
	padding-left: 15px;
	margin-bottom: 15px;
}

.sidebarHeader {
	font: bold 16px Lucida, Lucida Grande, Trebuchet MS;
	color: #fff;
	padding-bottom: 7px;
}

/* Nav-related classes */
div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #fff;background:#002d41;}
div#dropMenu li a:hover { color: #e68b20;}
div#dropMenu li.submenu-blue a {color: #fff; }

#dropMenuWrapper {
	width:243px;
	height:15px;
	margin:0;
	font-size:12px;
	margin:0 auto; /* center, not in IE5 */
	}
	
div#dropMenu {
    text-align:center;
	z-index:1000;
	position:relative;
	}

div#dropMenu ul {
	margin: 0; 
	padding: 0;
	}
	
div#dropMenu li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: left; 
	line-height: 1em;
	}
	
div#dropMenu ul.level1 {
	width: 900px; 
	margin:0 auto; 
	text-align: right;
	height:2.17em;
	z-index:1000;
	padding: 5px 0px 5px 10px;
	margin-left: -300px;
	}
	
div#dropMenu li:hover { }
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover { }
div#dropMenu li a {display:block; padding: .5em 2em .5em 2.8em;text-decoration: none; text-transform:uppercase; color:#DEDEDE; text-align:right;}
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; top:12px; width: 150px;display: none;}
div#dropMenu ul ul li {width:12em; text-align:right;}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}

div#dropMenu ul.level2 {top: 1.7em;margin-top:0px;background:#002d41;color:#fff;z-index:1000;position:absolute;left:30px;border-left:3px solid #6cadde; padding: 10px;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 12em; background:#00000}
div#dropMenu ul.level2 a {padding: 0.5em 0.2em 0.5em 0.25em;color: white; text-transform:none; text-align:left;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#e68b20;}