/*
	Default CSS Definitions
	
*/

/* Generic HTML Definitions */
	html {height:100%;overflow-y:auto;overflow-x:hidden;padding-right:expression(document.body ? (document.documentElement.clientHeight < document.body.clientHeight ? "17px":"0px") : "0px");}
	* html {border:0;border-top:2px inset;}
	body {background:#fff url("../images/bg_pageoverstretch.gif") repeat-y top left;color:#333;margin:0;padding:0;font-size:76%;font-family: arial, helvetica, sans-serif;max-width:1280px;min-width:620px;height:100%;}
	* html body {width:expression(document.documentElement.clientWidth > 1280 ? "1280px":document.documentElement.clientWidth < 720 ? "720px":"100%");}
	
	div {margin:0;padding:0;}
	#container {position:relative;min-height:100%;}
	h1, h2, h3, h4, h5, h6, h7 {font-family:georgia, times, serif;font-weight:normal;}

/* Generic Style Classes */
	.serif {font-family:georgia, Times New Roman, times, serif;}
	
/* What's New Box Defs START*/
	/* What's New Box Defs */
	#whats-new {
		top:35px;
		right:75px;
		}
	.highlightbox {
		font-family: georgia, Times New Roman, times, serif;
		width: 280px;
		position: absolute;
		background: url(../images/box_bg.gif) no-repeat bottom left; 
	}	
	.highlightbox h3 {
		font-size: 16px; 
		font-weight: bold; 
		color: #fff; 
		line-height: 32px;
		margin:0;  
		padding: 2px 14px 2px 14px;
		border-bottom: 2px solid #fff;
		background: url(../images/title_bg.gif) no-repeat top left;
	}
	.highlightbox ul {
		margin: 0;
		padding: 18px 12px 12px 14px;
		line-height: 14px;
		list-style-type: none;
	}
	.highlightbox ul li {
		margin: 0 0 10px 0;
		background-image: url(../images/arrow_orange2.gif);
		background-repeat: no-repeat; 
		padding: 0 0 0 20px;
	}  
	.highlightbox a {
		text-decoration: none; 
		color: #fff; 
		font-size: 11px; 
	}
	.highlightbox a:hover {
		color: #c77f06;
	}
	.date {
		color: #c77f06;
	}	
/* What's New Box Defs END*/

/* Common Header Defs */
	#header {position:relative;height:126px;}
	#logo {position:absolute;top:13px;left:5px;}

	ul#topics-menu, ul#site-menu, ul#footer {font-size:0.91em;height:12px;list-style-type:none;margin:0;padding:0;}
	ul#topics-menu {position:absolute;top:94px;left:10px;width:70%;}
	ul#site-menu {position:absolute;top:94px;text-align:right;right:10px;}
	ul#footer { position: relative;display:block;left:7px;overflow:visible;bottom:0px;padding: 20px 0;clear:both;}
	ul#topics-menu li, ul#site-menu li, ul#footer li {list-style-type:none;display:inline;margin:0;padding:0;}
	ul#topics-menu li a, ul#site-menu li a, ul#footer a {text-decoration:none;padding:2px 10px;}
		ul#topics-menu li a {color:#3f3f3f;}
		ul#site-menu li a {color:#666;}
		ul#footer li a {color:#666;}
	
/* Secondary & Tertiary Defs */
	
/**/
	#titlebar {position:relative;height:108px;overflow:visible;background:#fff no-repeat left 4px;}
	#titlebar h2 {position:absolute;z-index:110;width:498px;height:68px;margin:0;padding:23px 10px 0 10px;text-transform:lowercase;font-size:32px;}

	#sub-menu {float:left;width:15%;min-height:99px;background:#3f3f3f;}
	
	/*
		Secondary & Tertiary Page Stretch Feature
		Image Defs are written in via a separate file
		Keep several versions and choose at server which file to link to
	 */
	 
	.stretch1content {left:0;background:transparent no-repeat left bottom;}
	.stretch2content {background:transparent no-repeat left bottom;}
	.stretch3content {background:transparent no-repeat left bottom;}
	.stretch4content {background:transparent no-repeat left bottom;}
	.stretch5content {background:transparent no-repeat left bottom;}
	 
	.stretch1, .stretch2, .stretch3, .stretch4, .stretch5 {position:absolute;bottom:0;left:0;width:15%;height:86px;margin:0;padding:0;}
	.stretch1content, .stretch2content, .stretch3content, .stretch4content, .stretch5content, .stretch5bcontent {position:relative;bottom:0;left:0;height:86px;margin:0;padding:0;margin-right:3px;}

	.top1, .top2, .top3, .top4, .top5 {position:absolute;top:0;width:15%;height:4px;font-size:.1em;}
	.topcontent {position:relative;height:4px;border-right:3px solid #fff;font-size:.1em;}