/* HTML Styles */
body{ margin: 0; padding: 0; background: #e0e0e0; font-family:Arial, Helvetica, sans-serif; }

form{
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
fieldset{ width: 200px; margin: 0 0 0 0; padding: 0 0 8px 0; border: 0px; }
label{ display: block; float: right; width: auto; margin: 2px 5px 0 0; padding: 0; font-size: 12px; }
.inputFld{ display: block; float: right; width: 115px; font-size: 12px; }
a{ color: #a2224b; }


/* Div Tags */
div#rootContainer{ width: 943px; margin: 0 auto; background: url('../images/background-tile.jpg') ; }
div#headerBar{ width: 896px; margin: 0 auto; background: #FFF; background: #fff; }
div#mainContainer{ width: 896px; margin: 0 auto; background: #FFF; background: url('../images/main_bg.jpg'); }
div#topLogoBar{ width: 896px; height: 121px; margin: 0 auto; text-indent: -9999px; overflow: hidden; background: url('../images/top-logo.jpg') no-repeat; }
div#navBar{ width: 896px; height: 29px; margin: 0 ; border: 0px solid #000;  }
div#navShadow{ width: 896px; height: 7px; font-size: 0px; margin: 0 auto; background: url('../images/nav_shadow.jpg');}
div#leftSide{ float: left; width: 214px; }
div#logInForm{ width: 206px; background: #d8d8d8; }
div#middle{ float: left; width: 478px; background: #FFF; }
div#bottomButtons{ width: 480px; height: 300px; margin: 0 auto; }
div#rightSide{ float: left; height: 500px; width: 180px; background: url('../images/right_bg.jpg') no-repeat #FFF; }
div#flashBar{ width: 475px; margin: 0 auto 20px; }

div#mid_content{ width: 475px; margin: 0 auto; min-height: 350px;}

div#hRule{ width: 896px; height: 5px; font-size: 0px; margin: 0 auto; background: #a2224b; }
div#footer{ width: 896px; padding: 2em 0; font-size: 12px; text-align: center; background: #FFF; }



/* Style for HTML tags that are inside of DIV tags ****************************************************************************************** */
/*Left Side */
div#leftSide hr{ width: 190px; margin: 10px 5px 10px 5px; *margin-right: 10px; color: #a2224b; border: 1px solid #a2224b; }

/* Middle Section */
div#mid_content h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; color: #a2224b; width: 455px; margin: 20px auto 10px; padding: 0;}
div#mid_content p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: justify; line-height: 15px; width: 455px; margin: 0 auto 20px; padding: 0; }
div#mid_content td{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: justify; margin: 0 auto 20px; padding: 5px 10px 5px 10px; }
div#mid_content li{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: justify; width: 425px; margin: 0 auto 20px; padding: 0; list-style-type: disc; }

div#commentary h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight: bold; color: #a2224b; width: 455px; margin: 20px auto 10px; padding: 0;}
div#commentary p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: justify; line-height: 14px; width: 455px; margin: 0 auto 20px; padding: 0; }
div#commentary td{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: justify; margin: 0 auto 20px; padding: 5px 10px 5px 10px; }
div#commentary li{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: justify; width: 425px; margin: 0 auto 20px; padding: 0; list-style-type: disc; }


div#middle hr{ width: 455px; font-size: 0px; margin: 0 auto; color: #a2224b; border: 1px solid #a2224b;  } 
div#bottomButtons img{ float: left; margin-bottom: 2px; }

/* Right Side */
div#rightSide h1{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; width: 180px; margin: 5px 0 10px 15px; padding: 0; }
div#rightSide h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; width: 180px; margin: 5px 0 10px 15px; padding: 0; }
div#rightSide p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: justify; line-height: 15px; width: 180px; margin: 0 0 0 15px; padding: 0; }
div#rightSide hr{ width: 180px; margin: 5px 0 5px 10px; *margin-right: 10px; color: #a2224b; border: 1px solid #a2224b; }
div#rightSide a{ font-size: 12px; color: #a2224b; }   
/* Footer */
div#footer br{ display: block; margin: 5px 0 0 0; padding: 0; }
/******************************************************************************************************************************************** */

/* Navigation Style ************************************************************************************************************************ */
.nav1{ float: left; display: block; width: 51px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/home-bttn.jpg') no-repeat; }
.nav2{ float: left; display: block; width: 109px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/free_issue-bttn.jpg') no-repeat; }
.nav3{ float: left; display: block; width: 142px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/sub_say-bttn.jpg') no-repeat; }
.nav4{ float: left; display: block; width: 116px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/stocks-bttn.jpg') no-repeat; }
.nav5{ float: left; display: block; width: 78px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/bookshelf-bttn.jpg') no-repeat; }
.nav6{
	float: left;
	display: block;
	width: 125px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../images/sub_area-bttn.jpg);
	background-repeat: no-repeat;
}
.nav7{ float: left; display: block; width: 113px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/inv_basics-bttn.jpg') no-repeat; }
.nav8{ float: left; display: block; width: 37px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/faq-bttn.jpg') no-repeat; }
.nav9{ float: left; display: block; width: 125px; height: 29px; text-indent: -9999px; overflow: hidden; background: url('../images/cust_serv-bttn.jpg') no-repeat; }
/******************************************************************************************************************************************** */

/* Classes */
.leftSide_TopBox{
	width: 206px;
	background-color: #D3D9D7;
}
.ez_access{ width: 206px; margin-bottom: 10px;  margin-top: 10px; background: #fff; }
.dripTools{ width: 200px; background: #FFF; padding-bottom: 10px; margin-left: 5px; }
.attention{ width: 185px; margin: 5px 0 10px 10px; padding: 0; }

/* Style for HTML tags that are inside of classes tags ************************************************************************************** */
.leftSide_TopBox h1{ font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0 5px; padding: 0 0 0 18px; font-size: 14px; background: url('../images/grey_arrow.jpg') no-repeat; }
.leftSide_TopBox span{ display: block; width: 200px; text-align: right; font-size: 9px; }
.ez_access h1{ font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 0 5px; padding: 0 0 0 18px; font-weight: normal; font-size: 14px; background: url('../images/white_arrow.jpg') no-repeat; }
.ez_access span{ display: block; width: 200px; padding-left: 5px; text-align: left; font-size: 12px; }
.leftSide_TopBox span{ display: block; width: 200px; text-align: right; font-size: 9px; }


.dripTools h1{ font-size: 12px; font-weight: bold; font-family: Georgia, serif; margin: 0; padding: 0; }
.dripTools h2{ font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.dripTools h1{ margin-bottom: 5px; }
.dripTools a, .ez_access a{ font-size: 12px; color: #a2224b; }

.attention h2{ font-size: 12px; font-weight: bold; margin: 10px 0 10px 0; padding: 0; }
.attention h3{ font-size: 12px; font-weight: bold;margin: 10px 0 10px 0; padding: 0; }
.attention a{ font-size: 12px; color: #a2224b; }

.floatLeft{float: left;} 
.floatRight{float: right;} 
.image-left{float: left; vertical-align: text-top;} 
.image-right{float: right; vertical-align: text-top;} 
div.wrapContainer{width:99.5%; float:left;} 

/******************************************************************************************************************************************** */
