@charset "UTF-8";
/* CSS Document */
/* STYLES FOR ONLINE MARKETING SITE B.Zonderman 07/09 */

/* Page Container  2009 B.Zonderman */
.PageContainer { margin: auto; border: black thick solid; width: 800px;  /*IE*/ _width: 806px; background-color: #ffffff; }

/* Masthead 2009 B.Zonderman */
#masthead { width: 780px; /*IE*/ _width: 786px; position:relative; background-color:#000000; padding:10px 10px 20px 10px;}
#masthead a { color:#CCCCCC; font-size:18px; }
#masthead img { border: none;}
#masthead #utilities { text-align:right; vertical-align: top;}

/* Navigation 2009 B.Zonderman - Suckerfish */
.navbar { }
#nav, #nav ul { padding: 0; margin: 0; list-style: none;}
#nav a { display: block; width:115px; text-decoration: none; color:#FFFFFF;  font-weight:bold; }
#nav a:hover { text-decoration: none; color:#000000; }
#nav li { float: left; width:115px; height: 22px; padding: 5px 0px 5px 0px; margin-bottom: 0px;
			font-size:10px; letter-spacing: .1em; line-height: 110%; 
			background-color:#4F7282; 
			border-left:1px solid #181C18; border-right:1px solid #181C18; border-bottom:1px solid #4F7282; border-top:1px solid #7CA2B9;}
#nav #first { border-left: none; width: 106px;}			
#nav #last { border-right: none; width: 107px; }			
#nav li:hover { background-color:#7CA2B9; border-bottom:1px solid #7CA2B9; border-top:1px solid #4F7282;}
#nav li a { text-align:center; margin-bottom: 5px;}
#nav li ul { 	position: absolute; 	width:100px; 	height: 16px;  left: -999em;}
#nav li:hover ul { left: auto;}
#nav li ul li  { font-size:9px; letter-spacing: .1em; width:190px; height: 9px; background-color: #4F7282; color:#FFFFFF; border: none; padding: 5px; margin: 0px;}
#nav li ul li  a { text-align:left;  display: inline; }
#nav li ul li:hover   { background-color:#7CA2B9; border: none;}
/* NAVIGATION IE FIX  2009 B.Zonderman - Suckerfish */
#nav li:hover ul, #nav li.sfhover ul { left: auto;}

#OLMContainer {
	width: 790px;
	background-color:#FFF;
	margin:0px 0px 0px 0px;
	clear: left;
}
#OLMContainer .OLMbreadcrumb {
	font-size: 10px;
	font-weight:bold;
	background-color: #C8DFE8;
	width: 770px;
	padding: 3px 15px 3px 15px;
	margin: 0px;
}

#OLMContainer #mk_breadcrumb {
	font-size: 10px;
	font-weight:bold;
	background-color: #C8DFE8;
	width: 770px;
	padding: 3px 15px 3px 15px;
	margin: 0px;
}
#OLMContainer .mk_breadcrumb {
	font-size: 10px;
	font-weight:bold;
	background-color: #C8DFE8;
	width: 770px;
	padding: 3px 15px 3px 15px;
	margin: 0px;
}
#OLMContainer #mk_breadcrumb .breadcrumb { }
#OLMContainer .mk_breadcrumb .breadcrumb { }

#OLMsubnav {
	background-color: #FFF;
	width: 160px;
	padding: 20px 0px 15px 15px;
	font-size: 11px;
	float: left;
}
#OLMsubnav #OLMsubnavUl {list-style:none; padding: 0px 0px 20px 0px; margin: 0px;}
#OLMsubnav #OLMsubnavUl li {line-height: 110%; padding: 0px 0px 10px 0px; margin: 0px;}
#OLMsubnav #OLMsubnavUl li a { font-size: 11px; text-decoration: none; font-weight: bold;}
#OLMsubnav #OLMsubnavUl li a:hover { font-size: 11px; text-decoration: underline; font-weight: bold;}

.bodyColumn {
	margin-left: 175px; 	background-color: #FFF; width: 585px;
	padding: 20px 15px 0px 15px;
}

.BackToTop {
	text-align: right;
}
#OLMContainer .bodyColumn p, td, div { line-height:165%; margin:0px;}
.OLM_DataTable { margin-bottom: 10px; }
.OLM_DataTable td { padding: 5px 15px 5px 0px;}
.OLM_LoginTable { margin-bottom: 10px; }
.OLM_LoginTable td { padding: 5px 15px 5px 0px;}

.HelpdeskAlert { border: thin solid #CC0000; width: 354px; padding: 5px 8px;  margin-bottom: 10px; background-color: #FCC;}
.HelpdeskAlert h2 { font-size: 14px; padding-bottom: 10px; font-weight: bold; }
.HelpdeskAlert p { font-size: 13px; padding-bottom: 5px; line-height: 140%; }
.HelpdeskAlert li{ font-size: 13px; line-height: 140%; }
.HelpdeskAlert a { text-decoration: underline; }


.RelatedLinks { }
.RelatedLinks h3 {color:#666; font-size: 16px; border-bottom: solid thin #999; padding-bottom: 5px; margin-bottom: 10px;}

.RelatedLinks ul { list-style:none; padding: 0px 0px 20px 0px; margin: 0px;}
.RelatedLinks  li {line-height: 110%; padding: 0px 0px 10px 0px; margin: 0px;}
.RelatedLinks  li a { font-size: 11px; text-decoration: none; font-weight: bold;}
.RelatedLinks  li a:hover { font-size: 11px; text-decoration: underline; font-weight: bold;}

.bodyColumnNoLeftNav { width: 585px; margin: 20px 0px 0px 190px;} 
.RightContent{ float: right; width: 190px; padding: 0px; margin: 0px;}

#OLMContainer .bodyColumnNoLeftNav .PolaroidFeature {
	height: 182px; width: 180px;
	background-color: #FFF;
	padding: 5px 5px 8px 5px;
	margin-top: 0px 15px 15px 15px;
	border: 1px solid #ccc;
	font-size: 9px; line-height: 130%;
}

#OLMContainer .bodyColumnNoLeftNav .PolaroidFeature img { padding-bottom:8px;}

#OLMContainer .bodyColumnNoLeftNav .PolaroidShadow {
	float: right;
	background-image: url(/images/PolaroidShadow.jpg);
	background-repeat: no-repeat;
	height: 205px;
	width: 197px;
	text-align: left;
	background-position: 3px 5px;
	margin: 0px 0px  15px  15px;
}

/* not used in new template */
#OLMContainer th  { padding: 4px 15px 4px 3px; border: none; color:#000; font-weight: bold; background-color: #ccc; font-size: 11px; margin: 0px; line-height: 130%;}
#OLMContainer .OLMbreadcrumb a { font-size: 10px; text-decoration: underline; }
#OLMContainer .OLMbreadcrumb a:hover { font-size: 10px; text-decoration: none; }
#OLMContainer .OLMbreadcrumb a:visited { font-size: 10px; text-decoration: none; }