/**GLOBAL STYLES******************************/
/**spring: #4397bb **/
/**summer: #4397bb **/
/**autumn: #4397bb **/
/**winter: #4397bb **/

body {
 text-align: center;
 background-color: #FFFFFF;
 margin: 0px 0px 0px 0px;
 font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border: 0px;
}
img.onepixel {border:#4397bb 1px solid;}
img.onepixelgrey {border:#2D2D2C 1px solid;}
div {border : 0px solid;}
a {color: #4397bb; text-decoration: none;}
a:link {color: #4397bb;}
a:visited {color: #4397bb;}
a:active {color: #666666;}
a:hover {text-decoration: none;}

a.right {float: right;}

p {font-size: 12px; font-weight: normal; color: #333333;}

ul {
 color: #333333;
 list-style-image: url("/common/images/ul.gif");
 padding-left: 2px;
 margin-left: 10px;
 margin-top: 5px;
}
ol {
 color: #333333;
	list-style-type:circle;
 padding-left: 2px;
 margin-left: 10px;
}
li {margin: 0px 0px 0px 10px;}
hr {
 border: none;
 color: #CCCCCC;
 background-color: #CCCCCC;
 height: 1px;
 margin : 5px 0px 15px 0px;
}
div.hr {
	border-top:#A4A4A4 thin dotted;
	margin: -5px 0px 0px 0px;
}
form {margin: 0px; padding: 0px;}
.label{
 font-size : 11px;
 line-height : 16px;
 font-weight: bold;
 color: #010008;
}
.pagetitle{
 font-size : 15px;
 font-weight: bold;
 color: #010008;
}
INPUT.txt{
 margin-top : 2px;
 margin-bottom : 0px;
 border : 1px solid #5B5B5B;
 font-size : 11px;
 color: #333333;
 background-color: #F2F2F2;
}
select{
 width : auto;
 margin-top : 2px;
 margin-bottom : 8px;
 border : 1px solid #5B5B5B;
 font-size : 11px;
 color: #333333;
 background-color: #F2F2F2;
}
textarea {
 width : 250px;
 margin-top : 2px;
 margin-bottom : 8px;
 border : 1px solid #5B5B5B;
 font-size : 11px;
 color: #333333;
 background-color: #F2F2F2;
}
input.btn {
 font-size:11px;
 font-weight:bold;
 font-style:normal;
 color:#010008;
 background:#F2F2F2;
 border: #FFFFFF outset 2px;
}
input.btn2 {
 font-size:11px;
 font-weight:bold;
 font-style:normal;
 color:#666666;
 background:#F2F2F2;
 border: #FFFFFF outset 2px;
}
.formcomment {color:#999999;}

#noteFooter {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
 font-size: 1em;
	color: #4397bb;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
#buttons{width:100%; text-align: right; clear: both;}
#buttons2{width:100%; text-align: right;}
#subbuttons{width:100%; text-align: left; margin-bottom : 15px; clear: both;}
/**ERROR STYLES*******************************/
img#required {vertical-align: top;}
img#mandatory {vertical-align: top;}
img#empty {vertical-align: top;}
#error {
 color: #FF0000; 
 font-size:11px;
 font-weight: bold;
 margin-top : 10px;
 margin-bottom : 10px;
}
/**DIV STYLES*********************************/
#header {
 background-color: #0E3650;
 text-align: right;
 padding: 0px 0px 0px 0px;
 height: 200px;
 width: 900px;
 margin: auto;
 border-bottom: 1px solid #010008;
}
#header .left {float: left; width: 180px;}
#header .right {float: right; width: 500px;}
#header select {
 width : auto;
 margin-top : 12px;
 margin-right : 10px;
 border : 1px solid #999;
 font-size : 10px;
 color: #666666;
 background-color: #F7F7F7;
}
#infobar {
 background-color : #FFFFFF;
 height: 2px;
 width: 900px;
 margin: auto;
 font-size: 10px;
 color: #333333;
}
#infobar a {text-decoration: none; color: #333333;}
#infobar a:hover {text-decoration: none; color: #666666;}
#infobar .contentLeft {
 padding: 2px 2px 2px 10px;
 clear: left;
 float: left;
 width: auto;
}
#infobar .contentRight {
 padding: 2px 10px 1px 2px;
 float: right;
 width: auto;
}
#footer {
 height: 14px;
 width: 900px;
 clear: both;
 padding-top: 4px;
 padding-bottom: 4px;
 margin: auto;
 border: 1px solid #E8E7E5;
 border-width: 1px 0px 1px 0px;
 text-align: left;
 color: #333333;
 font-size: 10px;
}
#footer a {text-decoration: none; color: #333333;}
#footer a:hover {text-decoration: none; color: #666666;}

/**DIV STYLES FOR SUBNAVIGATION START HERE*****/
#subnavArrow {background: url("/common/images/bottom_leftheader.gif") no-repeat; height: 8px;}
#subnav {
 /*background: url("/common/images/bottom_leftheader.gif") no-repeat;*/
 font-size: 11px;
 font-weight: normal;
 color: #333333;
 padding: 7px 0px 15px 0px; 
 /*border: 1px solid #F5F5EC;
 border-width: 0px 0px 0px 0px;*/
}
#subnav .level1 {
 border: 1px solid #EFFFFE;
 border-width: 0px 0px 0px 0px;
 padding: 2px 2px 2px 13px;
 font-weight: bold;
}
#subnav .level1High {
 border: 1px solid #EFFFFE;
 border-width: 0px 0px 0px 0px;
 padding: 2px 2px 2px 20px;
 background: url("/common/images/subnav_high.gif") no-repeat;
}
#subnav .level2 {
 background-color: #EFFFFE;
 border: 1px solid #DFFFFD;
 border-width: 1px 0px 0px 0px;
 padding: 2px 2px 2px 13px;
 font-weight: normal;
}
#subnav a{text-decoration: none; color: #333333;}
#subnav a:hover{text-decoration: none; color: #666666;}
#subnav a.high{text-decoration: none; color: #01AEA8;}

