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

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

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:#f6921e;
		text-decoration: none;
	}

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: #fff url(../images/bottom_subpage_background_top.gif) repeat-x center bottom; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	/* min-height:100%; /* real browsers */
}
div#header {
	padding:0px;
	background: url(../images/top_subpage_background.gif) repeat-x center top; 
	height: 150px;
	text-align: center;
	/* background:#ddd url("../csslayout.gif") 98% 10px no-repeat; */
	/* border-bottom:6px double gray; */
}
div#headerContent {
	background: url(../images/top_header_subpage_background.gif) no-repeat center top;
	height: 150px;
	text-align: center;
	
}
div#headerLogo {
	width: 955px;
	margin:0 auto; /* center, not in IE5 */
	padding-bottom: 25px;
	padding-top: 13px;
	padding-left: 50px;
	text-align: left;
}
div#header p {
	font-style:italic;
	font-size:1.1em;
	margin:0;
}

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

div#footer {
	height: 200px;
	background: #005a82 url(../images/bottom_subpage_background_bottom.gif) repeat-x center top; 
}

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;
	height: 45px;
	margin:0 auto; /* center, not in IE5 */
}

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

div#contentWide {
}

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

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: 180px;
	height: 300px;
	float: left;
	background: url(http://www.pongky.com/abridge/images/subpage_divider.gif) no-repeat top left;
	padding-left: 20px; 
	font: normal 12px Lucida Sans,  Arial;
	line-height: 20px;
}

div#rightContent a {
	font: normal 12px Lucida Sans, Arial, Helvetica;
}

.clearBoth {
	clear: both;
}

div#subpageTitle {
	font: normal 24px Lucida Sans, Lucida Grande, Arial, Helvetica, Trebuchet MS;
	color: #007dc3;
	padding-bottom: 20px;
}

.subpageIntro {
	padding-bottom: 20px;
	color: #666;
	font: normal 15px Lucida Sans, Lucida Grande, Lucida Sans, Lucida, Arial;
	line-height: 20px;
}

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

.subpageFooter {
	color: #969797;
	font: normal 10px Arial;
	padding-top: 30px;
}

.paragraphHeader {
	font: bold 16px Arial, Helvetica, Trebuchet MS, Lucida;
	color: #007dc3;
}

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

.sidebarLink, .sidebarLinkOff {
	padding-bottom: 8px;
}


.formRequired {
	color: #f00;
	font-size: 10px;
}

/* 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: #002a3d; }

#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: .6em 2em .6em 2.8em;text-decoration: none; text-transform:uppercase; color:#002a3d; 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;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;}