/*****************************************************************************
* HEADER AND TOP NAVIGATION                                                 *
 *****************************************************************************/
#mainHeader {
	width: 822px;
	border: 0px;
	padding: 0px;
	margin: 0 auto;
	position: relative;
}
#mainHeader img.plugIntoReality {
	float: left;
}
#mainHeader img.girl01 {
	background: url(../images/main-hdr-girl-01.png);
}
#mainHeader img.girl02 {
	background: url(../images/main-hdr-girl-02.png);
}
#mainHeader img.girl03 {
	background: url(../images/main-hdr-girl-03.png);
}
#mainHeader img.girl04 {
	background: url(../images/main-hdr-girl-04.png);
}

#mainHeader #homeLink {
	position: absolute;
	top: 129px;
	right: 0;
}
#mainHeader #nav {
	float: right;
	margin-top: 60px;
}
#mainHeader #nav a {
	color: white;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#mainHeader #nav img {
	margin-top: 10px;
}
#mainHeader #nav a:hover {
	color: #c72307;
	text-decoration: none;
}
#mainHeader #nav ul {
	padding: 0px;
	margin: 0px;
}
#mainHeader #nav li {
	float: left;
	text-indent: 0px;
	list-style: none;
	height: 45px;	
}
#mainHeader #nav li.selected {
	background: url(../images/nav-highlight.gif) center no-repeat top;
}


/* ADDED FOR SUB-MENU 09-03-24 */
#mainHeader #nav a { display: block; }
#mainHeader #nav li ul {
        position: absolute;
        z-index: 1980;
        margin-top: -3px;
        /*background: #330a02 url(images/nav-submenu-bg.jpg) top repeat-x;*/
        background: #330a02;
        padding-bottom: 2px;
        width: 120px;
        left: -999em;
}
#mainHeader #nav li:hover ul, #mainHeader #nav li.over ul { left: auto; border-bottom: 1px solid transparent;}
* html #mainHeader #nav li:hover ul, * html #mainHeader #nav li.over ul { border-bottom: none; }
#mainHeader #nav .subMenu li {
        float: none;
        font-size: 9pt;
        font-weight: normal;
        height: 30px;
        line-height: 30px;
}
#mainHeader #nav .subMenu a {
        display: block;
        padding-left: 10px;
        /*width: 100%;*/
        height: 100%;
}
#mainHeader #nav .subMenu a:hover {
        /*background: #330a02 url(images/nav-submenu-hilite.jpg) bottom repeat-x;*/
        background: #230701;
        color: #fff;
}
/* ADDED FOR SUB-MENU 09-03-24 */



/*****************************************************************************
 * FOOTER BOX                                                                *
 *****************************************************************************/
.footerBox {
	background: url(../images/box-footer-bg.gif) bottom repeat-x;
	margin-top: 10px;
	margin-bottom: 20px !important;
}
.footerBox div.content {
	margin: 10px 18px;
	color: #8f8f8f;
}
.footerBox .contactLinks {
	width: 280px;
	float: left;
}
.footerBox .contactLinks img.hdr {
	display: block;
	height: 13px;
	padding-bottom: 10px;
}
.footerBox .navLinks {
	width: 480px;
	float: right;
	margin: 9px 0px;
	text-align: right;
}
.footerBox .navLinks a  {
	display: block;
	float: right;
	color: #b0220b;
	text-decoration: none;
	margin-bottom: 4px;
}
.footerBox .navLinks a:hover {
	color: white;
}
.footerBox .navLinks span.sep {
	float: right;
	padding-left: 13px;
	padding-right: 13px;
	color: #b0220b;
}
.footerBox .subNav a {
	color: #555555;
	margin-top: 4px;
	margin-bottom: 0px;
}
.footerBox .subNav a:hover {
	color: white;
}
.footerBox .subNav span.sep {
	margin-top: 4px;
	color: #555555;
	float: right;
}
/*****************************************************************************
 * MAIN CONTENT                                                              *
 *****************************************************************************/
#centerWrapper {
	width: 822px;
	margin: 0 auto;
	position: relative;
}
#mainWrapper {
	position: absolute;
	top: 309px;
	width: 822px;
	margin: 0 auto;
	padding-bottom: 100px;
}
#mainWrapper #copyright {
	color: #434343;
	margin-left: 375px;
}
/*****************************************************************************
 * ABOUT BOX                                                                 *
 *****************************************************************************/
#boxAbout {
	float: left;
	margin-bottom: 0px;
	color: #e2e2e2;
}
#boxAbout div {
	width: 459px;
	height: 8px;
}
#boxAbout div.calloutFeature{
	width: 100%;
	height: 100%;
	margin-top: 14px;
	margin-bottom: 14px;
}
#boxAbout div.calloutFeature img {
	margin: 0px;
	padding: 0px;
}
#boxAbout img.header {
	display: block;
	margin-left: 39px;
	margin-top: 6px;
}
#boxAbout img.sep {
	display: block;
	float: right;
	margin-right: 7px;
}
#boxAbout .contentWrapper {
	background: url(../images/box-about-middle.png);
	height: 100%;
	/* THE FOLLOWING LINE IS TO STOP MARGIN COLLAPSING. IT IS REMOVED IN
	   THE IE-TRANSFIX.CSS */
	border-top: 1px solid transparent; 
}
#boxAbout .contentWrapper .content {
	width: 414px;
	height: 100%;
	margin-left: 21px;
	margin-top: 16px;
	padding-bottom: 14px;
}
#boxAbout .contentWrapper .fixedHeight {
	height: 66px
}
#boxAbout .top 		{ background: url(../images/box-about-top.png) no-repeat; }
#boxAbout .bottom 	{ background: url(../images/box-about-bottom.png) no-repeat; }

