BODY { font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; background: #d4d9dd url(../images/bg2.gif) repeat-y center;  margin: 0; }
* {font-size:12px;}

.BodyMain {width: 900px; }
.BodyLeft {width: 190px;padding-right: 15px;text-align:top;} 
.BodyRight {width: 685px;padding-right: 10px;vertical-align:top;}
.BodySpan {width: 875px;vertical-align:top;padding-right: 10px;}

.pageHeader { font-size: 15px; color: #336699; font-weight: bold; font-family: verdana;}
.pageSubHeader, .SubHeader { font-size: 12px; color: #cc6600; font-weight: bold; font-family: verdana;}

.BoxGray {width:181px; background-image: url(../images/boxGrayMiddle.gif); background-repeat: repeat-y;margin: 0px}
.BoxGrayHeader {width:181px; height: 28px; background-image: url(../images/boxGrayHeader.gif); background-repeat: no-repeat;padding: 8px 5px 0px 10px;font-weight: bold; font-size: 12px;color: #FFFFFF;overflow: hidden;}
.BoxGrayFooter   {width:181px; height: 10px; background-image: url(../images/boxGrayBottom.gif); background-repeat: no-repeat;margin: 0px; float: bottom;}
.BoxGrayBody {padding: 5px 8px 5px 0px;}
.BoxOrangeHeader {width:181px; height: 28px; background-image: url(../images/boxOrangeHeader.gif); background-repeat: no-repeat;padding: 8px 5px 0px 10px;font-weight: bold; font-size: 12px;color: #FFFFFF;overflow: hidden;}
.BoxSeparator {background:url(../images/boxSeparator.gif) repeat-x;width:100%;height:2px;margin: 15px 0 5px 0;}

a.TopMiniMenu, a.TopMiniMenu:visited {color:#6e6e6e;font-size: 10px; font-weight: bold;text-decoration: none;}
a.TopMiniMenu:hover {color:#000000;font-size: 10px; font-weight: bold;text-decoration: underline;}

a.LeftMenu, a.LeftMenu:visited {color:#003f7f;font-size: 12px; font-weight: bold;text-decoration: none;}
a.LeftMenu:hover {color:#505050;font-size: 12px; font-weight: bold;text-decoration: underline;}
.LeftMenuBullet {padding: 0px 5px 0 5px;vertical-align:top; width:9px; height: 14px; background-image: url(../images/leftMenubullet.gif); background-repeat: no-repeat; background-position: top center;margin-top: 5px;}

a.SmallLink, a.SmallLink:visited {color:#000000;font-size: 10px; font-weight: bold;text-decoration: underline;}
a.SmallLink:hover {color:#6e6e6e;font-size: 10px; font-weight: bold;text-decoration: underline;}

IMG {border: 0px;}

.sqBullet {list-style: url(../images/bodyBullet.gif);margin-top:4px;} 

/* buttons */
.btnSignIn {background-image: url(../images/btn_signin.gif); background-repeat: no-repeat;width: 56px;height:20px;background-color: #f5f5f5; border: 0px;color: #ffffff;font-weight: bold;font-size: 11px;font-family: arial;cursor:hand;}
.btnSearch {background-image: url(../images/btn_small.gif); background-repeat: no-repeat;width: 63px;height:20px;background-color: #f5f5f5; border: 0px;color: #ffffff;font-weight: bold;font-size: 11px;font-family: arial;cursor:hand;}

#mainNav{}
#mainNav LI{float:left;display:block;position:relative;background-image:none;margin-left:-23px;padding-left:0;padding-right:0}
#mainNav .mainNav1{margin-left:0}
.mainNav1, .mainNav1 A{z-index:60}
.mainNav2, .mainNav2 A{z-index:50}
.mainNav3, .mainNav3 A{z-index:40}
.mainNav4, .mainNav4 A{z-index:30}
#mainNav LI A{height:37px;width:145px;background-image:none;overflow:hidden;display:block;cursor:pointer;background:url(../images/mainNavInactive.png) top left no-repeat;text-decoration:none;color: #000000; }

LI#mainNavActive A{padding-top:0px;color: #FFFFFF;}
LI#mainNavActive, LI#mainNavActive A{z-index:100}

#mainNav LI A:hover{background:url(../images/mainNavHover.png) no-repeat}
#mainNav A SPAN{padding-top:14px;display:block;background-repeat:no-repeat;overflow:hidden;text-align:center;font-family: arial;font-weight: bold; text-decoration: none;font-size: 12px;vertical-align:middle;}
#mainNav LI#mainNavActive A, #mainNav LI#mainNavActive A:hover{height:37px;background-position:0 0;background-image:url(../images/mainNavActive.png)}


/* Sub Menu */
#subNav{margin:0;height:25px;white-space:nowrap;background:url(../images/subNavInactive.gif) repeat-x;padding:0 0 0 0;overflow:hidden}
#subNavCl{overflow:hidden}
#subNav UL{margin:0;height:25px;clear:none;overflow:hidden}
#subNav TD{background:url(../images/subNavDivider.gif) no-repeat;display:inline;margin:0;float:left;padding:0;height:23px;}
#subNav TD A SPAN{padding: 5px 10px 0 10px;display:inline;height:23px;overflow:hidden;cursor: pointer;}
#subNav TD.inactive A:hover SPAN, #subNav A:hover SPAN{background:url(../images/subNavHover.png) repeat-x;cursor: pointer;}
#subNav TD.active A, #subNav LI.active A:hover, #subNav LI.active A SPAM{height:23px;background:url(../images/subNavActive.png) repeat-x;;cursor: default;}
#subNav TD.active A SPAN{background-repeat:no-repeat;;cursor: default;}
#subNav .opt A{text-align:center;font-family: arial;color: #FFFFFF; font-weight: bold; text-decoration: none;font-size: 11px;vertical-align:middle}
#subNav TD.active .opt A{text-align:center;font-family: arial;color: #222222; font-weight: bold; text-decoration: none;font-size: 11px;vertical-align:middle}

.miniNav {text-align:center;vertical-align:bottom; padding: 25px 5px 0 5px;}
#miniNavContact {background:url(../images/icon_contact.jpg) no-repeat; background-position: top center; }
#miniNavAtoZ {background:url(../images/icon_atoz.jpg) no-repeat; background-position: top center; }
#miniNavHelp {background:url(../images/icon_help.jpg) no-repeat; background-position: top center; }
#miniNavTut {background:url(../images/icon_tutorial.jpg) no-repeat; background-position: top center; }


/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

.RoundBox {padding:3px;}

.PageHeader {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.MainHeader {
	color: #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.TitleHeader,.titleheader {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;


	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}


.PostItNote {
	width: 155px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	border: 1px solid #999999;
	background-color:#D9EFAB;
	padding: 4px;
}

.TableDisplay {}
.TableDisplay THEAD TR TD {border-bottom:1px solid #999999;font-weight:bold;vertical-align:bottom;}
.TableDisplay TBODY TR TD {border-bottom:1px solid #999999;}
.TableDisplay TBODY TR TD TABLE TD {border:0;}

.BubbleTooltip {Z-INDEX: 100; MARGIN: 0px; WIDTH: 350px; COLOR: #000000; POSITION: absolute;display:none;text-align:left;}
.BubbleTooltipContent {text-align:left;PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 8px; PADDING-TOP: 14px;BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: url(../images/bubble_bg.gif) #C1CFEB repeat-x 0px top; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid}
.BubbleTooltipArrow {LEFT: -9px; WIDTH: 10px; POSITION: absolute; TOP: 14px; HEIGHT: 18px}
.BubbleTooltip H3 {FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px 0px 4px; FONT-FAMILY: Verdana, Arial, Verdana, sans_serif}
.BubbleTooltip P {FONT-SIZE: 11px; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, Verdana, sans_serif;COLOR: #666666;margin:0;}
.BubbleTooltipClosebox {DISPLAY: block; RIGHT: 8px; FLOAT: right; WIDTH: 11px; POSITION: absolute; TOP: 8px; HEIGHT: 11px;}
