/* Main CSS Document */

@import url("core.css");

#container {
	width: 764px;
	margin: 0px auto;
	padding: 44px 0px 0px 0px;
}


/* header */
#header {
	width: 764px;
}


/* nav */
ul.nav {
	width: 764px;
	height: 30px;
	background: url(images/bg-nav.gif) repeat-x;
	padding: 0px;
	margin: 0px;
}
ul.nav li {
	list-style-type: none;
	float: left;
}
ul.nav li a, ul.nav li a:visited {	
	display: block;
	float: left;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	height: 24px;
	padding: 6px 10px 0px 10px;
	background: url(images/bg-nav-divider.gif) no-repeat right top;
}
ul.nav li a:hover {
	background-color: #faa71a;
	height: 24px;
}
ul.nav li.on {	
	display: block;
	float: left;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	height: 24px;
	padding: 6px 10px 0px 10px;
	background: url(images/bg-nav-divider.gif) no-repeat right top #faa71a;
}

#nav li ul {   
    background-color: #141555;
    position: absolute;
    width: 16em;
    left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}

#nav li ul li {
    display: list-item;
    text-align: left;
    font-style: italic;
    line-height: 16px;
    padding: 0px 0px 10px 0px;
}
#nav li:hover li, #nav li.sfhover li {
    float: none;
}
#nav li:hover li a, #nav li.sfhover li a {
    color: #FFF;
}

#nav li:hover li a:hover, #nav li.sfhover li a:hover {
    color: #FFF215;
}


/* content */
#content {
	width: 764px;
	background: #ffffff url(images/bg-right.gif) repeat-y right top;
}

#content-back {
	width: 764px;
	background: #ffffff;
}


/* left */
.left {
	width: 472px;
	float: left;
	border-top: 11px solid #02457c;
	padding: 30px;
}

/* left */
.left-back {
	width: 704px;
	float: left;
	border-top: 11px solid #02457c;
	padding: 30px;
}

/* right */
.right {
	width: 232px;
	float: right;
	border-top: 11px solid #faa71a;
}
.right p {
	padding: 15px 22px 15px 22px;
	font-size: 11px;
}
.right span.more {
	text-align: right;
	display: block;
	font-weight: bold;
	background: url(images/icon-arrow-right.gif) no-repeat right center;
	padding: 0px 10px 0px 0px;
}


/* three boxes */
.bottombox {
	background: url(images/bg-box-bottom-full.gif) repeat-y;
}
.referral {
	width: 256px;
	background: url(images/bg-box-bottom.gif) repeat-y right top;
	float: left;
}
.help {
	width: 255px;
	background: url(images/bg-box-bottom.gif) repeat-y right top;
	float: left;
}
.parents {
	width: 252px;
	background: url(images/bg-box-bottom.gif) repeat-y right top;
	float: left;
}
.tabgreen {
	height: 22px;
	background: url(images/bg-green-tab-01.gif) no-repeat right top;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 0px 0px 0px;
}
.referral p, .help p, .parents p {
	padding: 15px;
	font-size: 11px;
}
.referral span.more, .help span.more, .parents span.more {
	text-align: right;
	display: block;
	font-weight: bold;
}


/* footer */
#footer {
	width: 764px;
	height: 74px;
	background: url(images/bg-footer.gif) no-repeat;
	padding: 10px 0px 30px 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
#footer ul {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
#footer li {
	margin: 0px;
	padding: 0px 6px 0px 6px;
	list-style-type: none;
	display: inline;
	background: url(images/bg-footer-divider.gif) no-repeat right center;
}
#footer  li.nodivider {
	background-image: none;
}
#footer li a {
	color: #ffffff;
	text-decoration: none;
}
#footer li a:hover{
	text-decoration: underline;
}