#header {
	position:absolute;
	z-index:101;
	top:0px;
	right:0px;
	width:40%;
	font-size : 8pt;
	height:89px;
	text-indent:50px;

}

#header .links {

	margin-top:75px;
	text-align:right;
	width:98%;
	letter-spacing:1px;
	color:#555;


}

#banner {
	position:absolute;
	z-index:100;
	top:0px;
	right:0px;
	width:100%;
	background:#FFF;
	border-bottom: solid 1px #CCCCCC;
	height:90px;
	text-align:right;
	padding-right:5px; /* Fix flash overshoot in Firefox */
}

	/*
	Why you might ask?
	Long story...
	*/
/* Compatability : Firefox from IE border width */
head:first-child+body div#banner { 
	height:89px;
}

/* Logo position div */
#logo {
	position:absolute;
	z-index:102; /* Allow Nav overlap */
	top:0px;
	left:0px;
	background: transparent url('../images/backgrounds/header.png');
	background-repeat: no-repeat;
	background-position: left top;
	height:140px;
	width:400px;
}

/* Wrapper for the content */
#wrapper {
	position:relative;
	overflow:visible;
	display:block;
	background-color:#FFF;
	margin-top:89px;
}

/* Ring Trio block // Absolutely positioned, note constraint on browser viewable width */
#trio {
	position:absolute;
	right:0px;
	top:40px;
	z-index:100;
	width:180px;
	height:360px;
	background-image: url('../images/backgrounds/trio.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#trio .contents {
	text-align:right;
	padding-right:5px;
	padding-top:20px;
	padding-left:15px;

}

#trio .image {
	border:0px;
	width:95px;
	float:left;
}


#trio .tag {
	margin-top:30px;
	float:left;
	width:30%;
}

#content {
	position: relative;
	background-color:#F2F8FF;
	background-image: url('../images/backgrounds/blue_ring.png');
	background-repeat: no-repeat;
	background-position: 100% 80%;
	margin-left:19%;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	width: auto;

	height:84%;

}

head:first-child+body div#content { 

	margin-left:19%;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	width: auto;
	height:auto;


}

#nav {

	position: relative;
	background-color: #F2F8FF;
	float:left;
	width:19%;
	border-right:solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	height:100%;
	 filter:alpha(opacity='75');
	 -moz-opacity:0.75;
}


#options {
	border-top : #CCCCCC dashed 1px; 
	border-bottom : #CCCCCC dashed 1px; 
	
}

#nav ul {
	position: relative;
	background-color: #FFF;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	font-size : 10pt;
}
#nav li {
	position: relative;
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	text-indent:5%;

}
 #nav li.catlink {
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	text-indent:15%;
}

 #nav li.hicatlink {
	border-bottom: 1px solid #CCCCCC;
	border-left: 7px solid steelblue;
}

 #nav li.hicatlink:hover {
	border-left: 7px solid orange;
}

 #nav li.subcatlink {
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	text-indent:25%;
}

#nav li a {
	display: block;
	background-color: #FFF;
	text-decoration: none;
	color:#002471;
	padding:5px;
}
#nav li a:hover {
	border: 0px;
	background-color: #E7F1FF;
	color:#000;
}


#subcontent {
	position: relative;
	margin-right:150px;
	width:99%;
	background-color:#fff;
	border-right:solid 1px #e2e2e2;
	 filter:alpha(Opacity=80);
	height:700; /* IE min-height set */
}

head:first-child+body div#subcontent { 
	position: relative;
	margin-right:150px;
	width:80%;
	height:auto; /* Undo above */
	float:left;
	min-height:700;
	 -moz-opacity:.80;

}



#content:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;
}




#footer {
	position: relative;
	text-align:right;
	margin-top:12%;
	color:#AAAAAA;
	letter-spacing:2px;
	float: right;
	padding:5px;
	vertical-align:bottom;
}