/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/


body {height:100%; margin:0; padding:0;background-color:#000000; background-image:url(/images/body_bg.jpg); background-position:right; background-repeat:repeat-y; }
body.new {height:100%; margin:0; padding:0;background-color:#000000; background-image:url(/images/body_bg_rotated.jpg); background-position:bottom left; background-repeat:repeat-x; }

#container {
	width:895px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(/images/container_bg.png);
	background-repeat:repeat-y;
	background-position:top center;
	text-align:left;
	/* cross-browser hack to center div */
	margin-left:auto;
	margin-right:auto;
	/**/
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	line-height:150%;
	font-weight: normal;
	font-variant: normal;
	color:#000000;
	overflow:hidden;
}
DIV.top_bar {
	height:9px;
	line-height:9px;
	background-color:#00306f;
}
#header {
	height:100px;
	background-image:url(/images/header_bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
#headerContent {
	margin:25px 0px 30px 30px;
	padding:0px 0px 0px 0px;
}
#headerContent span {
	display:inline-block;
	width:500px;
	margin-left:100px;
	text-align:right;
}
#crumb{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style: normal;	
	line-height:150%;
	font-weight: normal; 
	font-variant: normal; 
	color:#000000; 
}
#pageBody {
	/*margin:40px;
	margin-right:20px;
	margin-left:35px;
	margin-top:30px;*/
	background-image:url(/images/pageBody_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-top:50px;
	padding-left:35px;
	padding-right:35px;
	/*border:dashed 1px #DDD;*/
	/* cross-browser hack to set minimum height for page body */
	min-height:520px;
	height:auto !important;
	height:520px;
}

/*#container.page_1 #pageBody {
	padding:0px;

}*/

#pageBody ul {
	list-style-type:disc;
}

#pageBodyTable	{
	width:100%;
	background-image:url(/images/menu_bg_vert.jpg); /* put bg behind entire table to bridge rowspan to */
	background-position:top;
	background-repeat:repeat-x;
	background-color:#F4F4F4;

}
#pageBodyMenuTD{
	width:200px;

}
#pageBodyContentTD{
	background:#FFF;

}

#copyright {
 width:900px;
 margin-left:auto;
 margin-right:auto;
 padding-right:20px;
 text-align:right;
 color:#666666;
 font-size:10px;
 overflow:hidden; 
 padding-bottom:20px;
} 

/************************* column structure ****************************/
span#left_column {
 width:163px; /* 60px height + 20px padding-left + 20px padding-right = left_column is 200px wide */
 padding:0px;
 vertical-align:top;
 margin:0 30px -40px 0px; /*cancels out page_body padding */
 /* cross-browser hack to set minimum height for page body */
 overflow:hidden; 
 display:inline-block; 
}
span#right_column {
 width:600px; /* 60px height + 20px padding-left + 20px padding-right = left_column is 200px wide */
 padding:20px;
 padding-top:0px;
 vertical-align:top;
 margin:0 0 40px 0px; /*cancels out page_body padding */
 /* cross-browser hack to set minimum height for page body */
 min-height:430px;
 height:auto !important;
 height:430px;
 overflow:hidden; 
 display:inline-block;
}

#container.page_1 #pageBody span#right_column {
	padding:5px;
	margin-top:-20px;
}
 
div.clear_both {
 clear:both;
}



#container.admin_page #pageBody span#left_column {
	width:0px !important; margin:0px !important; padding:0px !important;
}
#container.admin_page #pageBody span#right_column {
	width:100% !important;
}


/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

