@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}
P{
margin-bottom: 10px;
}
/***************** GENERAL INPUT BOX  ***************/
input, textarea, select{
border:1px solid #999999;
color:#333333;
font: 12pt Arial;
padding-left:2px;
padding-right:2px;
margin-bottom:2px;
}
input.Tiny, textarea.Tiny{
width: 50px;
}
input.Small, textarea.Small{
width: 120px;
}
input.Medium, textarea.Medium{
width: 250px;
}
input.Large, textarea.Large{
width: 400px;
}

.checkbox{
border: 0px solid #999999;
}

/********************************/
/*** Will be applied by user in fckeditor ***/
/********************************/
.pagetitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: #000000;
}
.sectionheader {
font-weight: bold;
color: #000000;
font-size: 12pt;
}
.sectionsubheader {
font-weight: bold;
text-align:left;
color: #000000;
font-size: 12pt;
}
.sectioncontent {
font-weight: normal;
text-align: justify;
top:auto;
color: #333333;
font-size: 12pt;
}
/********************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
	margin: 0;
	padding: 0 0 0 0;
	font-family: helvetica, arial, sans-serif;
	background: #ffffff url(../images/bgspan2.gif) top center repeat-x;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #006090;
text-decoration:underline;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}
img{
border: 0px;
margin-left: 0px; 
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
padding-top: 0px; 
padding-bottom: 0px;
}
img.block{
border: 0px;
margin-left: 0px; 
margin-right: 0px;
margin-top: 0px; 
margin-bottom: 0px;
padding-top: 0px; 
padding-bottom: 0px;
display: block;
FLOAT:left;
}
hr{
border-top:     solid 0px #FFFFFF;
border-left:    solid 0px #FFFFFF;
border-right:   solid 0px #FFFFFF;
border-bottom:  solid 1px #CCCCCC;
height: 1px;
margin-top:10px;
margin-bottom:10px;
}

div.hr{
border-top:     solid 0px #FFFFFF;
border-left:    solid 0px #FFFFFF;
border-right:   solid 0px #FFFFFF;
border-bottom:  solid 1px #CCCCCC;
height: 1px;
margin-top:15px;
margin-bottom:5px;
}
div.hrwider{
border-top:     solid 0px #FFFFFF;
border-left:    solid 0px #FFFFFF;
border-right:   solid 0px #FFFFFF;
border-bottom:  solid 1px #CCCCCC;
height: 1px;
margin-top:15px;
margin-bottom:15px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
}

.divvisible {
	display: block;
}
.divnotvisible {
	display: none;
}

h2{
color: #11FFFF;
}

.greytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #999999;
}

.boldgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #999999;
	font-weight: bold;	
}
/********table formatting*********/
td.FormTable{
	background: url(/images/web2form.gif) no-repeat;

	}
td.TableHeading{
height:26px;
padding-top:7px;
padding-right:8px;
padding-left:9px;
font-size: 15pt;
font-family: Arial;
font-weight: Bold;
color:#FF0000;
}
td.Content{
border-top:solid;
text-align:justify;
border-top-width:thin;
border-top-color:#000000;
font: 12pt Arial; 
padding:10px;
}
td.TableHeadingRightColumn{
height:26px;
width:220px;
padding-top:7px;
padding-right:8px;
padding-left:9px;
font-size: 15pt;
font-family: Arial;
font-weight: Bold;
color:#FF0000;
}
td.ContentRightColumn{
border-top:solid;
width:220px;
text-align:justify;
border-top-width:thin;
border-top-color:#000000;
font: 12pt Arial;
padding:10px;
}
TABLE.Events{
	border: solid;
	border-width:thin;
	border-color:#000;
	padding:10px;
}

   			/**The formatting below is used exclusively for the testimonials**/
TABLE.Testimonials{
	border: solid;
	border-width:thin;
	border-color:#000;
}
td.TableHeadingTestimonials{
height:26px;
padding-top:7px;
padding-right:8px;
padding-left:9px;
text-align:center;
font-size: 15pt;
font-family: Arial;
font-weight: Bold;
color:#FF0000;
}
td.ContentTestimonials{
text-align:justify;
font: 12pt Arial; 
padding:10px;
}
	
