@charset "utf-8";
/* CSS Document */


body {
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/bg.jpg) repeat-x #002134;
}
#outer {
	width:100%;
	background:url(../img/bg-bottom.jpg) repeat-x bottom;
}
#outer-wrapper {
	width:1002px;
	margin:auto;
}
#wrapper {
	padding:20px;
	width:816px;
	float:left;
}
#wrapper-all {
}
a {
	text-decoration:none;
}
#left {
	width: 140px;
	float:left;
}
#centre {
	width: 674px;
	float:left;
}
#content {
	background-color:#004759;
	padding: 20px 20px 0 20px;
	min-height:650px;
	_height:650px;
}
#content a.button {
	width: 302px;
	height:40px;
	background-image:url(/img/button-lrg.gif);
	display:inline-block;
	color:#FFFF66;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	margin-bottom:20px;
	padding-top:20px;
}
#content hr {
	height:1px;
	border:solid 1px #0177a5;
}
.content-left {
	width: 300px;
	margin: 0 30px 0 0;
	float:left;
}
.content-right {
	width: 300px;
	float:left;
}
#right {
	width: 144px;
	float:left;
	padding:122px 0 0 0;
}
#right a.signup {
	width: 144px;
	height:40px;
	background-image:url(/img/join.gif);
	display:inline-block;
	color:#FFFF66;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	margin-bottom:20px;
	padding-top:20px;
}
#right a.button {
	width: 144px;
	height:29px;
	background-image:url(/img/button-sm.gif);
	display:inline-block;
	color:#A7E2F4;
	text-align:center;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:20px;
}
#right ul {
	padding:0 0 0 15px;
}
#right ul li {
	list-style:disc;
	color:#FFFF66;
}
#header {
	width: 673px;
	height:85px;
	background-image:url(../img/header.gif);
}
#footer {
	width: 674px;
	margin:0 0 0 140px;
	padding: 0 0 20px 0;
	clear:both;
}
/* Content Items */
/* Content Items */
/* Content Items */


/* membership-benefits */
#content-membership-benefits, #content-write, #content-read, #content-archive {
	clear:both;
	padding:6px 0 10px 0;
}
#content-membership-benefits table {
	width:634px;
	font-size:.8em;
	font-weight:bold;
}
#content-membership-benefits table tr td {
	padding: 3px 3px 3px 8px;
	vertical-align:middle;
}
#content-membership-benefits table tr.header td {
	background-image:url(../img/tbl-head-bg.gif);
	font-size:1.3em;
	color: #FF6;
	font-weight:normal;
	height:28px;
}
#content-membership-benefits table tr td.col1 {
	background-color:#006c79;
}
#content-membership-benefits table tr td.col2 {
	background-color:#007e8c;
}
#content-membership-benefits table tr td.col1, #content-membership-benefits table tr td.col2 {
	border:1px solid #1b8996;
}
table.membership-benefits tr td {
	background-color:#007e8c;
	border:1px solid #1b8996;
}
#content h3 {
	background-image:url(../img/h2-bg.gif);
	font-size:1.3em;
	color: #FF6;
	font-weight:bold;
	font-style:italic;
	height:24px;
	padding:10px 0 0 5px;
	margin:0 0 10px 0;
}
#content h4 {
	background-image:url(../img/h2-bg.gif);
	font-size:1em;
	color: #FF6;
	height:24px;
	padding:7px 0 0 5px;
	margin:0 0 10px 0;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:5px 0 0 0;
}
.center {
	text-align:center;
}
/* Left Nav */
/* Left Nav */
/* Left Nav */

#left ul {
	margin-top: 100px;
}
#left ul li {
	background:url(../img/nav-btn1.gif) no-repeat;
	height:60px;
	padding: 0 15px 0 0;
}
#left ul li.on {
	background:url(../img/nav-btn1-on.gif) no-repeat;
}
#left ul li.nav-btn2 {
	background:url(../img/nav-btn2.gif) no-repeat;
	height:70px;
}
#left ul li.nav-btn2-on {
	background:url(../img/nav-btn2-on.gif) no-repeat;
	height:70px;
}
#left ul li a {
	padding:14px 0 0 15px;
	display:block;
}
.gradbox {
	padding:10px;
	margin:20px 0 20px 0;
	/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #002134;
	/* Mozilla: */
    background: -moz-linear-gradient(top, #002134, #017b86);
	/* Chrome, Safari:*/
    background: -webkit-gradient(linear, left top, left bottom, from(#002134), to(#017b86));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#002134', EndColorStr='#017b86', GradientType=0);
}
/* Right */
/* Right */
/* Right */

#right {
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
}
#right hr {
	color:#004f5e;
}
#right p {
	margin:0 0 10px 0;
}
/* Footer */
/* Footer */
/* Footer */