/**DIV STYLES FOR MAIN CONTENT START HERE******/
#main {width: 900px; text-align: left;  margin: auto;}
#wrapper1{height:100%; background: url("/common/images/bg_right.gif") top right repeat-y;}
#wrapper2{height:100%; background: url("/common/images/bg_left.gif") top left repeat-y;}

/*.columns{background-color: transparent;}*/
.leftcolumn{
 background-color: #E1E1E1;
 float: left;
 width: 180px;
 margin: 0px;
}
.rightcolumn{
 position: static;
 float: right;
 width: 150px;
 margin: 0px;
}
.centercolumn{margin-right: 152px; margin-left: 182px;}
* html body .centercolumn{margin-right: 152px; margin-left: 182px;}
.cleaner {
 clear: both;
 height: 1px;
 background: transparent;
}
/**DIV STYLES FOR INLINE CONTENT START HERE****/
#leftcolumn .head {
 background: #2D2D2C; 
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 padding: 3px 3px 3px 5px; 
}
#leftcolumn .box {
 background: transparent;
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 padding: 7px 10px 10px 10px; 
}
#leftcolumn INPUT.txt {
 width : 155px;
 margin-bottom : 3px;
 border : 1px solid #999;
 font-size : 10px;
 color: #666666;
 background-color: #F7F7F7;
}
#leftcolumn img#empty {display: none;}
#leftcolumn INPUT.btn {
 margin-top: 10px;
 float: right;
 color: #333333;
 font-size:11px; 
 font-weight: bold; 
 background: #C1C1B7;
 border: #333333 solid 1px;
}
#leftcolumn ul {
 list-style-image: url("/common/images/ul_left.gif");
 padding-left: 5px;
 margin-left: 10px;
 margin-top: 0px;
}
#leftcolumn li {margin: 0px 0px 10px 0px;}
#rightcolumn .head {
 background: #2D2D2C; 
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 padding: 3px 3px 3px 5px; 
}
#rightcolumn .box {
 font-size: 10px;
 font-weight: normal;
 color: #333333;
 padding: 10px 10px 10px 10px; 
}
.boxtext {
  font-size: 11px; 
		font-weight: normal; 
		color: #333333;
}
#centercolumn .head {
 background: #2D2D2C; 
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 padding: 3px 3px 3px 5px; 
}
#doublecolumn .head {
 background: #2D2D2C; 
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 padding: 3px 3px 3px 5px; 
}