/************ structure ************/
DIV.outer-container {
	background: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
}
DIV.inner-container {
  	width: 900px;
	border: 0px solid #666666;
	margin: 0 auto;
	padding-bottom: 0px;
}
DIV.header {
	background: url(../images/LT-header-900px.gif) no-repeat; 
	height: 69px;
}
DIV.main {
}
    DIV.main DIV.OuterMainContentDivNormal{
        /** used to give padding around the main text content of the page */
        /** used in inner template 'Normal Page - 1 section' */
        /** padding isn't applied to div.main' because the navigation tabs need to go right to the edge. **/
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 10px;
    }
    
DIV.footer {
	/**padding-top: 10px;**/
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
    height: 370px;
	/*background-color: #0C83B2;*/
	/*background-color: #333333;*/
	color: #FFFFFF;
	font-size: 8pt;
	width:900px;
}
#fullfooter {
	background: #333333 url(../images/footer-grad.gif) repeat-x;
	width:100%;
}
.ltfooterin {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 10px;
	color: #cccccc;
	text-align: justify;
}
.ltfooterin a {
	font-size: 10px;
	color: #ffffff;
}

.footerfont {
	color: #999999;
	font-size: 8pt;
}

.contentsep {
	background-color: #CCCCCC;
}
.redstar {
	font-size: 11pt;
	font-weight: bold;
	color: #FF0000;
}

.FckEditorArea{
background: #FFFFFF;
}
div.LoginBox{
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #AAAAAA;
padding-left: 180px;
padding-top: 10px;
font-weight: bold;
margin-right:155px;
}
div.LoginBox a {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
font-weight: normal;
}
div.LoginBox a:hover {
text-decoration: underline;
}
/*****************************************/
/**********  NAVIGATION **************/
/*****************************************/
/* classes in this Navigation section refer to the navigation that is visible to the general 
public. These Navigation tabs are written from /A_CMS_ext/PageDisplayClass.php using NavigationTabsSectionClass.php
There is another set of classes that are used for the Admin navigation menu and are stored in 
/css/controlpanel.css. The Admin navigation tabs are written using ControlPanelTabbedSectionClass.php
*/
/*****************************************/
/**********  FIRST ROW TABS **************/
/*****************************************/
DIV.NavFirstRowTabs{
	clear:both;
	height:0px;
	width:900px;
	padding-left:0px;
	/*background: url(/navimages/nav_header_bg1.gif) no-repeat right top;*/
	border-top:12px solid #11000;
	border-left:0px solid #009FF1;
	border-right:0px solid #009FF1;
}
DIV.NavTabs{
	width: 900px;
	height: 33px;
	padding: 2px 0 2px 0 ;
	/*background: url(/navimages/nav_tab_overflow_bg.gif) repeat right;*/
}
DIV.NavTabFirstImg{
	float:left;
	width:1px; 
	height:33px;
}
DIV.NavTabMiddleImg{
	width:4px; 
	height:33px; 
	float:left
}
DIV.NavTabLastImg{
	width:4px; 
	height:33px;
	float:left;
}
IMG.NavTabFirstImg{
	width:1px; 
	height:33px;
	display: block;
	FLOAT:left;
}
IMG.NavTabMiddleImg{
	width:4px; 
	height:33px;
	float:left;
	display: block;
	FLOAT:left;
}
IMG.NavTabLastImg{
	width:4px; 
	height:33px;
	display: block;
	FLOAT:left;
}
DIV.NavTabOn{
	float:left;
	height:26px;
	padding-top:7px;
	padding-right:4px;
	padding-left:7px;
	background: url(/navimages/nav_tab_on_bg.gif);
}
	DIV.NavTabOn A{
	font: 11pt Arial;
	color:#FFFFFF;
	text-decoration:underline;
	}
	DIV.NavTabOn A:hover{
	text-decoration:underline;
	}
DIV.NavTabOff{
	float:left;
	height:26px;
	padding-top:12px;
	padding-right:7px;
	padding-left:7px;
	/*background: url(/navimages/nav_tab_off_bg.gif);*/
}

