/*==== Global ====*/
* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html { 
	min-width:994px;
}
body { 
	background:#7b848e;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:100%;
	line-height:1.125em;
	color:#fff;
}

ul { list-style:none; !important}

#main {
	width:1000px;
	margin:0 auto;
	position:relative;
	font-size:.75em;
}

.fleft { 
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}

.alignright { 
	text-align:right;
}
.aligncenter {
	text-align:center;
}

.container { 
	width:100%;
}



/*===== tailings =====*/
.tail-top {
	background:url(../images/tail-top.gif) left top repeat-x #7b848e;
}
.tail-bottom { 
	background:url(../images/tail-bottom.gif) left bottom repeat-x;
}



/*==================other====================*/
img { 
	border:0;
	vertical-align:top;
	text-align:left;
}

p {
	margin-bottom:18px;
}


/*===== txt, links, lines, titles ==overflow: auto;===*/
a {
	color:#03d8f6;
	outline:none;
}

a:hover{
		text-decoration:none;
}

/*--- titles ---*/
h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:37px;
	line-height:1em;
	font-weight:normal;
	letter-spacing:-2px;
	margin-bottom:15px;
}

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:1.2em;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:28px;
}

h3 {
	font-size:1em;
	color:#d1d5da;
	line-height:1.2em;
	margin-bottom:8px;
}
	h3 a {
		color:#d1d5da;
		text-decoration:none;
	}
		h3 a:hover {
			color:#03d8f6 !important;
		}

h4 {
	font-size:1em;
	color:#fff;
	line-height:1.2em;
	margin-bottom:10px;
}

	h4 a {
		color:#fff !important;
		text-decoration:none;
	}
	h4 a:hover {
		color:#000 !important;
	}

.lrg {
	font-size: 27px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.infoWrap {
	position:relative;
	float: left;
	clear: both;
	margin: 15px 0px 0px 10px;
}
.infoBox {
	position: relative;
	float: left;
	clear: left;
	width: 450px; 
	padding: 10px;
	margin: -1px 0px 0px 100px;
	border: 1px solid white;
}
.infoTitle {
	position: relative;
	float: left;
	width: 300px;
	background-color: white;
	padding: 5px;
	color: #6f7783;
	font-size: 16px;
	font-weight: bold;
}
/*===== content =====*/

/*#idxcontent {*/
#Full {
	width: 980px;
	height: 623px;
	background-color: #FFF;
	position: relative;
	border: 2px white solid;
	overflow: auto;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
}
#content {
	margin-bottom: 20px;
}

#content ul li {
	padding:0 0 6px 10px;
}
	#content ul li a {
		color:#d1d5da;
	}

/*===== footer =====*/
#footer {
	height:89px;
	text-align: center;
}
	#footer .indent {
		padding:32px 40px 0 10px;
		position: relative;
		float: left;
	}
	#footer a {
		color:#d1d5da;
	}
	#footer img {
		padding-top: 5px;
		position:relative;
		float: left;
	}

/*===== Left Box ===*/
#leftBox {
	width:357px;
	position: relative;
	float: left;
	margin-right:10px;
	border: 2px white solid;
	overflow: hidden;
}

#medLogo {
	background-color: #FFF;
	width: 100%;
	text-align: center;
}
#slidebox {
	position: relative;
	clear: both;
	width: 357px;
	height: 327px;
	z-index: 1;
	overflow: hidden;
}
.slideshow {
	width: 357px;
	height: 327px;
}

#waldoInfo {
	position: relative;
	clear: both;
	width: 357px;
	height: 280px;
	margin-top: -90px;
	z-index: 1000;
}
#waldoType {
	text-align: right;
	margin: -160px 10px;
}
/*===== Right Box =====*/
#rightBox { 
	height: 627px;
	width: 620px;
	position: relative;
	border: 2px white solid;
	float: right;
	background-color: #6f7783;
}
#rightBox img {
	border: 1px #FFF solid;
	margin: 0px 10px -10px 10px;
	vertical-align: sub;
}
/*===== Banner =====*/

.banner {
	border: 1px solid #6f7783;
    height:279px;
	width: 200px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.banner img {
	left: 0;
	top: 0;
	margin: 0 !important;
	padding: 0;
}


/*===== Panes =====*/
#Home, #Resources, #About, #Contact {
	width: 600px;
	height: 627px;
	padding: 0px 10px;
	overflow: auto;
}
.Pane, .SubPane, .ResourcesSubPane {
	display:none;
	position: absolute;
}