/**DIV STYLES FOR MASTER CONTENT TEMPLATE START HERE***/
#contentContainer {
 height: 1%;  /*IE fix */
 color: #333333;
 vertical-align: top;
 margin: 10px 10px 10px 10px; 
}
#contentContainer h1, h2, h3 {font-weight : bold; text-decoration : none;}
#contentContainer h1 {font-size: 15px; color: #010008; margin : 0px 0px 0px 0px;}
#contentContainer h2 {font-size: 14px; color: black; margin : 30px 0px 10px 0px;}
#contentContainer h3 {font-size: 13px; color: #666666; margin : 30px 0px 10px 0px;}
#contentContainer font {font-family: Verdana, Arial, Helvetica, sans-serif; line-height : 17px;}
#contentContainer p {
line-height : 17px;
font-size: 12px; 
font-weight: normal;  
margin-bottom : 10px;
}
#contentContainer p.intro {font-size: 12px; font-weight: bold;}
#contentContainer p.small {font-size: 11px; font-weight: normal; color: #333333;}
#contentContainer .left {width:180px; float: left; border: 0px solid red;}
#contentContainer .right {width:180px; float: right; border: 0px solid red;}
#contentContainer img {margin: 5px 0px 5px 0px;}
#contentContainer img.simple {margin: 0px 0px 0px 0px;}
#contentContainer img.fivepx {margin: 0px 5px 0px 0px;}
#contentContainer .leftImg { padding: 0px 5px 5px 0px; float: left;}
#contentContainer .rightImg { padding: 0px 0px 5px 5px; float: right; }
#contentContainer ul {
 font-size: 12px; 
 color: #333333;
 list-style-image: url("/common/images/ul.gif");
 padding-left: 2px;
 margin-left: 3px;
 margin-top: 5px;
}
#contentContainer ol {
 color: #333333;
 padding-left: 7px;
 margin-left: 10px;
 margin-top: 5px;
}
#contentContainer li {margin: 0px 0px 0px 15px;}
#contentContainer hr {
 border: none;
 color: #CCCCCC;
 background-color: #CCCCCC;
 height: 1px;
 margin : 5px 0px 5px 0px;
}
/**DIV STYLES FOR PROMO CONTENT START HERE*****/
#rightcolumn .promo {
 border: #C7C9CE solid 0px;
 border-width : 1px 1px 1px 0px;
 background: url("/common/images/bg_promo.gif") no-repeat;
 font-size: 10px;
 font-weight: normal;
 color: #666666;
 margin: 0px 0px 2px 0px; 
 padding: 0px 1px 10px 10px; 
 height: 1%; /* IE fix */
}
#centercolumn .promo {
 border: #C7C9CE solid 1px;
 font-size: 11px;
 font-weight: normal;
 color: #666666;
 margin: 15px 20px 5px 20px; 
 padding: 2px 2px 5px 5px;
}
#rightcolumn h1 {
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 color : #010008;
 margin: 2px 0px 5px 0px;
}
#promohighlight{
 background: #F7F6F1;
 padding: 2px 2px 2px 2px;
 font-size: 11px;
 font-weight: normal;
 color: #666666;
 margin: 10px 0px 0px 0px; 
 width:80%;
}
#promohighlight a{
 text-decoration: none;
 font-weight: bold;
 color: #010008;
}
#promohighlight a:hover{
 text-decoration: underline;
 font-weight: bold;
 color: #010008;
}