#footer ul li {
	float:left;
	list-style: disc;
	color:#a7e2f4;
	margin-left:35px;
}
#footer {
}
#footer.subfooter {
	background-color:#004759;
}
#footer.subfooter a {
	color: #a7e1f5;
}
.clearfix:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* lesson plan */

table.lessonplan {
	width: 820px;
}
table.lessonplan tr td {
	padding:3px;
	font-size:.8em;
}
table tr.row1 td {
	background-color:#007e8c;
	border: 1px solid #1B8996;
	font-weight:bold;
	vertical-align:top;
}
table tr.row2 {
	background-color:#006c79;
	border-left: 1px solid #1B8996;
	border-right: 1px solid #1B8996;
}
table tr.head td {
	background:#002134 no-repeat right;
	color:#fff;
}
.snot {
	color:#aaff59;
}
hr.lp-break {
	border: 1px solid #006C79;
	margin:60px 0 1px;
}
/* V2 - 15/11/2011 */

#content-v2 a {
	color:#FFFF66;
}
#content-v2 {
	background-color:#004759;
	padding: 20px 20px 0 20px;
	min-height:650px;
	_height:650px;
	font-size:.9em;
	color:#A7E2F4;
	line-height:1.3em;
	font-family:Verdana, Geneva, sans-serif;
}
#content-v2 h1 {
	color: #FF6;
	font-size:1.2em;
	margin:0 0 20px 0;
}
#content-v2 h2 {
	font-size:1.4em;
	font-weight:normal;
	line-height:1.3em;
	color:#cbf3ff;
	
}
#content-v2 h3 {
	color: #FF6;
	font-size:1em;
	font-weight:normal;
	margin: 0 0 5px 0;
	line-height:1em;
}
#content-v2 p {
	margin:0 0 15px 0;
}
#content-v2 a.button {
	background-image: url("/img/button-sm.gif");
	color: #A7E2F4;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 36px;
	margin-bottom: 20px;
	margin-top:8px;
	padding-top: 4px;
	text-align: center;
	vertical-align: middle;
	width: 144px;
}
#content-v2 ul.check-list {
	margin:8px 0 15px 0;
}
#content-v2 ul.check-list li {
	background:url(/img/check-mark.png) no-repeat;
	line-height:.8;
	padding:0 0 0 17px;
	margin: 8px 0 0 0;
	list-style:none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
}
.ui-accordion-content {
	margin:0 0 20px 19px !important;
}
.ui-accordion .ui-accordion-header .ui-icon {
	left: 0.5em;
}
.ui-state-default .ui-icon {
	background-image: url("/img/ui-icons.png");
}
.ui-icon-triangle-1-e {
	background-position: -36px -16px;
}
.ui-icon-triangle-1-s {
	background-position: -66px -16px;
}
.ui-icon {
	background-image: url("/img/ui-icons.png");
	height: 16px;
	width: 16px;
	margin-right:2px;
	background-repeat: no-repeat;
	display: block;
	float:left;
	overflow: hidden;
	text-indent: -99999px;
}
.ui-widget-content {
	margin:0 7px 20px 8px !important;
	background:#002134;
	padding:10px;
	border-radius: 4px;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #ff6 !important;
}
#content-v2 .accordion h3 {
	margin: 10px 0 10px 0;
}
#content-v2 .accordion h3.ui-state-active {
	font-weight:bold;
}
#content-v2 .accordion h3 a {
	color: #A7E2F4 !important;
}
#content-v2 .accordion ul {
	list-style:disc;
	margin:5px 0 10px 20px;
	line-height:1.4em;
}
#content-v2 .accordion ul li {
	margin:0 0 3px 0;
}
table.course-outline1 {
	margin:20px 0 30px 0;
}
table.course-outline tr td {
}
.1course-outline img {
	margin: 0 20px 30px 0;
	width:150px;
}
.course-outline img {
	margin: 0 0 8px 0;
}


div.panel {
	
position:relative; width:201px; float:left;
margin:0 15px 30px 0;
	
	}

div.panel:hover {
	
	
	}
		
div.panel img {
	margin:0 0 10px 0;}	
	

