html, body { padding: 0; margin: 0; font-family: verdana, sans-serif; color:#333; font-size: 11px; }
body { background: #F0F0F0; }

/* ------------------ HEADER ------------------ */
#header { float: left; width: 100%; max-height: 161px; min-width: 770px; width:expression(document.body.clientWidth < 870 ? "780px" : "100%" ); } /* IE Width Hack */
#banner { float: left; width: 100%; max-height: 150px; background-image: url('../images/nav/banner_extens.jpg'); background-position: 0 0; background-repeat: repeat-x; }

/* ------------------ HEADER > NAVBAR ------------------ */
#navbar { float: left; width: 100%; max-height: 29px; }
#navbar .logo {margin:3px 5px 0 5px;}
#navbar #nav { float: right; display: inline; }
#navbar #nav ul { float: left; list-style: none; padding: 0 10px 0 0; border-left: 1px solid #161616; margin: 0; font-size: 10px; }
#navbar #nav li { float: left; display: inline; list-style: none; padding: 0; border-right: 1px solid #161616; margin: 0; }
#navbar #nav li a { float: left; padding: 7px 16px 8px 16px; line-height: 12px; margin: 0; color: #fff; text-decoration: none; }
#navbar #nav li a:hover { background: #222; text-decoration: underline; }
#navbar #navleft { float: left; display: inline; margin-left: 7px; margin-top: 6px; color: #FFFFFF;}
#navbar #navleft p { color: #FFFFFF; }

/* ------------------ HEADER > STATUSBAR ------------------ */
/*#statusbar { float: right; width: 100%; height: 24px; background: url(../images/statusbarBG.gif) 0 0 repeat-x;}*/
#statusbar { float: left; width: 100%; height: 45px; padding: 4px 0 0 0; }
#statusbar .info { margin: 0px 0px 0px 0px; padding: 2px 28px 1px 16px; font-weight:bolder; color: white; }
#statusbar #tabs { float: right; display: inline; padding: 0 5px 0 0; }
#statusbar #tabs ul { float: left; margin: 6px 0 0 0; padding: 0 0 0 0; list-style: none; }
#statusbar #tabs li { float: left; display: inline; list-style: none; margin: 0 3px; padding: 0; background: url(../images/tabRightInactive.gif) right top no-repeat; }
#statusbar #tabs li a { float: left; display: block; line-height: normal; text-decoration: none; padding: 3px 15px 2px 15px; background: url(../images/tabLeftInactive.gif) left top no-repeat; }
#statusbar #tabs li.active { background: url(../images/tabRightActive.gif) right top no-repeat; }
#statusbar #tabs li.active a { background: url(../images/tabLeftActive.gif) left top no-repeat; }
#statusbar #tabs li a:hover { text-decoration: underline; }
#statusbar #welcome { float: left; display: inline; padding: 4px 15px 0 10px; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px;}

/* ------------------ GLOBAL > GENERAL/GENERIC STYLES ------------------ */ 
img { border:none; }
hr          { border: 1px solid #eee; }
.hidden     { display: none; }
.hrtheme    { border: 1px solid blue; }
.center     { text-align: center; }
.left       { text-align: left; }
.right      { text-align: right; }
.indent     { padding: 0px 10px 4px 10px; }
.nospace    { margin: 0; padding: 0; }
.bold       { font-weight:bolder; }
.size24     { font-size: 24px; }
.size20     { font-size: 20px; }
.size18     { font-size: 18px; }
.size16     { font-size: 16px; }
.size14     { font-size: 14px; }
.size12     { font-size: 12px; }
.size11     { font-size: 11px; }
.size10     { font-size: 10px; }
.size8      { font-size: 8px; }
.nowrap     { white-space:nowrap; }
.msg_color  { color: red; }
.font_ahs   { font-family: Arial, Helvetica, sans-serif; }
.section_line { /*color:black; background-color:black;*/ height:1px; border:none; margin-bottom:10px; margin-top:10px; }
.section_line_nomargin { color:black; background-color:black; height:1px; border:none; margin-bottom:4px; margin-top:4px; }

/* ------------------ GLOBAL > PAGE LAYOUTS ------------------ */ 
/*#container { width:700px; margin:0px auto; text-align:left; padding:8px; border:2px solid #999999; background-color:#C4D6FA; }*/
div#container{ width:700px; margin: 0px auto; padding:5px; text-align:left; background:#FFF }
div#footer{clear:both; width:100%; padding:5px 0; margin:20px 0 6px 0; text-align:center; }

/* ------------------ GLOBAL > BOX MODEL LAYOUTS ------------------ */ 
.box_wraper { width:100%; padding:0; margin:0; }
.box_header { width:100%; margin: 8px 0px 6px 0px; background:#C6D7DE; text-align:center }
.box_header h1{ color: #21457F; margine-bottom: 8px; font-family: Arial, Helvetica, sans-serif; font-size : 14px; }
.section_header { width:100%; margin: 16px 0px 12px 0px; background:#C6D7DE; text-align:left }
.section_header h2 { margin: 6px 0px 6px 0px; padding: 0 0 0 16px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; }
.boxclear { clear: both; margin: 0px auto; font-size: 0px; }
.boxspace { clear: both; margin: 8px auto; font-size: 0px; }
.box_content { padding: 6px; text-align: left; }
.box_content_nospace { padding: 0px; margin: 0; text-align: left; }

.col_2_BoxFloatL        { float:left;  width:48.9%; }
.col_2_BoxFloatR        { float:right; width:48.9%; }
.col_2_BoxFloatL, .col_2_BoxFloatR { position: relative; }

.col_3a_BoxFloatL        { float:left;  width:66.6%; }
.col_3a_BoxFloatL_InnerL { float:left;  position: relative; width:50%; }
.col_3a_BoxFloatL_InnerR { float:right; position: relative; width:50%; }
.col_3a_BoxFloatR        { float:right; width:33.4%; }
.col_3a_BoxFloatL, .col_3a_BoxFloatL_InnerL, .col_3a_BoxFloatL_InnerR, .col_3a_BoxFloatR { position: relative; }

.col_3b_BoxFloatL        { float:left;  width:33.4%;}
.col_3b_BoxFloatR        { float:right; width:66.6%; }
.col_3b_BoxFloatR_InnerL { float:left;  position: relative; width:50%; }
.col_3b_BoxFloatR_InnerR { float:right; position: relative; width:50%; }
.col_3b_BoxFloatL, .col_3b_BoxFloatR, .col_3b_BoxFloatR_InnerL, .col_3b_BoxFloatR_InnerR { position: relative; }

.col_4_BoxFloatL        { float:left;  width:49.5%; padding:0px; }
.col_4_BoxFloatL_InnerL { float:left;  position: relative; width:49.8%; }
.col_4_BoxFloatL_InnerR { float:right; position: relative; width:49.8%; }
.col_4_BoxFloatR        { float:right; width:49.5%; padding:0px; }
.col_4_BoxFloatR_InnerL { float:left;  position: relative; width:49.8%; }
.col_4_BoxFloatR_InnerR { float:right; position: relative; width:49.8%; }


/*** Contact Us ***/

/* ------------------ GLOBAL > FORM LAYOUT --------------------- */
.reg_input { margin: 0 0 15px 0; }
#DataForm label { float: left; display: inline; width: 280px; margin: 0px 0px 0px 15px; font-weight: bold; text-align: left; font-size: 12px; font-family: Arial,Helvetica,sans-serif; }
.FormData_field { background: #F1EEEE; padding-left: 3px; }
.FormData_readonly { background: #DADADA; padding-left: 3px; }
.textbox { background-color: #DADADA;	border: 1px solid #A8B4B0; color: #0E51A3;	text-align: left; }

/* ------------------ GLOBAL > BUTTON LAYOUT ------------------- */
.SelButtons { position: absolute; float: right; bottom: 15px; right: 15px; }
.FormButtons { float: right; margin: 15px 0px 0px 0px; }
.Sel_btnCenter, .Sel_btnLeft, .Sel_btnRight { text-align: center; width: 89px; height: 23px; border: 0; }
.Sel_btnCenter { padding: 0px 0px 3px 0px; font-size: 85%;  font-weight: 900; }
.Sel_btnLeft   { padding: 0px 0px 3px 4px; font-size: 85%;  font-weight: 900; }
.Sel_btnRight  { padding: 0px 4px 3px 0px; font-size: 85%;  font-weight: 900; }
.Sel_btnCenter:hover, .Sel_btnLeft:hover, .Sel_btnRight:hover { color: #FFFFFF; cursor: pointer;}

.SelButtons { position: absolute; float: right; bottom: 15px; right: 15px; }
.FormButtons { float: right; margin: 15px 0px 0px 0px; }
.Sel_btnDisabledCenter, .Sel_btnDisabledLeft, .Sel_btnDisabledRight { text-align: center; width: 89px; height: 23px; border: 0; }
.Sel_btnDisabledCenter { padding: 0px 0px 3px 0px; font-size: 85%;  font-weight: 900; }
.Sel_btnDisabledLeft   { padding: 0px 0px 3px 4px; font-size: 85%;  font-weight: 900; }
.Sel_btnDisabledRight  { padding: 0px 4px 3px 0px; font-size: 85%;  font-weight: 900; }
.Sel_btnDisabledCenter:hover, .Sel_btnDisabledLeft:hover, .Sel_btnDisabledRight:hover { color: RED; cursor: default;}

/* ------------------ PAGE LAYOUT > INDEX ------------------------- */
.index_bullets { list-style-image: url("../images/other/arrow.gif"); padding: 0px 0px 0px 26px; }
.navmenu { list-style-image: url("../images/breeze/iconNavInactive.gif"); padding: 4px 0px 8px 20px; }
.index_browers { height: 35px; }


/* ------------------ PAGE LAYOUT > ????? ------------------------- */
.pageheader {
	font-family: Arial;
	font-size: 18px;
	color: #21457F;
	font-weight: bold;
}






/* ---------------------------------------------------------------- */
a.nav:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;
	font-size: 12px;
	text-decoration: none;
}
a.nav:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;
	font-size: 12px;
	text-decoration: none;
}
a.nav:active {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3366ff;
	font-size: 12px;
	text-decoration: none;
}
a.nav:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3366ff;
	font-size: 12px;
	text-decoration: none;
}

BODY {
	font-size : 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin: 0;
/*	background-color: #F0F0F0;*//* #FFCC33; */
}

.hilight2 {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #999;
	height: 1px;
}

.hilight {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	/* background-color: #fff9cc; #ffcc00 */
	/*background-color: #FEFFCC;*/
	height:24px;
	vertical-align: middle;
	border: 2px solid #999;
}

.secondhilight {
	background-color: #FEFFCC;
	border-left: 2px #999 solid;
}

.mainbar {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #FFCC33; /* You must have a ; on the end of each element */
	height:24px;
	vertical-align: middle;
	border: 2px solid #999;
}

.footerbar {
	clear:none;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #F0F0F0;
	height:24px;
	vertical-align: middle;
	border: 2px solid #999;
}

BODY.intro {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color :#ffffff;
}

TD {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
}

TH {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
}

BLOCKQUOTE {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
}

UL {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
}

OL {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
}

P TD DIV H1 H2 H3 H4{
	//COLOR: #000000;
	COLOR: #A9A9A9;
	MARGIN-BOTTOM: 8px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size : 14px;
}


INPUT.BUTTON {
 background : #e2e2e2;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 font-size : 12px;
}

INPUT.SUBMIT {
 background : #e2e2e2;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 font-size : 12px;
}

SELECT {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 background : #F9F9FF;
}

INPUT.TEXT {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;c
 background : #F9F9FF;
}

TEXTAREA {
 font-size : 12px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
 background : #F9F9FF;
}

DIV.footerx {
 /* COLOR: #94968d; there can't be two in here */
 COLOR: #000000;
 font-size : 12px;
 font-family : Arial, Helvetica, Verdana,sans-serif;
}

DIV.PFOOTER {

 font-size : 10px;
 font-family : Arial, Helvetica, Verdana,sans-serif;
}


DIV.HEADER {
 COLOR: #FFFFFF;
 font-size : 12px;
 font-family : Arial, Helvetica, Verdana,sans-serif;
 font-weight : bold;
}

DIV.PTITLE {

 font-size : 16px;
 font-family : Arial, Helvetica, Verdana,sans-serif;
 font-weight : bold;
}

DIV.TITLE {
 COLOR: #FFFFFF;
 font-size : 16px;
 font-family : Arial, Helvetica, Verdana,sans-serif;
 font-weight : bold;
}

DIV.AUTHOR {
 COLOR: #FFFFFF;
 font-size : 10px;
 font-family : Arial, Helvetica, Verdana,sans-serif;
}

DIV.CONTENT {
 font-size : 8px;
 font-family : Arial, Helvetica, Verdana,sans-serifc;
}

DIV.HWHITE {
 COLOR: #FFFFFF;
  font-weight : bold;
 }

DIV.PAGEHEADER {
 COLOR: #2266EB;
 font-size : 18px;
 font-family : Arial, Helvetica, Verdana,sans-serifc;
 font-weight : bold;
 }

A.tblink2 {
 COLOR: #2266EB;
 TEXT-DECORATION: none;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
}

table.outline10 {
	border: 2px solid #999;
	padding: 10px;
	background-color: #C4D6Fa;
}

table.outline1 {
	border: 1px solid #54A3AB;
	background-color: #D4ECF2;
}
table.login{
	border: 1px solid #54A3AB;
	background-color: #DFF3F7;
}

.small {
 COLOR: #000000;
 font-size : 11px;
 FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.pageheader {
	font-family: Arial;
	font-size: 18px;
	color: #2266EB;
	font-weight: bold;
}


table .editor {
	width: 60%;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
}

.indexsteps {
	background-color: #eee;
}
.style4 {
	color: #333;
	font-weight: bold;
}
.style5 {color: #ff0000}
.style6 {font-size: 10px}
.style7 {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}

.style1 {font-size: 13px}
.style2 {
	color: #00749F;
	font-weight: bold;
}
//.style6 {font-size: 12px}
//.style7 {	color: #00749F;
	//font-weight: bold;
	//font-size: 12px
//}
.style8 {	color: #3366FF;
	font-weight: bold;
	font-size: 14px;

	}

a.footerb:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
	font-size: 11px;
	text-decoration: none;
}
a.footerb:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
	font-size: 11px;
	text-decoration: none;
}
a.footerb:active {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9933;
	font-size: 11px;
	text-decoration: none;
}
a.footerb:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9933;
	font-size: 11px;
	text-decoration: none;
}

a.footer:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	font-size: 11px;
	text-decoration: none;
}
a.footer:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	font-size: 11px;
	text-decoration: none;
}
a.footer:active {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	font-size: 11px;
	text-decoration: none;
}
a.footer:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CC0066;
	font-size: 11px;
	text-decoration: none;
}

/*Here is the actual text of the comment*/
.submitbtn {
	background-color: transparent;
	background-image: url(../images/buttons/b_large.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	color: #000000;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	height: 21px;
	width: 117px;
	background-position: center;
	vertical-align: middle;
	line-height: 21px;
}

/*Here is the actual text of the comment*/
.submitbtn2 {
	background-color: transparent;
	background-image: url(../images/buttons/b_large.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #000000;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	height: 21px;
	width: 122px;
	background-position: center;
	text-align:center;
	vertical-align:middle;
	line-height: 21px;
}
.loginbtn {
	background-color: transparent;
	background-image: url(../images/buttons/b_medium.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	color: #000000;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
  font-weight: bolder;
	height: 21px;
	width: 75px;
	vertical-align: middle;
	line-height: 21px;
}

/*Here is the actual text of the comment*/
.loginbtn2 {
	background-color: transparent;
	background-image: url(../images/buttons/b_medium.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none;
	color: #000000;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	height: 21px;
	width: 122px;
	background-position: center;
	text-align:center;
	vertical-align:middle;
	line-height: 21px;
}

table.outlineo {
  border: 2px solid #666;
	background-color: #d0ddf1;
}

.red {
	color: red;
}
div.colorpalette {
	display:;
	width:57px;
	height:27px;
	background-color:#fff;
	border: 0px inset #f5f5f6;
	position: relative;
	clear: none; float: left;
}

a.tooltip {
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
    display:block;

    }

a.tooltip:hover {background-color:transparent;z-index:25;display:block;}

a.tooltip div.tip{display:none;}

a.tooltip:hover div.tip{ /*the span will display just on :hover state*/
    display:block;
    z-index: 25;
    position:absolute;
    top:24px; left:2em;
	width: 120px;
	height: 40px;
    border:1px solid #000;
    background-color:#ffffcc;
    color:#000;
    padding: 3px;
    }

.middlesection
{
	padding-top:5px;
	padding-bottom: 5px;
}

div.pfooter a
{
color: #fff;
text-decoration: none;
}

.blankbtn {
	background-color: transparent;
	background-image: url(../images/buttons/b_blank.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	color: #333333;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	padding: 0px;
	margin: 0px;
	height: 22px;
	width: 96px;
	vertical-align: middle;
	line-height: 22px;
}

.prevbtn {
	background-color: transparent;
	background-image: url(../images/buttons/b_prev.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	color: #333333;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	padding-left: 18px;
	padding-bottom: 0px;
	height: 22px;
	width: 96px;
	vertical-align: middle;
	line-height: 22px;
}

.nextbtn {
	background-color: transparent;
	background-image: url(../images/buttons/b_next.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	color: #333333;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	padding-right: 18px;
	padding-bottom: 0px;
	height: 22px;
	width: 96px;
	vertical-align: middle;
	line-height: 22px;
}

.nextabtn {
	background-color: transparent;
	background-image: url(../images/buttons/nexta.jpg);
	background-position: right;
	background-repeat: no-repeat;
	border: none;
	color: #333333;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  font-weight: bolder;
	vertical-align: middle;
	height: 29px;
	padding-right: 18px;
	line-height: 29px;
}

.prevabtn {
	background-color: transparent;
	background-image: url(../images/buttons/preva.jpg);
	background-position: left;
	background-repeat: no-repeat;
	border: none;
	color: #333333;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  font-weight: bolder;
	vertical-align: middle;
	height: 29px;
	padding-left: 13px;
	line-height: 29px;
}

.separator
{
	height: 0px;
	border-top: 1px dashed #b3b3b3;
	line-height: 1px;
	vertical-align: bottom;
}

.deleteicon
{
	font-style:italic;
	font-weight:bold;
	font-face:serif;
	font-size:14px;
	vertical-align:sup;
	text-decoration:none;
	line-height:15px;
	padding:3px;
	color: #ffcccc;
}

.postereditable a
{
	text-decoration: none;
}

.postereditable a:hover
{
	text-decoration: underline;
}

.miniposter
{
	font-size:9px;
	font-weight: bold;
	background-color:#399;
	color:#fff;
	padding:2px;
}

.rcpt_heading
{
	font-size: 12pt;
	font-weight: bolder;
}