/* Start CSS Standard Font Formatting */

h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 800;
	color: #ffffff;
	line-height: 62px;
	vertical-align: middle;
	margin: 0;
	padding-left: 20px;
}

h1.smaller {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 800;
	color: #ffffff;
	line-height: 120%;
	vertical-align: middle;
	margin: 0;
	padding-left: 20px;
	padding-top: 15px;
}

h1.smaller span {
	font-size: 12px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 800;
	color: #ec4b2f;
	line-height: 150%;
	margin: 0 0 10px 0;
	padding-top: 15px;
}

h2 a:link, h2 a:visited {
	text-decoration: underline;
	color: #ec4b2f;
}

h2 a:hover, h2 a:active {
	text-decoration: none;
	color: #359345;
}

h2 span {
	font-size: 15px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 800;
	color: #ff6600;
	line-height: 120%;
	margin: 15px 0 10px 0;
}

h3 a:link, h3 a:visited {
	text-decoration: none;
	color: #ff6600;
}

h3 a:hover, h3 a:active {
	text-decoration: none;
	color: #359345;
}

p, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	line-height: 150%;
	margin: 10px 0 10px 0;
	padding-right: 15px;
}

p a:link, p a:visited, td a:link, td a:visited, li a:link, li a:visited {
	text-decoration: underline;
	color: #ff6600;
}

p a:hover, p a:active, td a:hover, td a:active, li a:hover, li a:active {
	text-decoration: none;
	color: #ff6600;
}

ul {
	list-style-type: disc;
	margin: 11px;
	padding: 5px 0 5px 25px;
}

ol {
	list-style-type: decimal;
}
        
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	line-height: 150%;
	margin: 5px 0;
	padding: 0 0 0 5px;
}

ul li ul {
	list-style-type: disc;
	margin: 0 11px;
	padding: 5px 0 5px 25px;
}

table td {
	vertical-align: top;
}

table td p{
	margin-top: 0;
    padding-top: 0;
}


/* End CSS Standard Font Formatting */

/* Start Right Panel Styles */

div#right-panel h2 {
	color:#286F8F;
	font-weight: 100;
	font-size: 17px;
}

body#blog div#right-panel ul {
	border-top: 1px solid #FAB969;
	margin: 0;
	padding: 0;
	width: 150px;
}

body#blog div#right-panel ul li {
	color: #ffffff;
	font-size: 10px;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	font-weight: 800;
	text-decoration: none;
	border-bottom: 1px solid #FAB969;
}

div#right-panel ul li a:link, div#right-panel ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	background: url("/images/blog-links.png") 0 2px no-repeat;
	padding-left: 12px;
}

div#right-panel ul li a:hover, div#right-panel ul li a:active {
	color: #EC4B2F;
	text-decoration: none;
	background: url("/images/blog-links.png") 0 -7px no-repeat;
	padding-left: 12px;
}

/* End Right Panel Styles */

/* Start CSS Misc Elements */

.small {
	font-size: 11px;
}

/* Start Login Form Styles */

div#login p {
	padding: 0;
	margin: 5px 0;
	color: #7d7c7a;
	text-align: right;
	font: normal 800 11px Arial, Helvetica, sans-serif;
}

div#login label {
	min-width: 80px;
	color: #7d7c7a;
	font: normal 800 11px Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0;
	padding: 0 0 0 5px;
	line-height: 16px;
	vertical-align: middle;
	display: none;
}

div#login input { 
	vertical-align:middle;
	color: #7d7c7a;
	font-size: 11px;
	height: 14px; /* 16px */
	left: 0;
	margin: 0 0 5px 0;
	padding: 1px 2px;
	width: 134px; /* 138px */
	border: 1px solid #7d7c7a;
	font-weight: bold;
	float: right;
	clear: both;
}

div#login input.auto {
	width: auto;
	padding-right: 5px;
	height: auto;
	border: none;
}

div#login input.submit {
	height: 19px;
	padding: 0;
	width: 19px;
	border: none;
	margin: -24px -20px 0 0;
}

/* End Login Form Styles */

/* Start Search Styles */

div#search-box input.text {
	color: #7d7c7a;
	font-size: 11px;
	height: 14px; /* 16px */
	left: 0;
	margin: 0 1px 0 0;
	padding: 1px 2px;
	position: absolute;
	top: 0;
	width: 134px; /* 138px */
	border: 1px solid #7d7c7a;
	font-weight: bold;
}

div#search-box input.submit {
	height: 19px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 0;
	width: 19px;
}

/* End Search Styles */

p a.more-info {
	display: block;
	width: 85px; /* 95px */
	height: 22px; /* 27px */
	padding: 5px 0 0 10px;
	text-decoration: none;
	float: right;
	font-weight: 800;
}

p a.more-info:link, p a.more-info:visited {
	background: url("/images/more-info.png") 0 0 no-repeat #000000;
	color: #ffffff;
	text-decoration: none;
}

p a.more-info:hover, p a.more-info:active {
	background: url("/images/more-info.png") 0 -27px no-repeat #000000;
	color: #e0b100;
}

p a.start-course {
	display: block;
	width: 128px; /* 138px */
	height: 22px; /* 27px */
	padding: 5px 0 0 10px;
	text-decoration: none;
	font-weight: 800;
}

p a.start-course:link, p a.start-course:visited {
	background: url("/images/start-course.png") 0 0 no-repeat #000000;
	color: #ffffff;
	text-decoration: none;
}

p a.start-course:hover, p a.start-course:active {
	background: url("/images/start-course.png") 0 -27px no-repeat #000000;
	color: #e0b100;
}

