BODY
{
	
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	font-size: 10pt;	
}
.Form
{
	background-color: #e7e7e7; 
	color: #000084; 
	font-size: 14px; 
	font-weight: bold;
}

.FormHeading
{
	MARGIN-TOP: -2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14pt; 
	COLOR: #3333cc; 
	FONT-FAMILY: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none	
}
.Table
{
	text-align: left;
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
	font-size: 10pt;	
}
.FormHead
{
	background-color: Gray;
	color: Black; 
	font-size: 16px; 
	font-weight: bold;
}

.confirmation
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder
}

a:link
{
color: #00336D;
text-decoration: none;
	font-weight: bold;
}
a:visited
{
color: #688FB1;
text-decoration: none;
}
a:hover 
{
color: #688FB1;
text-decoration: underline;
}
a:active 
{
color: #FFCC05;
text-decoration: none;
} 

.Label
{
	color: Black;
	font-size: 12pt;
	font-weight: bold;
}
.Label21
{
	background-color: #E7E7E7; 
	color: Black;
	font-size: 10px; 
	font-weight: bold;
}
.HyperLink
{
	color: #000084; 
	font-weight: bold;
}

.LabelRed
{
	color: Red; 
	font-size: 14px; 
}
.RowColor
{
	background-color: #E7E7E7; 
		color:Black; 
}

.TableHeading
{
 background-color: #688FB1;
 color:White;
 font-weight: bold; 
}

.TableRowColor
{
	background-color: #E7E7E7;
	font-size: 10pt;
}

p.formlabel
{
	margin-bottom: 0px;	
}

.standard
{
	border: solid;
	border-color: #3399FF;
	border-width: 1px;
	background-color: #eeeeee;
}

.readonly
{
	border: solid;
	border-color: #3399FF;
	border-width: 1px;
	background-color: #cecece;
}

table.rbl
{
	border: dashed;
	border-color: #3399FF;
	border-width: 1px;
	background-color: #eeeeee;
}


input.file
{
	border: dashed;
	border-color: orange;
	border-width: 1px;
	background-color: lightyellow;	 
}

input.submit
{
	border: solid;
	border-color: gray;
	border-width: 1px;
	background-color: lightyellow;	
}


hr.titleline
{
	border: solid;
	border-color: #0000CC;
	border-width: 1px;	
}

h3.title
{
	margin-bottom: 0px;
	color: #0000CC;
	font-size: larger;
}

table#Wizard1
{
	background-color: white;
}

H1 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14pt;	
	COLOR: #805817;
	font-weight: bold;
	display:inline;
	white-space: pre-line;	

}
H2 {
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12pt;	
	COLOR: #805817;
	font-weight: bold;
	font-style:italic;
	display:inline;
	white-space: pre-line;	

}
H3 {
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 10pt;	
	COLOR: #000000;
	font-weight: bold;
	display:inline;	
	white-space: pre-line;	
}
H4 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
	font-size: 9pt;	
	COLOR: 	#688FB1;
	display:inline;	
	white-space: pre-line;	
}


A.colheader1nav:link {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}
A.colheader1nav:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}
A.colheader1nav:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}
A.colheader1nav:active {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #688FB1
}

ul 
{
list-style-image: url('../Images\right-arrow.gif');


}



.numeric
{
	text-align: right;
}

.instruction
{
	text-align: justify;
}

a.tooltip
{
    position: relative; 
    z-index: 24;
    text-decoration: none;          
}

a.tooltip:hover
{
	z-index: 25; 
	background-color: #ff0;
}

a.tooltip span
{
	display: none;
}

a.tooltip:hover span
{
	display: block;
    position: absolute;
    top: 2em; left: 2em; width: 15em;
    border:1px solid #0cf;
    background-color: #cff; color: #000;
    text-align: center;
}

.slidingmenu{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 665px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
}

.slidingmenu .belt{
position: absolute; /*leave this value alone*/
left: -7px;
top: 0; 
}

.slidingmenu .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 130; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.slidingmenu .panel1{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 300; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.darkBlue
{
background-color:#2D3790
}

.HeaderBack
{
background-color:#00366d;
vertical-align:middle
}

.HeaderBack1
{
background-color:#00366d;
vertical-align:middle
}

.floatright { float: right; }
.floatleft { float: left; }

.lightBlue
{
background-color: #688FB1	
}
.Tan
{
background-color: #dddece	
}


.bodyBackground
{
background-color:#FFFFFF
}

     


.bbl {background: url('../Images/bl-688fb1.gif1') 0 100% no-repeat #688FB1; width: 670px; Height:20px;} 
.bbr {background: url('../Images/br-688fb1.gif1') 100% 100% no-repeat; width: 670px; Height:20px;} 
.btl {background: url('../Images/tl-688fb1.gif') 0 0 no-repeat} 
.btr {background: url('../Images/tr-688fb1.gif') 100% 0 no-repeat; padding:2px;} 


.bottombl {background: url('../Images/bl-688fb1.gif') 0 100% no-repeat #ffffff; width: 665px; Height:10px} 
.bottombr {background: url('../Images/br-688fb1.gif') 100% 100% no-repeat; width: 665px; Height:10px} 
.bottomtl {background: url('../Images/tl-688fb1.gif1') 0 0 no-repeat} 
.bottomtr {background: url('../Images/tr-688fb1.gif1') 100% 0 no-repeat; padding:10px} 


.cbl {background: url('../Images/bl.gif') 0 100% no-repeat #688FB1; width: 20em} 
.cbr {background: url('../Images/br.gif') 100% 100% no-repeat} 
.ctl {background: url('../Images/tl.gif') 0 0 no-repeat} 
.ctr {background: url('../Images/tr.gif') 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px}


.t {background: url('../Images/lbd.gif1') 0 0 repeat-x; width:670px;}
.b {background: url('../Images/lbd.gif') 0 100% repeat-x}
.l {background: url('../Images/lbd.gif') 0 0 repeat-y}
.r {background: url('../Images/lbd.gif') 100% 0 repeat-y}
.bl {background: url('../Images/bl.gif') 0 100% no-repeat}
.br {background: url('../Images/br.gif') 100% 100% no-repeat}


.backRed
{
float: right;
background-color: RED
}
.HeaderText 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;	
}
.BodyText 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;	
}

img{
border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none
}


#container {
margin: 0px auto 0px auto;
text-align: left;
width: 950px;
background-color: #ffffff
} 


.headerTD 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	COLOR: #ffffff
}
A.headerNav:link 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	 COLOR: #ffffff
}