/*===== header - MainTabs -=====*/
#header {
	height:69px;
	padding:22px 0 0 232px;
	background:url(../images/hbs_menulogo.png) no-repeat 35px 5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
	#header li {
		display:inline;
	}
		#header li a {
			display:block;
			font-size:18px;
			float:left;
			padding:5px 32px 5px 32px;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			background:url(../images/divider.gif) no-repeat left top;
		}
		#header li a.first {
			background:none;
			padding-left:0;
		}
		#header li a.last {
			padding-right:0;
		}
		#header li a:hover, #header li a.current {
			color: #03d8f6;
			text-decoration:none;
		}

/*===== Resources Tab =====*/

#ResourcesTabs {
	width: 610px;
	height: 110px;
	list-style: none;
	margin: 0px 0px 0px -10px;
	padding: 0px 0px 0px 10px;
	background-color: white;
}
	#ResourcesTabs ul li {
		padding: 0px;
		list-style: none;
	}
	#ResourcesTabs li {
		display: inline;
	}
		#ResourcesTabs li a:link, #ResourcesTabs li a:visited {
			display: block;
			position: relative;
			float: left;
			text-align: center;
			margin: 10px 0px 0px 20px;
			width: 90px;
			height: 70px;
			color: #2f383f;
			text-decoration: none;
		}
		#ResourcesTabs li a:hover, #ResourcesTabs li a.current {
			color: #03d8f6;
			text-decoration: underline;
		}
	#ResourcesTabs .SubIcon {
		width: 62px;
		height: 65px;
		margin: 0px auto;
	}

#ResourcesPanes {
	position: absolute;
	width: 600px;
	padding-right: 10px;
	height: 517px;
	overflow: auto;
}

/*===== Glossary Tab =====*/

#GlossTabs, #AdviceTabs {
	list-style:none; 
	width: 540px;
	height: 40px;
	margin: 10px auto;
	text-align: center;
	padding-left: 60px;
	border-bottom: 1px solid white;
}
	#GlossTabs li, #AdviceTabs li {
		float: left;
		text-indent: 0px;
		padding: 0px;
		margin: 0px;
		display: inline;
	}
		#GlossTabs li a:link, #GlossTabs li a:visited, #AdviceTabs li a:link, #AdviceTabs li a:visited {
			display: block;
			list-style:none; !important
			font-size: 16px;
			font-weight: bold;
			color: #2f383f;
			text-decoration: none;
		}
		#GlossTabs li a:hover, #GlossTabs li a.current, #AdviceTabs li a:hover, #AdviceTabs li a.current {
			color: #03d8f6;
			text-decoration: underline;
		}
#GlossPanes, #AdvicePanes {
	position: relative;
	clear: both;
	width: 520px;
	height: 400px;
	color: #2f383f;
	margin: 30px 0px 0px 30px;
	background-color: white;
	border: 10px solid white;
	overflow: auto;
}
.GlossaryLetter {
	font-size: 26px;
	font-weight: bolder;
	padding-bottom: 20px;
	margin-bottom: 10px;
	width: 300px;
	border-bottom: 1px solid gray;
}

/*===== Home tab =====*/

#HomeLeft {
	position: relative;
	width: 590px;
	float: left;
	text-align:justify;
}
#HomeRight {
	position: relative;
	float: right;
	width: 200px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px gray solid;
}
#HomeRight p {
	color: #2f383f;
	letter-spacing: normal;
}
#HomeRight .boxTitle {
	color: white;
	font-size: 10;
	font-weight: bold;
	letter-spacing: 120%;
	display:block;
	background-color: #2f383f;
	padding: 2px 0px 2px 5px;
	border-top: 1px gray solid;
}
#SLIDESTEXT {
	line-height: 12px;
	margin-top: 15px;
}

/*===== Scrollable =====*/
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;

	/*	 vertical scrollers have typically larger height than width */	
	width: 600px;
	height: 420px;
	margin-top: 30px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
}

/* single scrollable item */
.item {
	position: relative;
	clear: both;
	width: 520px;
	height: 400px;
	color: #2f383f;
	margin: 0px 0px 0px 30px;
	background-color: white;
	border: 10px solid white;
	overflow: auto;
}

/* elements inside single item */
.item h3 {
	margin:0 0 10px 0;
	font-size:16px;
	color:#2f383f;
	font-weight: bold;
}

/* the action buttons above the scrollable */
#actions {
	width: 600px;
	height: 40px;
	margin: 10px auto;
	border-bottom: 1px solid white;
}

#actions a {
	font-size:12px;
	font-weight: bold;
	cursor:pointer;
	color:#FFF;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	

/*===== Contact Form =====*/