/* 	------------------------------------------------
	Import other styles 
*/
@import "styles.css";
@import "forms.css";

/* 	------------------------------------------------
	HTML and Form Styles 
*/
html,body,th,td					{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5883A1; margin: 0; padding: 0; }
h1,h2,h3,h4,p,form				{ margin: 0; padding: 0; }
body							{ text-align: center; background-image: url(../_images/bg.gif); background-repeat: no-repeat; background-position: left top; }
h2								{ padding-bottom: 7px; }

a								{ font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #FF9416; }
a:hover							{ text-decoration: none; color: #FF9416; }
p								{ line-height: 17px; margin-top: 10px; }
ul								{ margin: 0; color: #5883A1; list-style-type:none; }

/* 	------------------------------------------------
	Template Styles 
*/
.text_description				{ font-size: 10px; line-height: 14px; }
.color_orange					{ color: #FF9416; }
.color_blue						{ color: #90BDDD; }
.notes							{ font-size: 9px; line-height: 14px; }
.button, .button a				{ display: block; text-decoration: none; font-size: 11px; }
.button a:hover					{ color: #90bddd; }
.line							{ height: 1px; width: 100%; font-size: 1px; line-height: 0; clear: both; }
.line.blue						{ background-color: #DFECF5; }
.line.grey						{ background-color: #B4B4B4; }
.baselink a						{ display: block; margin-top: 15px; font-size: 11px; }

h1.right						{ text-align: right; }

.box							{ width: 347px; color: #fff; }
.box h1							{ width: 347px; background-image: url(../_images/box_top.gif); background-repeat: no-repeat; height: 57px; }
.box h1 img						{ margin: 8px 10px; }
.box form						{ padding-left: 28px; }
.box .box_container				{ display: block; width: 347px; min-height: 134px; _height: 134px; background-image: url(../_images/box_bg.gif); background-repeat: repeat-y; }
.box .bottom					{ display: block; line-height: 0; font-size: 1px; background-image: url(../_images/box_bottom.gif); background-repeat: no-repeat; height: 28px; width: 347px; }

#top							{ margin-top: 35px; line-height: 0; font-size: 1px; }
.frame							{ text-align: left }
.template						{ width: 760px; background-color: #fff; text-align: center; }
.template .header				{ width: 711px; text-align: left; margin: 0 auto; background-image: url(../_images/tpl_header_top.gif); background-repeat: no-repeat; background-position: left top; width: 711px; padding-bottom: 9px;}
.template .header .logo			{ display: block; float: left; }
.template .header .nav			{ display: block; float: right; text-align: right; margin-top: 48px; }
.template .header .line			{ width: 639px; margin-left: 49px; }
.template .content				{ width: 711px; margin: 0 auto; text-align: left; background-image: url(../_images/tpl_content_bg.jpg); background-repeat: repeat-y; }
.template .content .content_container { min-height: 350px; _height: 350px; background-image: url(../_images/tpl_content_bg_bottom.jpg); background-position: left bottom; background-repeat: no-repeat; padding: 0 23px 0 49px; }
.template .footer				{ width: 661px; margin: 0 auto; text-align: left; margin-top: 14px; padding-left: 49px; _padding-left: 49px; }
.template .footer .line			{ width: 639px; }
.template .footer .nav			{ color: #B4B4B4; float: left; margin-top: 11px; font-size: 11px; }
.template .footer .nav a		{ color: #B4B4B4; font-size: 11px; text-decoration: none; }
.template .footer .nav a:hover	{ color: #90BDDD; text-decoration: underline; }
.template .footer .links		{ display: block; }
.template .footer .copyright	{ display: block; margin-top: 3px; font-size: 9px; }
.template .footer .copyright a	{ font-size: 9px; }
.template .footer .logos		{ float: right; margin-right: 23px;  }

/* 	------------------------------------------------
	Miscellaneous Styles
*/
.optional						{ font-size: 10px; color: #999999; }
.errormsg						{ padding: 7px 12px; margin: 5px; color: #CC0066; background-color: #E0E0E0; }
.helpbox						{ margin-top: 5px; }
.helpbox .top					{ border-top: 1px solid #90BDDD; line-height: 0; font-size: 1px; background-color: #fff; }
.helpbox .bottom				{ border-bottom: 1px solid #90BDDD; line-height: 0; font-size: 1px; background-color: #fff; }
.helpbox p						{ border-left: 1px solid #90BDDD; border-right: 1px solid #90BDDD; padding: 0 10px; margin: 0; font-size: 11px; line-height: 15px; background-color: #fff; }
.helpbox a						{ text-decoration: none; }
.helpbox a:hover				{ text-decoration: none; }
#wrapper 						{ width: 860px; margin: 30px auto; }
#navtxt.tooltip					{ position: absolute; top: -100px; width: 250px; text-align: left; left: 0px; visibility: hidden; }
#navtxt.tooltip td				{ font-size: 1px; line-height: 0; }
#navtxt.tooltip .top			{ border-top: 2px solid #FFAD4C; background-color: #FFF2C8; font-size: 1px; line-height: 0; }
#navtxt.tooltip .bottom			{ border-bottom: 2px solid #FFAD4C; background-color: #FFF2C8; font-size: 1px; line-height: 0; }
#navtxt.tooltip p				{ border-left: 2px solid #FFAD4C; font-size: 11px; line-height: 14px; border-right: 2px solid #FFAD4C; background-color: #FFF2C8; padding: 0 12px; margin: 0; }
.panels 						{ float: left; }
.clearfix:after 				{ content: "."; display: block;  height: 0; clear: both; visibility: hidden; }
.clearfix						{ display: inline-table; }
* html .clearfix				{ height: 1%; }
.clearfix						{ display: block; }
