/* -------- Design -------- */
html, body {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
/*	background: #5C8FC6 fixed;
	background: -webkit-gradient(linear, left top, left bottom, from(#AACFF1), to(#5C8FC6)) #5C8FC6 no-repeat;
*/	filter: progid:DXImageTransform.Microsoft.Gradient(gradienttype=0,startcolorstr=#AACFF1,endcolorstr=#5C8FC6);
	background: #5C8FC6 no-repeat fixed;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#AACFF1), to(#5C8FC6));
}
@media print {
	body { background-color: #fff; filter:none; }
}
#header{
	position:relative;
	min-height:96px;
	*margin-bottom:-2px /* IE fix */	
}
#outer{
	position:relative; /* needed for footer positioning*/
	margin:0px auto -23px auto;
	width:994px;
	text-align:left;
	border:1px solid ;
	border-width: 0px 1px;

	height:100%;
	min-height:100%;
}
* html #outer { height:100% }
body>#outer { height:auto }
html>body #outer{ height:auto }
#leftstroke {
	position: absolute;
	top:0px;
	width: 142px;
	height: 100%;
	_height:expression(document.body.clientHeight);
	z-Index:0;
	background-color: ; 
	border-right: 1px solid }
#innerwrap {/* enables content first */
	margin-left:143px;
}
* html #innerwrap { height:1% }/* combat ie 3 pixel jog */

#footer {
	position: relative;
	margin:auto;
	width:994px;
	height:22px;
	clear:both;
	text-align:left;
	border-top:1px solid ;
}
#clearfooter {width:100%;height:22px;clear:both} /* to clear footer */
#menushim {
	visibility: hidden;
	width: 100px;
	*height: 585px;
}
#menubar {
	position:relative;
	width:142px;
	float:left;
}
/* -------- Contents -------- */
DIV.itemholder{
	width: 100%;
}
DIV.itemholder DIV.item{ width: 320px; }
DIV.itemholder DIV.details{ width: 650px; }
DIV.itemholder DIV.group{ width: 212px; }
DIV.itemholder DIV.item, DIV.itemholder DIV.details, DIV.itemholder DIV.group{
	float: left;
	border: 1px solid black;
	margin: 0px 5px 5px 0px;
	padding: 0px;
}
DIV.item DIV.title, DIV.details DIV.title, DIV.group DIV.title{
	font-weight: bold;
	padding: 4px;
	background-color: #3858A7; 
	color: #FFFFFF; 	
	border-bottom: 1px solid black;
}
DIV.item DIV.content, DIV.details DIV.content, DIV.group DIV.content{
	padding: 5px;
}
DIV.item DIV.content{
	min-height: 202px;
	*height: 212px;
}
DIV.details DIV.content{
	min-height: 192px;
	*height: 202px;
}
DIV.group DIV.content{
	min-height: 190px;
	*height: 190px;
}
DIV.content DIV.img_small, DIV.content DIV.img_small{
	margin: 5px 0 5px -5px;
}
DIV.content DIV.img_small IMG{
	border: 1px solid black;
	border-width: 1px 1px 1px 0px;
}
DIV.content DIV.img_medium{
	float: right;
	margin: 0px -5px 0 5px;
	*margin-bottom: -5px;
}
DIV.content DIV.img_medium IMG{
	border: 1px solid black;
	border-width: 1px 0px 0px 1px;
}
DIV.more, DIV.back{
	padding: 5px;
	text-align: right;
}
DIV.item DIV.more, DIV.details DIV.back, DIV.group DIV.more{
	background-color: #ccc;
	border-top: 1px solid black;
}
DIV.details DIV.left{
	width: 120px;
	border: 1px solid black;
	border-width: 0px 1px 1px 0px;
	font-weight: bold;
}
DIV.details DIV.left, DIV.details DIV.right{
	float: left;
	padding: 3px;
}
DIV.info_field{
	padding: 4px 4px 2px 4px;
	background-color: #FFFFC6;
	border: 1px solid #ABACAD;
}
DIV.details DIV.info_field{
	width: 405px;
}
/* -------- SearchBox -------- */
#SearchIcon, #SearchBox{
	position: absolute;
	top: 0px;
}
#SearchIcon {
	width: 30px;
	height: 30px;
	background-color: white;
	border: 1px solid ;
	filter: alpha(opacity=80); -moz-opacity:.80;
}
#SearchIcon.lt {
/*	margin-left: -497px;*/
	left: 0px;
	border-width: 0px 1px 1px 0px;	
}
#SearchIcon.rt {
/*	margin-left: 467px;*/
	right: 0px;
	border-width: 0px 0px 1px 1px;	
}
#SearchIcon IMG{
	margin: 6px 0px 0px 6px;
}
#SearchBox {
	width: 150px;
	height: 22px;
	background-color: #FFFFE1;
	border: 1px solid #333;
	border-top-width: 0px;
	padding: 4px;
}
#SearchBox.lt {
/*	margin-left: -497px;*/
	left: 0px;
}
#SearchBox.rt {
/*	margin-left: 339px;*/
	right: 0px;
}
INPUT#searchword{
	width: 104px;
	height: 18px;
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 1px;
	font-size: 10px;
	color: #333;
	border: 1px solid #999;
}
#SearchBox A.search{
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background: url(../images/icon_search.gif) no-repeat;
	border: 1px solid #999;
}
#SearchBox A.close{
	display: block;
	float: right;
	width: 12px;
	height: 12px;	
	background: url(../images/icon_search_close.gif) no-repeat;
}
.highlight {
	padding: 1px 3px 1px 3px;
	color: red;
	background-color: yellow;
}

/* Begin JFlow */
#jFlowSlide{ float:left; }

.jflow-content-slider { _height:225px; overflow:hidden; background-color:#ccc; margin:5px; text-align:left; } 
.slide-wrapper { padding:5px; }
.slide-thumbnail { width:205px; float:left; }
.slide-thumbnail img { max-width:205px; _width:205px; }
.slide-details { width:290px; float:right; margin-left:10px; }
.slide-details h2 { font-size:1.5em; font-style:italic; font-weight:normal; line-height:1; margin:0; }
.slide-details .description { margin-top:10px; }

#myController { width:300px; float:left; margin:0px; padding:4px 0; background:#aaa; }
#myController li { background: url(../images/newsbar.gif) no-repeat left top; display:block; list-style:none; color:#666; cursor:pointer; margin:0px; }
#myController li.jFlowSelected { background-position:left bottom; color:#333; font-weight:bold; }
#myController li.jFlowControl:hover { color:#999;  }

.jFlowControl { width:235px; text-align:left; padding:5px 5px 3px 55px; height:30px; }
.jFlowControl span { overflow:hidden; width:23px; height:23px; display:block; position:absolute; margin:3px 0px 0px -28px; }
.jFlowControl span img {background:#222; max-height:25px; _height:25px; }
.jFlowPrev, .jFlowNext { background-image:none!important; text-align:center; float:left; width:145px; padding:9px 2px; color:#fff!important }
/* End JFlow */