DIV.NavTabOff A{
	font: 11pt Arial;
	color:#FFFFFF;
	text-decoration: none;
}
DIV.NavTabOff A:hover{
	color: yellow;
	text-decoration: none;
}
/*****************************************/
/********* SECOND ROW TABS **************/
/*****************************************/
DIV.NavSecondRowTabs{
	width:900px;
	padding-left:0px;
	height: 26px;
	background: #006192;
	border-left:0px solid #547498;
	border-right:0px solid #547498;
	border-top:1px solid #014E71;
}
DIV.NavSecondRowTabFirstImg{
float:left;
width:4px; 
height:26px;
}
DIV.NavSecondRowTabMiddleImg{
float:left;
width:4px;
height:26px;
}
DIV.NavSecondRowTabLastImg{
float:left;
width:4px; 
height:26px;
}
IMG.NavSecondRowTabFirstImg{
float:left;
width:4px; 
height:26px;
}
IMG.NavSecondRowTabMiddleImg{
float:left;
width:4px; 
height:26px;
}
IMG.NavSecondRowTabLastImg{
float:left;
width:4px; 
height:26px;
}
DIV.NavSecondRowTabOn{
float:left;
height:21px;
vertical-align: middle;
padding-top:7px;
padding-right:9px;
padding-left:9px;
background: #FFFFFF;
font: 13px Arial;
color:#FF0000;
}
DIV.NavSecondRowTabOff{
float:left;
height:21px;
padding-top:5px;
padding-right:9px;
padding-left:9px;
background: #006192;
}
	DIV.NavSecondRowTabOff A{
	font: 13px Arial;
	color:#FFFFFF;
	text-decoration:none;
	}
	DIV.NavSecondRowTabOff A:hover{
	text-decoration:underline;
	}


