/*** CONTAINER STYLES ***/

body 
{
	background: url(images/bg.jpg) repeat-y center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	margin-top:0px;
	height: 100%;
	margin-bottom: 0px;
}

#wrap
{
	margin: 0px auto 0px auto;
	width: 775px;
	padding-top: 0px;
	min-height: 100%;
	min-width: 776px;
	background-color:#FFFFFF;
}

* html #wrap
{
	height: 100%;
}

#logo
{
	margin-left: 20px;
	margin-top: 15px;
	float: left;
}

#hmo-header
{
	margin-left: 70px;
	float: left;
	clear: right;	
	font-size: 12px;
	font-weight: bold;
	color: #003859;
	text-align: center;
}

#body-wrap
{
	margin-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}

.breaker
{
	clear: both;
}

/* NAVIGATION */

#nav-ul
{
	top: 20px;
	position: relative;
	background: url(images/nav-bg.jpg) repeat-x;
	width: 776px;
	height: 34px;
	}

#nav-ul ul
{
	list-style: none;
	margin-left: 0px;
	display: inline;
}

#nav-ul li
{
	float: left;
	background: url(images/nav-bg.jpg) repeat-x;
	border-top: 1px solid #99B5C4;
}

#nav-ul #active
{
	background-color: #869BC0 !important;
	background-image: none !important; 
	border-top: 1px solid #869BC0 !important;
}

#nav-ul #last
{
	width: 100%;
}

#nav-ul li a 
{
    display:block;
    text-decoration:none;
    border-right:1px solid #003859;
    font-size:14px;
    color:#fff;
	line-height: 23px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 7px;
	padding-left: 7px;
	font-weight:400;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav ul li a {
    float:none;
}
/* End IE5-Mac hack */

#nav-ul li a:hover
{
	background: url(images/nav-bg-hover.jpg) repeat-x;
	color: #EBE8D4;
}

#sub-nav
{
	background-color: #869BC0;
	clear: both;
	margin: 0px;
	padding: 5px 2px 5px 2px ;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

#sub-nav a
{
	color: #003859;
}

/*** LEFT COLUMN ***/

#left-column
{
	float: left;
}

/*** SOLID CORNERS ***/
.solid-main
{
	background-color: #006098;
	display: block;
	width: 300px;
	color: #FFF;
	margin-top: 10px;
}

.roundtop { 
	background: url(images/top-right-solid.png) no-repeat top right; 
}

.roundbottom {
	background: url(images/bottom-right-solid.png) no-repeat top right; 
}

img.corner
{
   width: 9px;
   height: 9px;
   border: none;
   display: block !important;
}

/*** FONT ELEMENTS ***/

.blue-text 
{
	color: #006098;
}

/* RIGHT COUMN */

#right-column
{
	float: right;	
	text-align: center;
	width:350px;
}

/* BODY ELEMENTS */

.online-catalog
{
	text-align: center;
}

* html .online-catalog
{
	padding-bottom: 5px;
}

/*** FOOTER ELEMENTS ***/

/* The CSS that's required to position the footer */

html
{
	height: 100%;
}
/*
#nonFooter
	{
		position: relative;
		min-height: 100%;
		margin-bottom: 60px;
	}

* html #nonFooter
{
		height: 100%;
		margin-bottom: 0px;
}
*/	
#footer
{
	position: relative;
	margin: -48px auto 0px auto;
	bottom: 0px;
	width: 776px;
	text-align: center;
	min-width: 776px;
}

#footer div
{
	color: #FFFFFF;
	font-size: 11px;
	background:url(images/footer-bg.png) no-repeat center;
	height: 33px;
	padding-top: 15px;
}

#footer a 
{
	color: #FFFFFF;
}

#footer a:hover
{
	color: #CCC;
}

#footer a:visited 
{
	color: #FFFFFF;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer
{
	margin-top: -48px !important;
}

/* IMPORTED CSS FROM SME SITE */

.bodyText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 30px;
}
.menuLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


#sub-nav .menuLinks {
	color:#FFFFFF;
	font-size:12px;
}

.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.Titles {
	font-size: 14px;
	font-weight: bold;
	color: #006098;
}
.subTitles {
	font-size: 12px;
	font-weight: bold;
	color: #006098;
	text-decoration: underline;
}
.highlightproduct {
	border: 1px solid #FF0000;
}

h3 {
color: #006098;;
font-size: 120%;
}

.block {
	border: 1px solid #CCC;
	margin-top: 0px;
	background: url(images/swoosh_bg.jpg) no-repeat bottom left;
}

.inner_block {
	background: url(images/swoosh_bg_single.jpg) repeat-x bottom;
}

.block ul 
{
	padding-top: 5px;
}

.block ul li
{
	list-style-type: none;
	margin-bottom: 3px;
	vertical-align: top;
}

.headline_block {
	background-color: #CCC;
	padding: 4px;
	background: url(images/title_bg_gradient.jpg) repeat-x;
	margin-bottom: 0px;
	border-top: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-left: 2px solid #CCC;
}

.link_title 
{
	font-weight: bold;
}

.small_link 
{
	color: #0000FF;
}

#front_ul
{
	margin-top: 18px;
	line-height:14px;
}

#front_ul li
{

} 

.active
{
	color: #FFF;
}

a.image
{
	border: 1px solid #FFF;
}

a.image:hover
{
	border: 1px solid #006098;
}

a.image:visited
{
	border: 1px solid #FFF;
}

.light-blue
{
	background-color: #E3EDFF;
}

.requiredStar
{
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}

#spamMessage
{
	background-color: #CCC;
	border: 1px solid #FF0000;
	padding: 7px;
	width: 330px;
	font-weight: bold;
}

.errorClass
{
	border: 1px solid #FF0000;
}

.message-box {
	background-color:#B3C9EF;
	padding:8px 20px 8px 20px;
	width:660px;
	margin:0px auto 10px auto;
}

.message-box ul {
	line-height:30px;
}

.image-left {
	float:left;
	margin:0px;
	padding:0px;
}

.image-right {
	float:right;
	margin:0px 0px 20px 20px;
	padding:0px;
}


.blue-box-right {
	float:right;
	margin:0px;
	padding:0px 18px;
	background-color:#B3C9EF;
	width:300px;
}

.blue-box-right ul li {
	margin-bottom:10px;
	
}

.small_text {
	font-size:85%;
}