/* Fortune Group */
/* Phosphor Essence Ltd */


/* BROWSER WRANGLING */

/* mac hide\*/
html, body {
	height: 100%;
}
/* end hide */
html, body, #container{
	scrollbar-face-color: #3E5D74;
	scrollbar-base-color: #333333;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #E2E2E2;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #8BA0B3;
}

/*************************************************************************** 
* The "height" above is a hack for IE5+/Win. Below it's adjusted using 
* the child selector to hide from IE5+/Win. 
* Without this, Moz1.0 adds a vertical scrollbar, & Firefox1.0/Opera7.54 
* cover everything with the footer when the viewport gets too small. 
***************************************************************************/ 

html >body #minHeight {
	float: left;
	width: 0px;
/*	height: 100%; */
	margin-bottom: -52px;
} /*safari wrapper */

html,body {
	padding: 0px;
	margin: 0px;
}

html>body #container {
	/* height: auto;  */
}
body {
	text-align: left; /* keeps main container left-aligned */
	min-width: 780px; /* for mozilla */
	background-color: #3E5D74;
}

/*
#clearfooter {
	width: 100%;
	height:52px;
	clear: both;
} to clear footer */

div,p  {
	margin-top: 0px;
} /*clear top margin for mozilla*/



/* PAGE STRUCTURE DIVS */

#topOfPage { /*this is just a link at the top of the page- invisible*/
	display: none;
}

#container {
/*	height: 99.9%;
	min-height: 100%; */
	width: 760px;
	color: #000000;
	text-align: left;
	margin: auto;
	position: relative;
	float: left;  /* Needs this to left-align the site in Firefox and Safari */
}

#content { 
	padding-top: 226px; /* make room for header*/
	padding-left: 20px;
	position: absolute;
}

#header { 
	position: absolute;
	top: 0px;
	left: -1px;
	width: 780px;
	height: 226px; /*this height +2 needs to go into content and leftcol-1 as a padding-top*/
	overflow: hidden;
	color: #000000;
	z-index: 100;
	background-image: url(../images/bkgd-banner.jpg);
	background-repeat: no-repeat;
}

#logo {	
	width: 780px; 
	width: 186px; 
	float: left;
}
#logo-link {	
	left: 480px;
	top: 4px;
	position: absolute;
}

#topnav { 
	float: right; 
	padding-top: 1px; 
	text-align: left; 
	width: 199px;
}

#search { 
	float: right; 
	padding-top: 8px; 
	text-align: right; 
	width: 225px;
}

#nav-position {
	margin-left: 25px;
	margin-top: 26px;
}

/*
#top { 
	width: 780px;
	height: 30px;
	clear: both;
}
*/


/* small left text and larger right col */
#side-col {
	margin-top: 0px;
	width: 136px;
	position: absolute;
	
}
#content-col {
	left: 170px;
	width: 600px;
	position: absolute;
}
#content-left {
	left: 0px;
	width: 230px;
	position: absolute;
}
#content-right {
	left: 285px;
	width: 230px;
	position: absolute;
}

#leftcol-1 {
	left: 3px;
	width: 280px;
	position: absolute;
	top: 50px;
}
#leftcol-1nrw {
	left: 0px;
	width: 200px;
	position: absolute;
}
#rightcol-1 {
	left: 301px;
	position: absolute;
	width: 293px;
	top: 50px;
}
#rightcol-1wide {
	left: 230px;
	position: absolute;
}

#footer {
	width: 780px;
	clear: both;
	height: 50px;
	color: #000000;
	text-align: left;
	left: 0px;
	bottom: 0px;
	position: absolute;
}

* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}


#copyright {
	position:relative;
	float:left;
}

#topofpage-link {
	position:relative;
	float:right;
}

#image-link {
	left: 580px;
	top: 132px;
	position: absolute;
	z-index: 200;
}


/* navigation - horizontal list with a width for each button/* med left col- larger right col */

#navbutton1 a {
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width:6.5em;
	float: left;
	border-right: 1px solid #86947A;
}

#navbutton1 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:6.5em;
	border-right: 1px solid #86947A;
	}
	
#navbutton2 a {
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;

}
#navbutton2 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}
#navbutton3 a {
background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;
}
#navbutton3 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}
	
#navbutton4 a{
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;
}
#navbutton4 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}
	
#navbutton5 a{
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;
}
#navbutton5 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}
	
#navbutton6 a{
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;
}
#navbutton6 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}
#navbutton7 a{
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;
}
#navbutton7 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}
#navbutton8 a{
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;
}
#navbutton8 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}
#navbutton9 a{
	background: #E2E2E2;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	float: left;
	border-right: 1px solid #86947A;
}
#navbutton9 a:hover {
	background: #999999;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	padding-left: .5em;
	padding-right: .5em;
	width:9em;
	border-right: 1px solid #86947A;
	}