A.headerNav:visited 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	COLOR: #ffffff
}
A.headerNav:hover 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	 COLOR: #ffffff
}
A.headerNav:active 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	 COLOR: #ffffff
}
headerNav
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;
}


/* ######### CSS for top level tabs ######### */
.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #688FB1;
color: Black;
margin-right: 5px;
text-decoration: none;
font: bold 11px "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.tabsmenuclass a.selected{
background: #dddece;
color: white;

}

.tabsmenuclass a:hover{
background: #F3F4F9;
color: white;

}

/* ######### CSS for sub menu container below ######### */
.tabsmenucontentclass{
clear: left;
background: #dddece;
height: 24px;
padding: 5px;
font-family:  "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 8px;
font:bold;

border: 1px lightblue;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
font-family:  "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 8px;
font:bold;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 3em;
font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 8px;
font:bold;
}

/* ######### CSS for sub menu container link below ######### */
A.ContentNav:link 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration: none;
	COLOR: #000000
}

A.ContentNav:visited 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	
	font-size: 11px;	
	text-decoration: none;
	COLOR: #000000
	
}
A.ContentNav:hover 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
	font-size: 11px;	
	COLOR: #000000;
	text-decoration: none;
	text-decoration: none;
}
A.ContentNav:active 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	COLOR: #000000		
}

A.ContentTopNav:link 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	COLOR: #000000
}

A.ContentTopNav:visited 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	COLOR: #ffffff
	
}
A.ContentTopNav:hover 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	COLOR: #000000	
}
A.ContentTopNav:active 
{
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 13px;
	COLOR: #000000		
}

A.footerNav:link {
	FONT-SIZE: 8pt; COLOR: #2D3790
}
A.footerNav:visited {
	FONT-SIZE: 8pt; COLOR: #2D3790
}
A.footerNav:hover {
	FONT-SIZE: 8pt; COLOR: #2D3790
}
A.footerNav:active {
	FONT-SIZE: 8pt; COLOR: #2D3790
}

#container2 {
margin: 0px auto 0px auto;
text-align: left;
width: 720px;
padding:10px;
background-color: #ffffff;
float:right
} 

/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../Images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../Images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
#TabcontainerLeft {
margin: 1px auto 1px auto;
text-align: left;
width: 120px;
background-color: #ffffff;
float:left
} 

#TabcontainerRight {
margin: 1px auto 1px auto;
text-align: left;
width: 450px;
background-color: #FFFFFF;
}

#header{
   width: 940px;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   background: ##00366d;
}

#header1{
text-align:center;
   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 10px "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#header12{

   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 10px "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
   float:left;
}

#footer{

   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 10px "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#footerAdd{

   width: 950px;
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
   font: bold 12px "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#containerLeft {
margin: 0px auto 0px auto;
text-align: left;
width: 150px;
padding:10px;
background-color: #ffffff;
float:left
} 


/* ######### Side menu ######### */

A.LeftNav:link {
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	font-size: 12px;	
	COLOR: #000000;
}
A.LeftNav:visited {
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	font-size: 12px;	
	COLOR: #000000;
}
A.LeftNav:active {
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	font-size: 12px;	
	COLOR: #000000;
}

div.sdmenu {
	width: 200px;
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	font-size: 12px;
	padding-bottom: 10px;
	background: url('../Images/bottom.gif1') no-repeat  right bottom;
	color: #fff;
}
div.sdmenu div {
	background: url('../Images/title.gif') repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url('../Images/title.gif') repeat-x;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url('../Images/expanded.gif') no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url('../Images/collapsed.gif');
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #000000;
		font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	font-size: 20px;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #688FB1 url('../Images/linkarrow.gif') no-repeat right center;
	color: #fff;
	font-family: "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;	font-size: 12px;	
	text-decoration: none;
}

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background:#F3F4F7;
border: 1px solid #688FB1;
border-width: 5px 5px;
padding: 10px;
font: normal 12px Verdana;
z-index: 100;

}

.megamenu .column{
float: left;
width: 310px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
margin-top: .2em;


}

.megamenu .column h3 a
{

font: bold 14px "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: Black;

margin: 0 0 5px 0;
}

.megamenu .column ul li a{
text-decoration: none;
font: 11px "Calibri", "Trebuchet MS", Verdana, Helvetica, sans-serif;


}

.megamenu .column ul li a:hover{
color: red;
}