/* ---------- don't edit collapse defaults*/
div, span 		{margin:0; padding:0; }
a, a img, img 	{border:0; outline-style:none; outline-width:0px;}
table, th, td 	{border-collapse:collapse; border:solid 1px #666;}

/* ----- headlines -----------------------*/
h1, h1 a, a h1 {font-size:36px; color:#00316a; margin-top:0px; margin-bottom:8px; line-height:normal; letter-spacing:0;}
h2, h2 a, a h2 {font-size:20px; color:#000000; margin-top:10px; margin-bottom:5px; line-height:normal; letter-spacing:0;}
h3, h3 a, a h3 {font-size:16px; color:#9F9F9F; margin-top:8px; margin-bottom:4px; line-height:normal; letter-spacing:0;}
h4, h4 a, a h4 {font-size:20px;	color:#000000; margin-top:8px; margin-bottom:4px; line-height:normal; letter-spacing:0;	font-weight: normal;}
h5, h5 a, a h5 {font-size:14px; color:#666666;}
h6, h6 a, a h6 {font-size:12px; color:#000000;}
/* note: declare link attributes for headlines - since  */
/* tools arbitrarily put links inside or outside h tags */

/* ----- default text links in content -------*/
a {
	color:#0066B5;
	text-decoration:none;
}
a:hover {
	color:#9F9F9F;
	text-decoration:underline;
}

/* ----- default horizontal rule -------*/
hr {
	margin:5px 0px 20px 0;
	padding:0px;
	border-bottom:2px solid #999;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:0;
	display:block;
}

/* tables with class of "table_style" applied to table or span wrapper - */
span.table_style table, 
span.table_style table th, 
span.table_style table td,
table.table_style, 
table.table_style th, 
table.table_style td {
	border-color:#F00;
}
span.table_style table, 
table.table_style {
	width:100%;
}

table.table_style th,
span.table_style table th {
	background: #99CCCC;
	vertical-align:bottom;
}
table.table_style td,
span.table_style table td {
	vertical-align:top;
}		


/* "table_style" can be different if end user builds - those inside a content area span */
span.content_area span.table_style table, 
span.content_area span.table_style table th, 
span.content_area span.table_style table td,
span.content_area table.table_style, 
span.content_area table.table_style th, 
span.content_area table.table_style td {
	border-color:#00F;

}
span.content_area span.table_style table, 
span.content_area table.table_style {
	width:auto;

}
span.content_area table.table_style th,
span.content_area span.table_style table th {
	background:#CCC;
	vertical-align:bottom;
}
span.content_area table.table_style td,
span.content_area span.table_style table td {
	vertical-align:top;
}		









/* ---------------------------------------------------------------- */
/* ----------------------- COMMON STYLES -------------------------- */
/* ---------------------------------------------------------------- */
.no_display {
	display:none;
}
.hidden {
	visiblity:hidden;
}



/*************************************************************************/	
/*********** FORMS  - DON'T EDIT THIS BLOCK !!! (normally) ***************/
/*************************************************************************/

/* ALL FORM STYLING BELOW ASSUMES YOU WILL WRAP THE FORM IN A THIS SPAN "<span class="form_style"></span>" OTHERWISE SITE USES BROWSER DEFAULTS */

/* labels - assumes label is on left of input, or specify on the container span - e.g. <span class="form_style labels_left"></span> */
span.form_style {	
	display:inline-block;
	line-height:normal;
}
span.form_style label { 
	display:inline-block;
	vertical-align:top;
	margin:0; /* use right margin for space between label and input, use bottom margin to vertically space out lines of form */
	padding:1px 0 0 0;
	text-align:right;
	color:#292929; /* have label text a hair lighter than black helps guide the eye */
	font-weight:bold;
}
span.form_style input, 
span.form_style select, 
span.form_style textarea,
span.form_style span.input_look  {
	display:inline-block;
	border:solid 1px #AAA;
	margin:0 0 12px 3px;
	padding:2px 2px 2px 2px;
	width:200px;
	font-size:12px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
}
span.form_style input.checkbox, 
span.form_style input.radio,
span.form_style checkbox,
span.form_style radio  {
	width:auto !important;
	border:none !important;
	margin-right:2px;
	margin-bottom:10px;
	vertical-align:top;
	display:inline-block !important;
}
span.form_style input.file  {
	background:#EEE;
}
span.form_style textarea, span.form_style textarea.medium {
	overflow-x:hidden; /* turn off bottom scrollbar by default, some browsers put it in if narrow textarea */
	overflow-y:auto; /* let it scroll vertically if necessary */
}


/* --------------- Buttons ------------------ */
span.form_style input.button,
span.form_style button.button,
span.form_style a.button {
	vertical-align:top;
	width:auto !important;
	padding-right:0;
	overflow:hidden;
	display:inline-block;
	border:solid 1px #AAA;
	background-color:#DDD;
	margin-right:5px;
	color:#222;
	font-weight:bold;
	line-height:14px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
	margin-left: 180px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0;
}
/*span.form_style button.button { 
	padding:0 1px 1px 1px;
}
span.form_style a.button { 
	padding:2px 4px 2px 4px;
}*/

span.form_style input:hover.button,
span.form_style button:hover.button,
span.form_style a:hover.button {
	border:solid 1px #777;
	background-color:#BBB;
	text-decoration:none;
}

span.form_style a.button {
	padding:2px 3px 2px 3px;	
	line-height:normal;
	vertical-align:top;

}

/* --------------- Dividers ------------------ */
span.form_style h4 {
	background:#999;
	font-size:14px;
	padding:2px 2px 2px 5px;
	margin:0 0 15px 0;
	color:#FFF;
	line-height:normal;
}
span.form_style h5 {
	background:#EEE;
	font-size:14px;
	padding:2px 2px 2px 5px;
	margin:0 0 15px 0;
	color:#555;
	line-height:normal;
}
span.form_style h4.no_margin,
span.form_style h5.no_margin {
	margin:0;
}

span.form_style hr {
	margin:5px 0px 20px 0;
	padding:0px;
	border-bottom:4px solid #EEE;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:4px;
	display:block;
}


/****** LABELS TOP (class="form_style labels_top") ********/
span.form_style.labels_top input, 
span.form_style.labels_top select, 
span.form_style.labels_top textarea,
span.form_style.labels_top span.input_look  {
	display:block;
	margin:0 0 8px 0;
}
span.form_style.labels_top input.button {
	display:inline-block;
	margin:0 0 8px 0;
}
span.form_style.labels_top label { 
	display:block;
	margin:0 0 1px 0; 
	text-align:left;
}

span.form_style.labels_top.labels_top .left_label_margin { 
	margin-left:0 !important;
}
span.form_style.labels_top.labels_top span.file.error { 
	display:block !important;
	width:200px;
	padding:0;
	overflow:hidden;
	height:24px;
}

/*************************************************************************/	
/************************ FORM ERRORS ************************************/
/*************************************************************************/	

/*** UL List of Errors At Form Top***/
span.form_style span.error_list {
	display:none;
}
span.form_style span.error_list.error {
	display:inline-block;
	margin:0 0 20px 0;
	vertical-align:top;
	border:solid 1px #F00;
	padding:12px;
	background:#FFFFCC;
	height:auto;
}
span.form_style span.error_list.error h3 {
	color:#F00;
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 0 0;
}
span.form_style span.error_list.error ul {
	margin:5px 0 0 5px;
	color:#F00;

}

/*** Error Message In Form ***/

span.form_style span.error.error_message {
	width:205px;
	display:inline-block;
	margin:-3px 0 2px 0;
	background:none;
	color:#F00;
	font-weight:bold;
	border:none;
	height:auto;
}
span.form_style h4.error, span.form_style h5.error {
	color:#F00;
	background:#EEE;
	border:solid 1px #F00;
}

/*** Field Errors ***/
span.form_style span.checkbox.error 
span.form_style span.radio.error {
	color:#F00;
	border:solid 1px #F00;
	padding:2px 2px 0 0;
	height:auto;
	display:inline-block;
}
span.form_style span.group.error {
	color:#F00;
	border:solid 1px #F00;
	padding:2px 2px 0 2px;
	height:auto;
	display:inline-block;

}
span.form_style span.file.error {
	color:#F00;
	border:solid 1px #F00;
	padding:4px 0 2px 0;
}
span.form_style label.error {
	color:#F00;
}

span.form_style span.error,
span.form_style input.error, 
span.form_style select.error, 
span.form_style textarea.error,
span.form_style span.input_look.error  {
	border:solid 1px #F00;
	background: #FFFFCC;
	display:inline-block;
}

span.form_style button.button.error,
span.form_style a.button.error {
	border:solid 1px #F00;
	background: #FFFFCC;
}

/*************************************************************************/	
/******************** FORMS  - END "DON'T EDIT" **************************/
/*************************************************************************/



/*************************************************************************/	
/** DO EDIT HERE - SET WIDTHS & MARGINS FOR DEFAULT "LABELS LEFT" FORMS **/
/*************************************************************************/

/******  ********/	

/* --------------- default widths - no "length" class ------------------ */
span.form_style {	
	width:313px;
	margin-right:20px;
}
span.form_style label {				
	width:100px;
}
span.form_style input, 
span.form_style select, 
span.form_style textarea,
span.form_style span.input_look  {
	width:200px;
}
/* selects are about 5px wider than input to line up */
span.form_style select {
	width:205px;
}
span.form_style hr.left_label_margin { /* set make left of hr line up with inputs, rather than left of form */
	margin-left:106px;
	width:205px;
}
span.form_style span.error_list.error.left_label_margin {
	margin-left:106px;
}
span.form_style span.error_message.error.left_label_margin {
	margin-left:106px;
}

/* --------------- "short_length" class ------------------ */
/* if you apply a class of "short" to an label, assumes it the second one over for half a column width */
span.form_style label.short_length {
	width:75px;
}

span.form_style input.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style select.short_length {
	width:45px;
}

/* --------------- "long_length" class ------------------ */
/* if you apply a class of "long" to an input, assumes a double column width (or a span), select and textarea adjusted a few pix */
span.form_style label.short_length {
	width:75px;
}
span.form_style input.short_length,
span.form_style textarea.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style select.short_length {
	width:45px;
}

/*************************************************************************/	
/** DO EDIT HERE - SET WIDTHS & MARGINS FOR "labels_top" FORMS **/
/*************************************************************************/
span.form_style {	
	width:313px;
	margin-right:20px;
}
span.form_style.labels_top h4, span.form_style.labels_top h5  {	
	width:198px;
}
span.form_style.labels_top {	
	width:313px;
	margin-right:20px;
}
span.form_style.labels_top label {				
	width:100px;
}
span.form_style.labels_top input, 
span.form_style.labels_top select, 
span.form_style.labels_top textarea,
span.form_style.labels_top span.input_look  {
	width:200px;
}
/* selects are about 5px wider than input to line up */
span.form_style.labels_top select {
	width:205px;
}
span.form_style.labels_top hr.left_label_margin { /* set make left of hr line up with inputs, rather than left of form */
	margin-left:0;
}
span.form_style.labels_top span.error_list.error.left_label_margin {
	width:180px;
	margin-left:0;
}


/* --------------- "short_length" class ------------------ */
/* if you apply a class of "short" to an label, assumes it the second one over for half a column width */
span.form_style.labels_top label.short_length {
	width:75px;
}

span.form_style.labels_top input.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style.labels_top select.short_length {
	width:45px;
}

/* --------------- "long_length" class ------------------ */
/* if you apply a class of "long" to an input, assumes a double column width (or a span), select and textarea adjusted a few pix */
span.form_style.labels_top label.short_length {
	width:75px;
}
span.form_style.labels_top input.short_length,
span.form_style.labels_top textarea.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style.labels_top select.short_length {
	width:45px;
}

/*************************************************************************/	
/*************************** SPECIFIC PAGES ******************************/
/*************************************************************************/










/*************************************************************************/	
/*************************** LOGIN PAGE *********************************/
/*************************************************************************/
span.form_style.labels_left.login_page {	
	line-height:220%;
}

span.form_style.labels_left.login_page button.button 
span.form_style.labels_left.login_page input.button {	
	width:60px;
}
span.form_style.labels_left.login_page input.checkbox {
	width:auto;
}
span.form_style.labels_left.login_page label {				
	text-align:right;
	width:65px;
}
span.form_style.labels_left.login_page input {				
	width:218px;
}

span.login_logos {
	display:block;
	margin-left:70px;
}
span.login_logos img {
	margin-right:5px;
}
span.login_logos a {
	margin-right:25px;
}
span.login_logos a h4 {
	margin-bottom:5px;
	line-height:normal;
}
span.form_style.forgot label { 
	width:auto;
}

.loginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:65px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.loginBtn:hover {
	background-color:#ECEFF2;
}

.forgotBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:155px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.forgotBtn:hover {
	background-color:#ECEFF2;
}

.findPasswordBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:152px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.findPasswordBtn:hover {
	background-color:#ECEFF2;
}

.returnLoginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:150px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.returnLoginBtn:hover {
	background-color:#ECEFF2;
}

/*************************************************************************/	
/*************************** EDIT BLOCKS *********************************/
/*************************************************************************/

span:hover.content_area_wrapper span.content_area, 
span:hover.content_area_wrapper span.content_area span,
span:hover.content_area_wrapper span.content_area div,
span:hover.content_area_wrapper span.content_area img,
span:hover.content_area_wrapper span.content_area p,
span:hover.content_area_wrapper span.content_area h1,
span:hover.content_area_wrapper span.content_area h2,
span:hover.content_area_wrapper span.content_area h3,
span:hover.content_area_wrapper span.content_area h4,
span:hover.content_area_wrapper span.content_area h5,
span:hover.content_area_wrapper span.content_area h6,
span:hover.content_area_wrapper span.content_area table  {
	opacity:0.60;  
	filter:alpha(opacity=60); 
}

span.content_area_wrapper a.editDivIcon {											
	position:absolute;
	display: block;
	margin:5px 0 0 -35px;
	padding:1px 3px 1px 3px;
	border: solid 1px #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	color:#FFF;
	background-color:#666;
	line-height:100%;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	opacity:0.25;  
	filter:alpha(opacity=40); 
}
span:hover.content_area_wrapper a.editDivIcon, 
span.content_area_wrapper a:hover.editDivIcon {			
	background-color: #C4DEF4;
	color:#000066;
	border-color:#666;
	opacity:1.00;  
	filter:alpha(opacity=100); 
}



SPAN.leftContact {display:inline-block; width:500px; vertical-align:top;}
SPAN.leftContact SPAN {display:block;}
SPAN.rightContact {display:inline-block; width:250px; margin-top:18px; vertical-align:top;}
/*margin-top:145px;*/

SPAN.leftContact SPAN.form_style {width:428px;}
SPAN.leftContact LABEL {
	text-align:left;
	font-weight:bold;
	width:80px;
}
SPAN.leftContact INPUT {
	border:1px solid #00316B;
	background-color:#F3F4F8;
	width:330px;
	margin-bottom:6px;
}
SPAN.leftContact TEXTAREA {
	border:1px solid #00316B;
	background-color:#F3F4F8;
	width:330px;
	margin-bottom:6px;
}
SPAN.leftContact SPAN.form_style INPUT.button {
	background-color:#00316B;
	color:#FFF;
	font-weight:normal;
	border:0px none;
	padding-left:10px;
	padding-right:10px;
	float:right;
}
SPAN.leftContact SPAN.form_style SPAN.errorMsg {display:inline-block;}


/*************************************************************************/	
/*************************** Page Styles *********************************/
/*************************************************************************/

SPAN.home_page {
	display:block;
	margin-left:-35px;
	margin-right:-35px;
	margin-top:-50px;
}
DIV.home_flash {
	widows:895px;
	height:320px;
	background-image:url(/images/home_flash/1.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
DIV.home_text {
	padding-top:0px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
}
DIV.home_bottom {
	height:176px;
}
DIV.home_bottom A {
	margin:0px 1px 0px 0px;
}
DIV.home_bottom A:hover {
	opacity:.90;  
	filter:alpha(opacity=90); 
}
DIV.home_bottom A.invest {
	margin:0px 1px 0px 1px;
}