/* Start Home grey box Styles */

div.grey-box ul {
	margin: 0;
	padding: 0;
}	

div.grey-box ul li {
	display: block;
	height: 52px;	
	width: 249px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	background: url("/images/grey-box-li-bg.png") left top no-repeat;
}

div.grey-box ul li.first {
	background: none;
}	

div.grey-box ul li a {
	display: block;
	height: 42px; /* 52px */
	margin: 0;
	padding: 10px 14px 0 14px;
	text-decoration: none;
}

div.grey-box ul li a:link strong, div.grey-box ul li a:visited strong {
	color: #ec4b2f;
	font-size: 16px;
}

div.grey-box ul li a:hover strong, div.grey-box ul li a:active strong {
	color: #369446;
	font-size: 16px;
}

div.grey-box ul li a span, div.grey-box ul li a span {
	color: #000000;
	font-size: 11px;
	padding-right: 15px;
	background: url("/images/arrow-orange.png") right top no-repeat;
}

/* End Home grey box Styles */

/* Start Who we are Styles */

ul.who-we-are {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.who-we-are li {
	margin: 0 0 30px 0;
	padding: 0;	
	list-style: none;
}

ul.who-we-are li img {
	float: left;
}

ul.who-we-are li h2, ul.who-we-are li p {
	padding-left: 162px;
}

ul.who-we-are li h2 {
	padding-top: 0;
}

/* End CSS Misc Elements */

/* Start Footer Styles */

div#footer p {
	font-size: 10px;
	color: #000000;
	padding:0;
	margin:0;
	position: absolute;
	left: 20px;
	bottom: 10px;
}

div#footer p a:link, div#footer p a:visited {
	color: #000000;
	text-decoration: underline;
}

div#footer p a:hover, div#footer p a:active {
	color: #000000;
	text-decoration: none;
}

div#footer-copyright p {
	font-size: 10px;
	color: #666666;
	vertical-align:middle;
	padding: 0;
	margin: 10px 0;
	text-align: center;
}

div#footer-copyright p a {
	color: #666666;
}

/* End Footer Styles */

/* Misc Styles */

.floatright {
	float: right;
	margin: 0 0 15px 15px;
}

.orange {
	color: #ff6600;
}

.clear {
	clear: both;
}

.right-panel-img {
	margin: 15px 0;
}

body#home .hide {
	display: none;
}

.margin-right {
	margin-right: 15px;
	margin-bottom: 30px;
	clear: both;
}

div.view-courses {
	border-bottom: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	padding: 0 0 15px 15px; 
	width: 200px; 
	float: right;
	margin: 0 0 15px 15px;
}

div.subscribe-now {
	border-bottom: 1px solid #cccccc; 
	border-left: 1px solid #cccccc; 
	border-top: 1px solid #cccccc; 
	padding: 10px 15px 15px 15px; 
	float: right;
	margin: 0 0 15px 15px;
	clear: both;
    width: 180px;
}

div.subscribe-now h2 {
	padding-top: 5px;
}

div.subscribe-now p {	
	padding-right: 0;
}

a.button {
	display: block;
	width: 95px; /* 147px */
	height: 26px; /* 38px */
	text-decoration: none;
	font-size: 13px;
	font-weight: 800;
	font-family: Arial, Helvetica, sans-serif;
	padding: 12px 40px 0 12px;
	line-height: 120%;
    margin-bottom: 10px;
}

a.button:link, a.button:visited {
	background: url("/images/subscribe-now.png") 0 0 no-repeat;
	color: #ffffff;
}

a.button:hover, a.button:active {
	background: url("/images/subscribe-now.png") 0 -38px no-repeat;
	color: #e0b100;
}
	
/* Search Pagnation */

a#searchnext:link, a#searchnext:visited, a#searchprev:link, a#searchprev:visited {
	text-decoration: underline;
	color: #ff6600;
}

a#searchnext:hover, a#searchnext:active, a#searchprev:hover, a#searchprev:active {
	text-decoration: none;
	color: #ff6600;
}

a#searchprev {
	margin-right: 10px;
}

#footer-copyright p{
	font-size:7.4pt;
color:#828282;	
float:left;
}

#footer-copyright p a {
	color: #828282;
}

.footerNavigation ul {
	padding:0 0 0 2px;
}

div.course-access h2 {
	display: block;
	height: 31px;
	width: 200px; /* 220px */
	padding: 0 0 0 20px;	
	font-size: 18px;
	font-weight: 800;
	line-height: 31px;
	margin: 15px 0 0 0;
	padding-top: 0;
	background: url('/images/bg-course-access.jpg') no-repeat 0 0;
	text-align: right;
}

div.course-access h2  a:link, div.course-access h2 a:visited {
	text-decoration: underline;
	color: #ec4b2f;
}

div.course-access h2 a:hover, div.course-access h2 a:active {
	text-decoration: none;
	color: #ec4b2f;
}

ul.zoneSubscriptions, ul.zoneSubscriptions li, ul.zoneSubscriptions li ul, ul.zoneSubscriptions li ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.zoneSubscriptions {
	float: left;
	width: 430px;
	padding: 0;
}

ul.zoneSubscriptions li ul {
	float: left;
	clear: both;
	width: 405px; /* 430px */
	margin: 0;
	padding: 0 0 0 25px;
}

ul.zoneSubscriptions li ul li {
	float: left;
	width: 176px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #000000;
	line-height: 150%;
	margin: 0;
	padding: 0 0 10px 0;
}


