/**************************************************************************************************
***************************************************************************************************
BASIC ELEMENTS
***************************************************************************************************
***************************************************************************************************/
html 												{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body												{color: #000000; font-family: Lucinda Grande, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; margin: 0 0 0 0; padding: 0 0 0 0; text-align:center; background: #E8E8E8 url('../../graphics/background.jpg') no-repeat center top;}
h1 													{color: #01448A; font-family: Lucinda Grande, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 20px;}
h2 													{color: #000000; font-size: 16px; font-weight: bold; line-height: 18px;}
h3 													{color: #333333; font-family: Lucinda Grande, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 16px;}
h4 													{color: #000000; font-size: 12px; font-weight: bold; line-height: 14px;}
a													{outline: none;}
a img												{border: none}
hr													{color: #ffffff;}

.enableJS 											{border: 2px solid #000000; color:#ff0000; font-weight:bold; text-align:center;}
div.row 											{clear: both; padding: 5px 0px;}
div.row span.left 									{float: left; text-align: left;}
div.row span.right 									{float: right; text-align: right;}
.spacer 											{clear: both;}
.textcenter 										{text-align:center;}
.textleft 											{text-align:left;}
.textright 											{text-align:right;}
.pad5 												{padding:5px;}

/**************************************************************************************************
***************************************************************************************************
TABLES
***************************************************************************************************
***************************************************************************************************/
th													{color: #000000; width: 200px; text-align: center}
td													{}
td a:link											{color: #000000;}
td a:visited										{color: #000000;}
td a:hover											{color: #000000;}

/**************************************************************************************************
***************************************************************************************************
FORMS
***************************************************************************************************
***************************************************************************************************/
.auto_form 											{width: 530px; padding: 20px; padding-top: 10px; float: left;}
.auto_form .form_input 								{float: left; border: 1px solid #00448A;}
.auto_form .form_input-highlighted 					{float: left; border: 1px solid #00448A;}
.auto_form div.row span.label_col 					{color: #00448A; border: none; font-size: 12px; float: left; width: 200px;	height: 14px; text-align: right; margin: 0px;}
.auto_form div.row span.input_col 					{float: left; width: 190px; text-align: left; font-size: 12px;min-height: 25px; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px;}
.auto_form input[type='text'] 						{width: 200px;}
.auto_form input[type='button'] 					{width: 200px; color: #00448A; margin-left: 220px;}
.auto_form input[type='password'] 					{width: 200px;}
.auto_form select 									{width: 208px; float: right;}
.auto_form textarea 								{font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 200px; height: 100px;}
.auto_form .submit_div 								{text-align: center; padding-top: 10px; height: auto; float: left;}
.auto_form fieldset legend							{margin-left: 50px; font-weight: bold; font-size: 16px;}

/**************************************************************************************************
***************************************************************************************************
LAYOUT
***************************************************************************************************
***************************************************************************************************/
.wrapper											{width: 943px; margin: 0px auto; background: url('../../graphics/header.jpg') no-repeat;}
.masthead											{width: 943px; height: 252px; margin: 0px auto;}
.menu												{float: left; background: url('../../graphics/menu_menu.jpg') no-repeat; height: 71px; width: 921px;}
.main												{color: #00448A; background: url('../../graphics/background-repeater.jpg') repeat-y;}

.leftcol											{float: left; text-align: left; width: 231px; margin-left: 10px; color: #00448A; font-size: 12px;}
.rightcol											{float: left; margin-left: 30px; margin-top: 30px; text-align: justify; width: 578px; min-height: 300px; line-height: 24px;}

.hor_sep											{margin: 30px 0 30px 0; height: 2px; width: 100%; background: url('../../graphics/horizontal_seperator.jpg') no-repeat left center;}
.ver_sep											{float: left; width: 2px; background: url('../../graphics/vertical_seperator.jpg') no-repeat left center;}

.ads												{float: left; margin: 0 0 30px 30px; text-align: left; width: 638px;}

.foot												{float: left; font-size: 12px; font-family: Lucinda Grande, Arial, Helvetica, sans-serif; position: relative; width: 921px; height: 122px; color: #FFFFFF; text-align: left; background: url('../../graphics/footer.jpg') no-repeat center top;}
.foot_back_left										{position: absolute; top: 0px; right: 921px; width: 57px; height: 116px; background:url(../../graphics/footer_back_left.png) no-repeat;}
.foot_back_right									{position: absolute; top: 0px; left: 921px; width: 57px; height: 116px; background:url(../../graphics/footer_back_right.png) no-repeat;}
.foot_content										{float: left; margin: 20px 0 0 36px;}
.foot_link											{float: right; margin: 70px 120px 20px 0;}
.foot a												{color: #FFFFFF; text-decoration: none;}
.foot a:hover										{color: #FFFFFF; text-decoration: underline;}

/**************************************************************************************************
***************************************************************************************************
CUSTOM
***************************************************************************************************
***************************************************************************************************/
/**define your custom styles here**/

.content											{float: left; margin-left: 30px; width: 155px; font-size: 12px; font-family: Lucinda Grande, Arial, Helvetica, sans-serif; color: #666666; line-height: 18px;}
.extra_content										{float: left; margin-left: 30px; width: 155px; font-size: 12px; font-family: Lucinda Grande, Arial, Helvetica, sans-serif; color: #00448A; line-height: 18px;}

.main-menu											{float: right; margin: 185px 75px 0 0; color: #CCCCCC;}
.main-menu a										{color: #ffffff; text-decoration:none;}
.main-menu a:hover									{color: #ffffff; text-decoration:underline;}

.more												{float: left; width: 100%; text-align: right; margin-top: 20px; font-size: 12px; font-family: Lucinda Grande, Arial, Helvetica, sans-serif; color: #666666; line-height: 18px;}
.more a												{color: #666666;text-decoration:none;}
.more a:hover										{color: #666666; text-decoration:underline;}

.listing											{float: left; font-size: 12px; font-family: Lucinda Grande, Arial, Helvetica, sans-serif;}
.listing a											{color: #00448A;text-decoration:none;}
.listing a:hover									{color: #00448A; text-decoration:underline;}


.rightcol div a										{color: #00448a; text-decoration: none;}
.rightcol div a:hover								{color: #00448a; text-decoration: underline;}


/****CALENDER*****/
.navi {padding: 5px 5px 5px 0px; font-family: Tahoma; font-size: 16px; color: #ffffff; text-align: center; }
.cal {border: 1px solid #666666; text-align: center; background: #cccccc; }
.cal a {color: #000000; font-weight: normal; }
.caltoday { font-family: Tahoma; font-size: 12px; color: #ffffff; 	border: 1px solid #666666; text-align: center; background: #3e7eb7; }
.caltoday a { color: #ffffff; }
.calevent { font-family: Tahoma; font-size: 12px; color: #ffffff; border: 1px solid #666666; text-align: center; background: #3e7eb7; }
.calevent a { color: #ffffff; }
.datehead { border: 1px solid #666666; text-align: center; width: 20px; background: #cccccc; color: #3e7eb7; font-weight: bold; }

/**************************************************************************************************
***************************************************************************************************
DIALOGS
***************************************************************************************************
***************************************************************************************************/
#facebox .b 												{background:url(images/b.png); }
#facebox .tl 												{background:url(images/tl.png); }
#facebox .tr 												{background:url(images/tr.png); }
#facebox .bl 												{background:url(images/bl.png); }
#facebox .br 												{background:url(images/br.png); }
#facebox 													{position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup 											{position: relative; }
#facebox table 												{border-collapse: collapse;}
#facebox td 												{border-bottom: 0px; padding: 0px; }
#facebox .body 												{background: #fff; width: 370px; }
#facebox .body .content h1									{padding: 0px 5px 5px 10px; width: 100%; font-size: 18px; background: #617DB6; color: #ffffff;}
#facebox .body .content p									{padding: 5px; font-size: 12px; width: 340px; margin: 5px;}
#facebox .body .content li									{font-size: 12px; margin-left: 15px; width: 340px;}
#facebox .loading 											{text-align: center; }
#facebox .image 											{text-align: center; }
#facebox img 												{border: 0; margin: 0; }
#facebox .footer 											{padding-right: 5px; padding-top: 5px; text-align: right; height: 34px; background: #617DB6; margin-top: 0px;}
#facebox .foot .close										{margin: 0px; padding: 0px; height: 10px;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br	 	{height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay 											{position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide	 											{z-index:-100; }
.facebox_overlayBG 											{background-color: #000; z-index: 99;}
* html #facebox_overlay 									{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

/**************************************************************************************************
***************************************************************************************************
PAGINATION
***************************************************************************************************
***************************************************************************************************/
.pagenav 											{}
.pagenav .previous 									{float:left;}
.pagenav .pages 									{float:right; margin:0 1em;}
.pagenav .next 										{float:right;}

/**************************************************************************************************
***************************************************************************************************
CALENDER
***************************************************************************************************
***************************************************************************************************/
/** do not change this **/
img.tcalIcon 										{cursor: pointer; margin-left: 3px; vertical-align: top;}
div#tcal 											{position: absolute; visibility: hidden; z-index: 100; width: 158px; padding: 2px 0 0 0;}
div#tcal table 										{width: 100%; border: 1px solid silver; border-collapse: collapse; background-color: white;}
div#tcal table.ctrl 								{border-bottom: 0;}
div#tcal table.ctrl td 								{width: 15px; height: 20px;}
div#tcal table.ctrl th 								{background-color: white; color: black; border: 0;}
div#tcal th 										{border: 1px solid silver; border-collapse: collapse; text-align: center; padding: 3px 0; font-family: tahoma, verdana, arial; font-size: 10px; background-color: gray; color: white;}
div#tcal td 										{border: 0; border-collapse: collapse; text-align: center; padding: 2px 0; font-family: tahoma, verdana, arial; font-size: 11px; width: 22px; cursor: pointer;}
div#tcal td.othermonth 								{color: silver;}
div#tcal td.weekend 								{background-color: #ACD6F5;}
div#tcal td.today 									{border: 1px solid red;}
div#tcal td.selected 								{background-color: #FFB3BE;}
iframe#tcalIF 										{position: absolute; visibility: hidden; z-index: 98; border: 0;}
div#tcalShade 										{position: absolute; visibility: hidden; z-index: 99;}
div#tcalShade table 								{border: 0; border-collapse: collapse; width: 100%;}
div#tcalShade table td 								{border: 0; border-collapse: collapse; padding: 0;}