/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
	
	/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
	
			/*End of styles for the edit box*/
	
	/*******************************************************************************
	
	BROWSER HACKS: the hacks below should not be changed unless you are an expert
	
	*******************************************************************************/
	
	.MenuBarItemIE 
	{
		position: static;
	}
	
	/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
	ul.MenuBarHorizontal iframe
	{
		position: absolute;
		z-index: 1010;
	}
	/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
	@media screen, projection
	{
		ul.MenuBarHorizontal li.MenuBarItemIE
		{
			display: inline;
			float: left;
			background-color: #FFF;
		}
	}
	
	

body {
background-image:url(site/1/template/bg-body.jpg); 
background-position:top; 
background-repeat:repeat-x; 
background-color:#97a0bd; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
line-height:16px; 
margin-top:0}

a {text-decoration:none; font-weight:bold; color:#1d6eaa}

a:hover {color:#d88e00}

a img {border:0}

/* Structure */

#container-outer {
background:url(site/1/template/bg-container.png); 
padding:20px 20px 10px 20px; 
width:1000px}

#container-outer, #container-inner, #container-inner-full {
position:relative; 
margin:auto}

#container-inner {
width:870px; 
background-image:url(site/1/template/bg-head.jpg); 
background-position:top; 
background-repeat:no-repeat; 
background-color:#bbcaeb; 
padding:10px 50px 50px 80px}

#container-inner-full {
width:800px;
background-image:url(site/1/template/bg-head.jpg); 
background-position:top; 
background-repeat:no-repeat; 
background-color:#bbcaeb; 
padding:10px 100px 50px 100px}

#footer {
width:1000px; 
padding-top:10px; 
text-align:center; 
color:#105383}

#footer a {color:#d1daf1}

#footer a:hover {color:#fff}

.corner {width:20px; height:20px; position:absolute}
.tl {top:0; left:0; background:url(site/1/template/corner-containerTL.png)}
.tr {top:0; right:0; background:url(site/1/template/corner-containerTR.png)}
.br {bottom:0; right:0; background:url(site/1/template/corner-containerBR.png)}
.bl {bottom:0; left:0; background:url(site/1/template/corner-containerBL.png)}
.rounded, .whatsnew a, .lessonBox {-webkit-border-radius: 10px; -moz-border-radius: 10px}

#sspm {position:relative; 
font-size:11px; 
left:-68px; 
width:980px;
height:20px;
text-align:center; 
letter-spacing:5px;
margin-bottom:245px}

#sspm a {color:#5d83aa}

#sspm a:hover {color:#6ba1d1}

#menu-top {
width:670px; 
height:23px; 
position:relative; 
left:250px;
border-left:1px solid #2c628d; margin-bottom:75px}

#menu-top a {color:#bfbfbf}

#menu-top a:hover {color:#fff}

#menu-top ul {list-style:none; margin:0; padding:0}

#menu-top li {display:block; 
float:left; 
padding:0 8px; 
border-left:1px solid #102b43; 
border-right:1px solid #2c628d; 
height:23px; 
line-height:24px}

#menu-top li:hover {border-color:#4f8ebb; 
background:url(site/1/template/bg-menuR.jpg)}

#menu-top li ul {display:none}

#menu-top li:hover ul {display:block}


.column-left, .column-right {float:left; position:relative}

.column-left {
width:228px; 
padding-top:20px; 
line-height:21px; 
font-size:11px; 
text-align:center}

.column-left div {width:186px; margin-left:auto; margin-right:auto}

.column-right {
width:580px;
padding:0 20px; 
margin-left:20px; 
background:url(site/1/template/bg-content.jpg)}

.full {
width:760px;
margin-top:100px;
padding:0 20px; 
background:url(site/1/template/bg-content-full.jpg); 
position:relative}

.boxCap {position:absolute; width:620px; height:20px; left:0}

.boxCap-full {position:absolute; width:800px; height:20px; left:0}

.boxTop {background:url(site/1/template/boxCap-top.png); top:-17px}

.boxBottom {background:url(site/1/template/boxCap-bottom.png); bottom:-17px}

.boxTop-full {background:url(site/1/template/boxCap-top-full.png); top:-17px}

.boxBottom-full {background:url(site/1/template/boxCap-bottom-full.png); bottom:-17px}

.whatsnew {
margin-bottom:35px; 
padding:10px; 
border:1px solid #ced9f4; 
background:#afc0e8; 
line-height:18px}

.whatsnew br {display:none}

.whatsnew a {
display:block; 
border:1px solid #b1bedf; 
padding:5px 8px; 
font-size:12px; 
background:url(site/1/template/bg-whatsnew.jpg) 
bottom repeat-x; 
margin:2px}

.whatsnew a:hover {border:1px solid #fff}

.left {float:left}
.clear {clear:both; height:0; margin:0}

/* Features */
.features-item {border-bottom:1px solid #e4eaf9; padding:15px 0; line-height:18px}
.features-item img {border:0; float:left; margin:-10px 0 -10px -12px}
.featuretitle {font-size:18px; margin-bottom:5px}
span.featuretitle, span.featuretext {display:block; margin-left:90px}

/* Type */

.head3 {font-size:13px}
h4, h5, h6 {font-family:Impact, Helvetica, sans-serif; font-weight:normal; letter-spacing:5px; border-bottom:1px solid #fff; margin:5px 0; color:#fff}
h4 {font-size:21px}
h5 {font-size:18px; margin-top:0; border:0; color:#dbe2f2}
h6 {color:#8fa5d8; border-color:#8fa5d8; font-size:18px; margin-top:15px}
.headline {font-family:Impact, Helvetica, sans-serif; font-size:24px; font-weight:normal; letter-spacing:5px; margin:5px 0; color:#175582; line-height:28px}

/* Lesson Table */
#lessonList {width:100%}
#lessonList h3 {margin:5px 0 0}
.lessonBox { border:1px solid #fff; padding:4px 8px}


h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#005088}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#bd903e}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#bd903e}

a.menu:link {padding-left:4px; padding-right:4px; font-weight:bold; color:#FFFFFF; display:table-cell; text-align:center; border-left:1px solid #8a96ab; border-right:1px solid #8a96ab; height:24px}
a.menu:visited {padding-left:4px; padding-right:4px; font-weight:bold; color:#FFFFFF; display:table-cell; text-align:center; border-left:1px solid #8a96ab; border-right:1px solid #8a96ab; height:24px}
a.menu:hover {padding-left:4px; padding-right:4px; font-weight:bold; background-image:url(template/back-menu2.jpg); color:#012742; display:table-cell; text-align:center; border-left:1px solid #005088; border-right:1px solid #005088; height:24px}

a.navlinks:link {font-weight: bolder; color: #c0cddd; text-decoration: none}
a.navlinks:visited {font-weight: bolder; color: #c0cddd; text-decoration: none}
a.navlinks:hover {font-weight: bolder; color: #ffffff; text-decoration: none}

a.footer:link {font-weight: bolder; color: #c0cddd; text-decoration: none}
a.footer:visited {font-weight: bolder; color: #c0cddd; text-decoration: none}
a.footer:hover {font-weight: bolder; color: #ffffff; text-decoration: none}

a.bottom_links:link {font-weight: bolder; color: #c0cddd; text-decoration: none}
a.bottom_links:visited {font-weight: bolder; color: #c0cddd; text-decoration: none}
a.bottom_links:hover {font-weight: bolder; color: #ffffff; text-decoration: none}