BODY {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em; text-decoration: none;
    margin: 0px; color: #333333; text-align: center; background-color: #FFFFFF;
	}
/* For Print Screen's Banner Substitude */
.printTitle {
    font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;	font-weight: bold;
	color: #003399; background-color: #FFFFFF; text-decoration: none;
	}
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em; font-weight: bold; 
	color: #003399; background-color: #FFFFFF; 
	text-decoration: none; margin: 5px 0 0px 0;
	}
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em; font-weight: bold; 
	color: #003399; background-color: #FFFFFF; 
	text-decoration: none; margin-bottom: 5px;
	}
H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.05em; font-weight: bold; 
	color: #003399; background-color: #FFFFFF; 
	text-decoration: none; margin-bottom: 5px;
	}
H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em; font-weight: bold; 
	color: #003399; background-color: #FFFFFF; 
	text-decoration: none; margin-bottom: 5px;
	}
p  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333333;
   }

/* For stylizing text, may be be removed? Use <em></em> and <strong></strong>*/
.bold {font-weight: bold;}
.underline {text-decoration: underline;}

FORM {margin: 0px;}

/*For Top Search Box*/
.search {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.55em; color: #333333; background-color: #FFFFFF;}
.searchBox {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; width: 290px; color: #000000; background-color: #FFFFFF; HEIGHT: 22px;}

/* Background Colors */
.leftBg {background-color: #6699CC;}
.darkGreyBg {background-color: #999999;}
.lightGreyBg {background-color: #CCCCCC;}

/* Set the width of page*/
#all {MARGIN-LEFT: auto; width: 760px; MARGIN-RIGHT: auto; text-align: left;}

/*=============================  Left Navigation Section ==============================*/
/*Left Navigation Blue Section*/
Div.leftTop TABLE {width: 164px; border-collapse: collapse;	background-color: #6699CC; text-align: left;}
Div.leftTop TD {padding: 0;	margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.70em; font-weight: bold; color: #FFFFFF;}
Div.leftTop UL {line-height: 1.0em; list-style: none;	margin: 0; padding: 10px 0 5px 15px;}
Div.leftTop li {margin: 0 0 3px 0; padding: 0 0 3px 0;}
Div.leftTop A {color: #000000; text-decoration: none;}
Div.leftTop A:hover {color: #FFFFFF;}

/*Left Navigation White Section*/
Div.nav_white Table {width: 164px; border-collapse: collapse; background-color: #FFFFFF;	border-top: 1px solid #999999; border-left: 1px solid #999999; text-align: left;}
Div.nav_white TD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; padding: 10px 0 0px 15px;}
Div.nav_white UL {list-style: none; margin: 0 0 10px 0px; padding: 0;}
Div.nav_white UL ul {margin: 0; padding: 5px 0 0 10px;}
Div.nav_white UL ul ul {margin: 0; padding: 5px 0 0 20px;}
Div.nav_white li {margin: 0; padding: 0 0 4px 0; color: #333333;}
Div.nav_white a {color: #0000FF;}
Div.nav_white a:hover {color: #0066CC; text-decoration: none;}
Div.nav_white a:visited {color: #800000;}
Div.nav_white a:visited:hover {color: #0066CC;}

/*Used to display a list with red arrows*/
Div.nav_white .red_arrow {line-height: 1.2em;	list-style: disc url("/images/nav/red_arrow.gif"); margin: 0 0 10px 15px;}

/*Left Navigation Grey Section*/
Div.nav_grey Table {width: 164px; border-collapse: collapse; background-color: #CCCCCC;	border-top: 1px solid #999999; border-left: 1px solid #999999; text-align: left;}
Div.nav_grey TH {font-family: Arial, Helvetica, sans-serif; font-size: 0.70em; font-weight: bold; color: #003366; padding: 10px 0px 0px 18px;}
Div.nav_grey TD {padding: 5px 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; color: #333333;}
Div.nav_grey UL {line-height: 1.2em; list-style: disc url("/images/nav/red_arrow.gif"); margin: 5px 0px 10px 15px; padding: 0;}
Div.nav_grey li {margin: 0px 0px 4px 5px; padding-right: 10px;}
Div.nav_grey A {color: #0066CC;}
Div.nav_grey A:hover {color: #FFFFFF; text-decoration: none;}
Div.nav_grey A:visited {color: #800000;}
Div.nav_grey A:visited:hover {color: #FFFFFF;}
Div.nav_grey hr {width: 143px; text-align: right; margin: 0px 0px 0px auto; color: #ffffff; background-color: #FFFFFF; height: 1px; border: 0;}

/*For grey Tab TH*/
.grey_tab {background: url("/images/nav/tab_grey.gif") no-repeat; border-bottom: 1px solid #FFFFFF;}
/*=============================  End Left Navigation Section =========================*/

/*============================= Middle Content Section ===============================*/
/*Breadcrumb Section. Used for both breadcrumbs and styling the log_bar*/
.breadcrumb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; color: #333333;}
Div.breadcrumb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; color: #333333; padding: 0;}
Div.breadcrumb ul {margin: 0; padding: 0; vertical-align: middle;}
Div.breadcrumb li {display: inline; padding: 0 5px 0 0; margin: 0;}
Div.breadcrumb A {color: #333333; background-color: #FFFFFF;}
Div.breadcrumb A:hover {color: #0066cc; background-color: #FFFFFF; text-decoration: none;}

/*For Mozilla/Gecko Browsers to display chevron before each link*/
Div.breadcrumb li:before {content: url("/images/nav/black_chevron.gif") " ";}
Div.breadcrumb li:first-child:before {content: "";}

/*IE workaround, All IE browsers*/
* html #breadCrumbText li {background: url("/images/nav/black_chevron.gif") no-repeat; background-position: 0 0.2em; padding: 0 1.0em 0 1.2em; margin: 0.2em 1.2em 0 -1.1em; float: left; display: inline;}

/* Banner Section*/
Div.banner Table {border-collapse: collapse; border: 0; margin: 0px;}
Div.banner TD {padding: 15px 0px 5px 0px;}

/*Middle Content Section*/
/*Div.content table {border-collapse: separate; border: 0; margin: 5px 0px 0px 0px; width: 100%;}*/
Div.content td {font-size: 0.8em;}
Div.content {font-size: 0.8em;}
Div.content hr {color: #999999;	background-color: #999999; height: 1px;	border: 0;}
Div.content a {color: #0000FF;}
Div.content a:hover {color: #0066cc; text-decoration: none;}
Div.content a:visited {color: #800000;}
Div.content a:visited:hover {color: #0066cc; text-decoration: none;}
Div.content li {margin: 5px 0 0 0;}

/*Use this class for UL to have yellow arrows for bullets*/
.arrow_list {list-style: url("/images/arrow_yellow_sm.gif");}

/*Use <div class="dotted_hr"></div> to make a HR with double dotted lines*/
div.dotted_hr {height: 3px; background: url("/images/line_dbl_333.gif") repeat-x; border: 0; padding-bottom: 10px;}

/*Content Section, Top anchors Section*/
Div.topicLink ul {list-style: url("/images/arrow_yellow_sm.gif"); line-height: 1.0em; margin: 0; padding: 0 0 2px 0;}
Div.topicLink li {padding: 2px 0 0 18px; margin: 0 0 0 18px;}

/*============================= End Middle Content Section ===========================*/

/*============================== Optional Right Section ==============================*/
/*Optional Right Column Section*/
Div.right_col {width: 184px; padding: 15px 0px 0px 10px; margin: 0;}

/*Right Column Sub Category Section*/
Div.right_sub_cat table {border-collapse: collapse;	border-top: 1px solid #999999; margin: 0 0 15px 0; width: 174px;}
Div.right_sub_cat th {padding: 0 4px 5px 0; font-weight: bold; font-size: 0.70em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #990000; text-align:left;}
Div.right_sub_cat tr {vertical-align: top;}
Div.right_sub_cat TD {padding: 0 0 5px 0; font-size: 0.95em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
Div.right_sub_cat P {padding: 0; margin: 0 0 8px 0; font-size: 0.75em;}
Div.right_sub_cat UL {font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; list-style-image: url("/images/nav/black_chevron.gif"); margin: 0; padding: 0;}
Div.right_sub_cat li {margin: 0 0 5px 20px;}
Div.right_sub_cat a {color: #0000FF;}
Div.right_sub_cat a:hover {color: #0066CC; text-decoration: none;}
Div.right_sub_cat a:visited {color: #800000;}
Div.right_sub_cat a:visited:hover {color: #0066CC;}

/*Right Column Feature Table Section*/
Div.feature table {width: 174px; border-collapse: collapse; margin: 0;}
Div.feature tr {margin: 10px;}
Div.feature th {padding: 0 5px 8px 5px;	font-weight: bold; font-size: 0.70em; font-family: Arial, Helvetica, sans-serif; color: #003399; text-decoration: none;	border: 1px solid #999999; border-top: none; background-color: #ffffff;}
Div.feature td {padding: 0; background-color:#CCCCCC;	font-size: 0.70em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
Div.feature ul {list-style: url("/images/nav/black_chevron.gif"); line-height: 1.0em; margin: 0; padding: 0 10px 0 10px;}
Div.feature li {margin: 10px 0px 0px 20px;}
Div.feature a {font-size: 1.0em; color: #0066CC;}
Div.feature a:hover {font-size: 1.0em; color: #FFFFFF; text-decoration: none;}
Div.feature A:visited {color: #800000;}
Div.feature A:visited:hover {color: #FFFFFF; text-decoration:none;}

/*============================= End Optional Right Section ===========================*/

/*Footer Styles*/
.footer {padding-right: 4px; padding-left: 4px; font-variant: small-caps; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; color: #666666; letter-spacing: 0.05em; text-decoration: none;}
A.footer:link {color: #666666;}
A.footer:visited {color: #666666;}
A.footer:hover {color: #99ccff;}

/* used for eService forms*/
.error {font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #990000;}

/*Used for image captions*/
.caption {font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #333333; text-align: center;}

.boxYellow {border-right: #996600 1px solid; border-top: #ffffff 1px solid; margin-top: 5px; background: #ffcc33; border-left: #ffffff 1px solid; border-bottom: #996600 1px solid;}

.point {font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc;}

/*Vertical dotted line*/
.lineDot333vert {background: url("/images/linedot333_vert.gif") repeat-y;}

/*horizontal dotted line*/
.lineDot333 {background: url("/images/ln_hor_dot333.gif") repeat-x;}

/*E-Service Log Bar, default is hidden*/
#log_bar {display: none;}

/*Left menu rounded bottoms, default is grey*/
#left_column_end_grey {background-image: url("/images/nav/nav_greybottom.gif"); background-repeat: no-repeat; height: 8px; width: 164px;}
#left_column_end_wht {background-image: url("/images/nav/nav_whitebottom.gif"); background-repeat: no-repeat; height: 8px; width: 164px;}
#left_column_end_white {background-image: url("/images/nav/nav_whitebottom.gif"); background-repeat: no-repeat; height: 8px; width: 164px; display: none;}
#left_column_end_blue {background-image: url("/images/nav/nav_bluebottom.gif"); background-repeat: no-repeat; height: 8px; width: 164px; display: none;}