/*****************************************************************************
 * LOGIN BOX                                                                 *
 *****************************************************************************/
#boxLogin {
	float: right;
	background: url(../images/box-login-bg.png);
	width: 359px;
	height: 139px;
	margin-bottom: 0px;
}
#boxLogin img.header {
	display: block;
	margin-left: 20px;
	margin-top: 14px;
}
#boxLogin img.sep {
	display: block;
	float: right;
	padding-right: 4px;
}
#boxLogin span.error {
	color: #F28D23;
}
#boxLogin input {
	border: 1px solid #d03e26;
	background-color: #260b05;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	/*color: #f28d23;*/
	color: white;
	display: block;
	margin-top: 2px;
	margin-bottom: 5px;
}
#boxLogin .contentWrapper {
	height: 100%;
}
#boxLogin .contentWrapper a.butn-login {
	display: block;
	margin-top: 12px;
}
#boxLogin .contentWrapper a.forgotPwd{
	float:right;
	text-align: right;
	margin: -28px 0 0 0;
	position: relative;
}
#boxLogin .contentWrapper .content {
	width: 320px;
	height: 100%;
	margin-left: 21px;
	margin-top: 10px;
	padding-bottom: 8px;
}
#boxLogin .contentWrapper .content .column {
	float: left;
	margin-top: 6px;
}
#boxLogin .contentWrapper .content .left 	{
	line-height: 20px;
 	margin-right: 10px;
}
#boxLogin .contentWrapper .content .middle 	{ margin-right: 10px;	}
#boxLogin .contentWrapper .content .right 	{ width: 59px; 	}

/*****************************************************************************
 * BOXES                                                                     *
 *****************************************************************************/
.boxRed, .boxOrange, .boxYellow {
	margin-bottom: 0px;
	margin-top: 10px;
}
.boxRed .content, .boxOrange .content, .boxYellow .content {
	margin: 16px 20px;
}
.boxRed .btr, .boxRed .btl, .boxRed .bbl, .boxRed .bbr,
.boxOrange .btr, .boxOrange .btl, .boxOrange .bbl, .boxOrange .bbr,
.boxYellow .btr, .boxYellow .btl, .boxYellow .bbl, .boxYellow .bbr  {
	height: 8px;
	overflow: hidden;
}
.boxRed .bbr, .boxOrange .bbr, .boxYellow .bbr {
	clear: both;
}
.boxRed .brs { background: url(../images/box-red-r.gif) right top repeat-y; }
.boxRed .bls { background: url(../images/box-red-l.gif) left repeat-y; }
.boxRed .btr { background: url(../images/box-red-tr.gif) right no-repeat; }
.boxRed .btl { background: url(../images/box-red-tl.gif) left top no-repeat; }
.boxRed .bbr { background: url(../images/box-red-br.gif) right bottom no-repeat; }
.boxRed .bbl { background: url(../images/box-red-bl.gif) left top no-repeat; }

.boxOrange .brs { background: url(../images/box-orange-r.gif) right top repeat-y; }
.boxOrange .bls { background: url(../images/box-orange-l.gif) left repeat-y; }
.boxOrange .btr { background: url(../images/box-orange-tr.gif) right no-repeat; }
.boxOrange .btl { background: url(../images/box-orange-tl.gif) left top no-repeat; }
.boxOrange .bbr { background: url(../images/box-orange-br.gif) right bottom no-repeat; }
.boxOrange .bbl { background: url(../images/box-orange-bl.gif) left top no-repeat; }

.boxYellow .brs { background: url(../images/box-yellow-r.gif) right top repeat-y; }
.boxYellow .bls { background: url(../images/box-yellow-l.gif) left repeat-y; }
.boxYellow .btr { background: url(../images/box-yellow-tr.gif) right no-repeat; }
.boxYellow .btl { background: url(../images/box-yellow-tl.gif) left top no-repeat; }
.boxYellow .bbr { background: url(../images/box-yellow-br.gif) right bottom no-repeat; }
.boxYellow .bbl { background: url(../images/box-yellow-bl.gif) left top no-repeat; }

/*****************************************************************************
 * MISC                                                                      *
 *****************************************************************************/
/* apply to a box for a glow */
.orangeGlow {
	background: url(../images/box-glow-orange.gif) bottom center no-repeat;
}
.orangeGlowLarge {
	background: url(../images/box-glow-orange-large.jpg) bottom center no-repeat;
}
#rightColumn {
	float: right;
	width: 359px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#leftColumn {
	float: left;
	width: 456px;
	margin-top: 0px;	
	margin-bottom: 0px;
}
h1.header {
	/* apply your own image, height and top/bottom margins */
	text-indent: -9999px;
	overflow: hidden;
	margin: 0px 4px 0px 0px;
}
.borderBox {
	background: #464646;
}
.boxFeature {
	border: 1px solid #464646;
}
.boxFeatureContent p {
	margin-top: 0px;
}
#centerWrapper #mainWrapper #boxAbout .contentWrapper .topLeftBox {
	text-align: right;
	height: 20px;
	width: 452px;
	margin-top: 9px;
	padding-right: 7px;
}
#centerWrapper #mainWrapper #boxLogin .contentWrapper .topRightBox {
	text-align: right;
	height: 21px;
	width: 355px;
	margin-top: 18px;
	padding-right: 4px;
}

.headerTitle {
	height: 20px;
	width: 427px ;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}