/* mac hide\*/
html, body {
	height:100%
}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center; /* for ie6 and under */
	min-width:770px;/* for mozilla*/
	background-color:#666;
	color: #000000;
	outline:none;
	font-family:Arial, Geneva, sans-serif;
	font-size:13px;
}
#outer {
	min-height:100%;
	width:770px; /* add 2px if borders are not used */
	color: #000000;
	background-color:#FFF;
	text-align:left;
	margin:auto;
	position:relative;/* The background image needs to be the same width as the #left div. The one I used is 138px X 9px */
}
* html #outer {
	height:99.9%;
} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
#inner{ background:#FFF url(../images/backing.jpg) top repeat-y; }

#flashonly {
	width:1024px;
	margin:auto;
	min-height:768px;
	border-bottom:#084E89 1px solid;	
	position:relative;
}

#header {
	width:730px;
	margin:auto;
	min-height:360px;
	background:url(../images/topbannerbg.jpg) top no-repeat;
	border-bottom:#084E89 1px solid;	
	position:relative;
}
* html #header {
	height:360px
}
#contentHolder {
	width:730px;
	margin:auto;
	background:url(../images/contentBG.jpg) top repeat-x;

}
#centrecontent {
	width:440px; float:left;
	margin:20px 0px 20px 20px;	
	padding:0px 25px 20px 0px;
	text-align:justify;
}
#right {
	position:relative;/*ie needs this to show float */
	width:199px;
	float:right;
	color:#000;
	margin:20px 20px 20px 0px;
	padding-left:25px;
	border-left:#084E89 1px solid;
}

#footer {
	width:730px; 
	margin:auto;
	clear:both;
	height:50px;
	bottom:0;
	position: absolute;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
	margin-bottom:-1px;
}
div, p {
	margin-top:0;
}/*clear top margin for mozilla*/


#clearfooter {
	width:100%;
	height:52px;
	clear:both;
} /* to clear footer */
#overlayFooter {
	background:#000 url(../images/bottomFooter.jpg) repeat-x;
	height:5%;
	text-align:centre;
	font-size: 10px;
	color:#FFF;
	padding-top: 8px;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	z-index:10000;
}
#footerleft a{  display:block; color:#FFF; float:left; margin-left:10px; }
#footerright a{ display:block; color:#FFF; float:right; margin-right:10px; }


#leftShadow {
	position:absolute;
	left:0px;
	width:20px;
	height:100%;
	background:#666 url(../images/leftShadow.jpg) repeat-y;
}
#rightShadow {
	position:absolute;
	right:0px;
	width:20px;
	height:100%;
	background:#666 url(../images/rightShadow.jpg) repeat-y;
	top:0px;
}
.flashBanner{z-index:20;}


/*   Navigation CSS   */
#navigation
{
	position:absolute;
	display:block;
	border-bottom:#FFF 2px solid;
	padding-bottom:4px;
	top:30px;
	right:0px;
	z-index:1000;
	width: 500px;
}

#navButton
{
	display:block;
	color:#FFF;	
	float:left;
	margin:0px 20px 0px 1px;
}
#navigation a{ text-decoration:none; }
#navigation a:hover{ text-decoration:underline; }


/* image css*/
#imgright { margin-left:20px; float:right; border:none; }
img#prodPage { float:left; border:none; }

/*   Text Related CSS  */
h1 { color:#084E89; font-size:23px; font-weight:bolder; }
h2 { color:#000; font-size:14px; font-weight:bold; text-align:left; }
h3 { color:#084E89; font-size:20px; font-weight:bolder; }
h4 { color:#084e89; font-size:16px; font-weight:bold; }