/***************************************/
/*********  FRONT END FORMS      *******/
/***************************************/
DIV.FrontEndFormValidationErrorMessage{
clear: both;
width: 780px;
padding-top:12px;
padding-right:2px;
padding-bottom:15px;
font-size: 12pt;
font-weight: bold;
color:#ED1C24;
text-align:center;
}
DIV.AfterSubmitContactUsFormBox{
BORDER: solid 1px #006090;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

DIV.MandatoryInstructions{
TEXT-ALIGN: center;
color: #FF0000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/***************************************/
/*********  FRONT END Edit Table  ******/
/***************************************/
/*** if you want this to be the same as the Admin Edit Table that is used for the back end pages **/
/*** then you must make the same changes to controlpanel.css AdminEditTable **/
TABLE.FrontEndEditTable{
clear: both;
WIDTH: 602px;
BORDER-LEFT: solid 1px #D9D9D9;
BORDER-RIGHT: solid 1px #D9D9D9;
BORDER-TOP: solid 1px #D9D9D9;
BORDER-BOTTOM: solid 1px #D9D9D9;
BORDER-COLLAPSE: collapse;
BORDER-SPACING: 0px;
margin: auto;
}
TABLE.FrontEndEditTable TD.TopBorderRow{
height:33px;
PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
TEXT-ALIGN: center;
VERTICAL-ALIGN: top;
background: url(/cpimages/control_panel_tab_on_bg.gif) repeat-x ;
COLOR: #FFFFFF;
font-weight: bold;
}
TABLE.FrontEndEditTable TD.TopBorderRow DIV.TopBorderRow{
PADDING-TOP: 6px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
COLOR: #FFFFFF;
font-weight: bold;
}
TABLE.FrontEndEditTable TH{
PADDING-TOP: 4px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px;
TEXT-ALIGN: left;
VERTICAL-ALIGN: top;
BACKGROUND-COLOR:#D6ECF6; 
font-weight: normal;
COLOR: #333333;
FONT-WEIGHT: bold;
BORDER-BOTTOM: solid 1px #D9D9D9;
}
TABLE.FrontEndEditTable  TH.EditHd{
WIDTH: 150px;
}
TABLE.FrontEndEditTable  TD{
PADDING-TOP: 4px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 3px;
VERTICAL-ALIGN: top;
COLOR: #333333;
font-weight: normal;
BORDER-BOTTOM: solid 1px #D9D9D9;
BACKGROUND-COLOR:#FFFFFF; 
}
TABLE.FrontEndEditTable .Left{
TEXT-ALIGN: left;
}
TABLE.FrontEndEditTable .Center{
TEXT-ALIGN: center;
}
TABLE.FrontEndEditTable .Right{
TEXT-ALIGN: right;
}


/***************************************/
/******  FRONT END BUTTON ROW     ******/
/***************************************/
DIV.FrontEndFormFooter{
text-align: center;
clear: both;
width: 604px;
height: 70px;
text-decoration: none;
margin: auto;
margin-bottom:30px;
BORDER-TOP: solid 1px #D6ECF6;
BORDER-LEFT: solid 0px #009FF1;
BORDER-RIGHT: solid 0px #009FF1;
BORDER-BOTTOM: solid 0px #009FF1;
background: #D6ECF6;
}
	DIV.FrontEndButtonRow{
	margin-top: 20px;
	text-align:	center;
	}
		DIV.FrontEndButtonRow input.FormButton{
		/*background: #009FF1;*/
        height: 33px;
        background: url(/cpimages/control_panel_tab_on_bg.gif) repeat-x ;
		border-left: 0px solid #006193;
        border-right: 0px solid #006193;
        border-top: 0px solid #006193;
        border-bottom: 0px solid #006193;
		color: #FFFFFF;
		font:  13px Arial;
		margin-right:12px;
        padding-left:10px;
        padding-right:10px;
        padding-top:0px;
        padding-bottom:4px;
		}
		DIV.FrontEndButtonRow input.FormButtonHover{
        height: 33px;
        background: #006192;
		border-left: 0px solid #006193;
        border-right: 0px solid #006193;
        border-top: 0px solid #006193;
        border-bottom: 0px solid #006193;
		color: #FFFFFF;
		font:  13px Arial;
		margin-right:12px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:4px;
		}
DIV.FrontEndFormAddendum{
text-align: left;
clear: both;
width: 604px;
margin: auto;
margin-top:-25px;
BORDER-TOP: solid 0px #D6ECF6;
BORDER-LEFT: solid 0px #009FF1;
BORDER-RIGHT: solid 0px #009FF1;
BORDER-BOTTOM: solid 0px #009FF1;
}
/**This is an extra class to change the size of the form to fit into the right side column**/
TABLE.FrontEndEditTableRightColumn{
clear: both;
padding: 10px;
BORDER-LEFT: solid 1px #D9D9D9;
BORDER-RIGHT: solid 1px #D9D9D9;
BORDER-TOP: solid 1px #D9D9D9;
BORDER-BOTTOM: solid 1px #D9D9D9;
BORDER-COLLAPSE: collapse;
BORDER-SPACING: 0px;
margin: auto;
}
DIV.FrontEndFormAddendumRightColumn{
text-align: left;
clear: both;
width: 500px;
margin: auto;
margin-top:-25px;
BORDER-TOP: solid 0px #D6ECF6;
BORDER-LEFT: solid 0px #009FF1;
BORDER-RIGHT: solid 0px #009FF1;
BORDER-BOTTOM: solid 0px #009FF1;
}
DIV.FrontEndFormFooterRightColumn{
text-align: center;
clear: both;
width: 500px;
height: 70px;
text-decoration: none;
margin: auto;
margin-bottom:30px;
BORDER-TOP: solid 1px #D6ECF6;
BORDER-LEFT: solid 0px #009FF1;
BORDER-RIGHT: solid 0px #009FF1;
BORDER-BOTTOM: solid 0px #009FF1;
background: #D6ECF6;
}
/** this is an extra class to create graphical buttons for the web 2.0 style forms**/

	DIV.FrontEndButtonRow input.FormButtonGraphical{
		/*background: #009FF1;*/
        height: 114px;
		width: 422px;
        background: url(/images/web2form_button.gif) no-repeat ;
		border-width: 0px;
		}