/* This is the style of your browser text */

@font-face {
	font-family: 'Museo-700';
	font-style: normal;
	font-weight: normal;	
	src: url('../webfonts/1ADF63_0_0.ttf') format('truetype'),url('../webfonts/1ADF63_0_0.eot') format('embedded-opentype'),url('../webfonts/1ADF63_0_0.woff') format('woff');
	src: url('../webfonts/1ADF63_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/1ADF63_0_0.ttf') format('truetype'),url('../webfonts/1ADF63_0_0.eot') format('embedded-opentype');
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Museo-700', Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color:#004374;
	line-height: 1em;
	text-shadow: 0 0 0 transparent, 0 0 1px rgba(0,67,116,0.3);
}

h4 {
	padding-top: 8px;
	padding-bottom:8px;
	background-color:#311a00;
}
.access{
	position:absolute;
	left:0px; 
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

img {
	border: none;
}

ul.topnav {
	list-style: none;
	padding: 0;	
	margin: 0;
	width: 1024px;
	height: 40px;
	background-color: transparent;
	/*font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;*/
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 5px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	float: left;
	margin: 0;	
	padding: 0; /*--Declare X and Y axis base--*/
}/*
ul.topnav li a.mus{
	padding: 5px 5px;
	color: #f00;
	display: block;
	text-decoration: none;
	float: left;
}*/
ul.topnav li a:hover{
	/*background: url(topnav_hover.gif) no-repeat center top;*/
}
ul.topnav li span { /*--Drop down trigger styles--*/
	/*width: 75px;*/
	height: 35px;
	float: left;
	/*background: url(subnav_btn.gif) no-repeat center top;*/
}
ul.topnav li span.subhover {
	background-position: center bottom; 
	cursor: pointer;
} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 40px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #85c0ff url(images/dropdown_linkbg2.gif) no-repeat 10px center;
	padding:8px 0 8px 25px;
	font-size: 12px;
	font-weight: bold;
	color: #213750;
	text-decoration: none;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #5f8cbb url(images/dropdown_linkbg2.gif) no-repeat 10px center; 
	text-decoration: none;
	color: #fff;
}
/*#header img {
	margin: 20px 0 10px;
}*/

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}

.ClearFix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.ClearFormat {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
:first-child + html .ClearFix {
height:1%;
}
* html .ClearFix {
height:1%;
}

p, ul {
	line-height: 1.67em;
	list-style:none;
}

a {
	color: #004374;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	position:relative;
	top:0px;
	width: 1024px;
	height: 306px;
	margin: 0px auto;
	background-image:url(../images/header.jpg);
	z-index:999;
}

#header_cart {
	position:relative;
	top:0px;
	width: 1024px;
	height: 306px;
	margin: 0px auto;
	background-image:url(../images/header_cart.jpg);
	z-index:999;
}

#header_openlearning {
	position:relative;
	top:0px;
	width: 900px;
	height: 150px;
	margin: 0px auto;
	background-image:url(../images/SupporterBg.jpg);
	z-index:999;
}

#headtext {
position:absolute;
top:105px;
left:15px;
}

#headtext p {
color:#FFFFFF;
}

#headtext a {
color:#FFFFFF;
}

#headlink {
	height: 58px;
    left: 12px;
    position: absolute;
    top: 24px;
    width: 218px;
}

#headlink a {
	display: block;
    float: left;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    z-index: 1000;
    width:250px;
}

#chat {
position:absolute;
left:675px;
top:140px;
background-image:url(../images/chat.png);
background-repeat:no-repeat;
width:313px;
height:112px;
}

#chat.chat_logoff
{
background-image:url(../images/chat_logoff.png);	
}

.username {
position:relative;
top:48px;
left:10px;
}

.password {
position:relative;
top:62px;
left:10px;
}
.logoff
{
	position:relative;
	top:35px;
	left:10px;
}

.entry {
width:100px;
height:12px;
font-size:10px;
}

.login {
position:relative;
top:42px;
left:125px;
}

.login2 {
position:relative;
top:-50px;
left:162px;
width:143px;
height:94px;
}
.login3 {
position:relative;
top:-75px;
left:162px;
width:143px;
height:94px;
}
/* Logo */



/* Menu */

#menu {width:1024px; height:40px; no-repeat 0 0px; position:absolute; bottom:0px; z-index:20}

.tabs {padding:0 0 0 10px; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family: 'Museo-700', arial, verdana, sans-serif;}

.tabs li.top {display:block; float:left;}

.tabs li a.pos1 {background:url(../images/btn_0.png); background-repeat:no-repeat; width:110px; height:35px; display:block !important; text-align:center; padding-top:10px;} 

.tabs li.p1 {background:url(../images/btn_1.png); background-repeat:no-repeat}

.tabs li.current a.pos1,
.tabs li.current a.pos1:hover {background:url(../images/btn_2.png); background-repeat:no-repeat}

.tabs table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.tabs a:hover {visibility:visible; position:relative; z-index:200;}
.tabs li:hover {position:relative; z-index:200;}

.tabs li a.top_link:hover {background:transparent;} 
.tabs li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.tabs ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background-color:#FF0000;}

.tabs :hover ul {left:0; top:35px; background:url(../images/sub_back.gif); padding:0px; white-space:nowrap; height:auto; width:auto; z-index:300;}
.tabs :hover ul li {display:block !important;; position:relative; font-weight:normal; width:auto;}
.tabs :hover ul li a {display:block !important;; font-size:12px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none;}
.tabs :hover ul li a:hover {text-decoration:underline;}

/* Page */

#wrapper {
	background: #ffffff /*url(../images/bottombg.jpg)*/ repeat-x left bottom; z-index:0;
}

#page {
	position:relative;
	width: 1024px;
	margin: 0px auto;
	padding: 0;
	z-index:0;
}
#articlepage{
	padding-bottom:20px;
}
/* Content */

#search_box {
position:relative;
width: 264px;
height: 43px;
background: url(../images/bg_search_box.gif);
background-repeat:no-repeat;
left: 735px;
top:10px;
z-index:0;
}

#topcontent {
position:relative;
height:490px;
top:15px;
z-index:0;
}

#search_box #s {
float: left;
padding: 0;
margin: 8px 0 0 6px;
border: 0;
width: 165px;
background: none;
}

#search_box #go {
float: right;
margin: 0;
}

#left {
position:absolute;
top:0px;
left:0px;
width:490px;
height:400px;
z-index:0;
}

#left .content {
position:relative;
top:5px;
}

#middle {
position:absolute;
background-image:url(../images/newsbg.jpg);
background-repeat:no-repeat;
top:0px;
left: 495px;
width:277px;
height:400px;
z-index:0;
}

#middle .content {
position:relative;
top:115px;
width:230px;
left:16px;
}

#right {
position:absolute;
top:0px;
left: 775px;
height:400px;
z-index:0;
}

#right .content {
position:relative;
background-image:url(../images/catbg.jpg);
background-repeat:no-repeat;
top:40px;
width:226px;
height:350px;
}



#right h2 {
padding-left:18px;
}

.content {
	padding: 5px;
}

#right ul{
	margin-top:2px;
}

#right li {
position:relative;
left:-20px;
font-size:14px;
}

#right a {
text-decoration:none;
}


#bottomcontent {
position:relative;
height:380px;
}

.boxes {
position:relative;
color:#FFFFFF;
font-size:14px;
top:-10px;
}

.boxes a{
	text-decoration:none;
	color:#FFFFFF;
}

#blue {
position:absolute;
background-image:url(../images/bluebox.jpg);
background-repeat:no-repeat;
top:0px;
left:0px;
width:242px;
height:367px;
}

#blue .content {
position:relative;
top:15px;
width:190px;
left:15px;
}

#purple {
position:absolute;
background-image:url(../images/purplebox.jpg);
background-repeat:no-repeat;
top:0px;
left: 259px;
width:242px;
height:367px;
}

#purple .content {
position:relative;
top:15px;
width:190px;
left:15px;
}

#pink {
position:absolute;
background-image:url(../images/pinkbox.jpg);
background-repeat:no-repeat;
top:0px;
left: 519px;
width:242px;
height:367px;
}

#pink .content {
position:relative;
top:15px;
width:190px;
left:15px;
}

#greenyellow {
position:absolute;
background-image:url(../images/greenyellowbox.jpg);
background-repeat:no-repeat;
top:0px;
left: 523px;
width:242px;
height:367px;
}

#greenyellow .content {
position:relative;
top:3px;
width:190px;
left:13px;
height:130px;
}
#greenyellow .content .boxes{
top:-20px;
}

#greenyellow .content2 .boxes{
top:-20px;
}

#greenyellow .content2 {
position:relative;
top:46px;
width:190px;
left:13px;
}

/* Footer */

#wrapper2 {
	background: #311a00;
	background-image:url(../images/footer.jpg);
}

#footer {
	position:relative;
	width: 1024px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #FFFFFF;
	height:274px;
}
#footer a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
}

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

#footer li {
	display: block;
	float: left;
	width: 300px;
	padding-left: 25px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
	margin-bottom: 0px;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 2px 10px;
	border-bottom: 1px solid #573D30;
	width:280px
}

#footer li li a {
}

#footer h2 {
	margin-top: 0;
	color: #FFFFFF;
}


#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background: black;
}

#legal a {
	text-decoration: underline;
	color: #ffffff;
}

/*--------- Site Section Specific -------------*/
.pageHeading{
	font-family: 'Museo-700', Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1em;	
	font-size:20px;
	color:#004374;
	text-shadow: 0 0 0 transparent, 0 0 1px rgba(0,67,116,0.3);
}
.infoBoxHeading{
	font-family: 'Museo-700', Helvetica, Arial, Verdana, sans-serif;
	font-weight:  normal;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size:15px;
	color:#004374;
	text-shadow: 0 0 0 transparent, 0 0 1px rgba(0,67,116,0.3);
}
#coursebox {
	width:700px;
}
#coursebox_info{
	float:left;
	width:530px
}

.btn_left{
	float:left;
}
.btn_right{
	float:right;
    margin-right: 30px;
}


#ukiccs_box {
	width: 100%;
	height: 148px;
	background: url(../images/ukiccs_box.gif) center no-repeat;
	margin-top: 30px;
}

#ukiccs_link {
	 border: 1px solid gold;
    color: #0077BB;
    display: block;
    font-size: 14px;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 270px;
}

.toplink {
clear:both;
line-height:12px;
margin-bottom:12px;
text-align:right;
}

#headtext_ol {
position:absolute;
top:18px;
}

#headtext_ol p {
color:#FFFFFF;
}

#headtext_ol a {
color:#FFFFFF;
}



.ol_h1 {
    color: White;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 38px;
    margin-left: 130px;
    padding: 0;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.ol_h2 {
    color: White;
    font-size: 22px;
    font-style: italic;
    margin-left: 131px;
    padding: 0;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.olcnav
{
    font-family:Arial;
    margin-left:-20px;
}
.olcnav li
{
    display:inline-block;
    padding-right:40px;
    
}
.olcnav li a
{
    color:White;
    font-size:18px;
    text-decoration:none;
}

#wrapper_ol {
	background: #ffffff /*url(../images/bottombg.jpg)*/ repeat-x left bottom; z-index:0;
    width:900px;
    margin:0px auto 0px auto;
}

#page_ol{
	position:relative;
	margin: 0px auto;
	padding: 0;
	z-index:0;
}
#articlepage{
	padding-bottom:20px;
}
/* Content */

#search_box_ol {
position:relative;
width: 264px;
height: 43px;
background: url(../images/bg_search_box.gif);
background-repeat:no-repeat;
left: 635px;
top:5px;
z-index:0;
}

#topcontent {
position:relative;
height:490px;
top:15px;
z-index:0;
}

#search_box_ol #s {
float: left;
padding: 0;
margin: 8px 0 0 6px;
border: 0;
width: 165px;
background: none;
}

#search_box_ol #go {
float: right;
margin: 0;
}

.pageHeading_ol{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;	
	font-size:20px;
}

.infoBoxHeading_ol{
	color: #388AB8;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding: 0;
}
#olccoursebox {
	width:646px;
    padding-top:5px;
}
#coursebox_info_ol{
	float:left;
	width:530px;
    padding-bottom:10px;
}

#olccoursebox h1, #olccoursebox h2, #olccoursebox h3, #olccoursebox h4, #olccoursebox h5, #olccoursebox h6 {
	color: #388AB8;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 20px !important;
    font-weight: bold;
    letter-spacing: 0 !important;
    line-height: 1em;
    margin: 0;
    padding: 0;
    visibility: visible !important;
	background-color:transparent;
}

#olccoursebox h2 {
    font-size:18px !important;
}

#olccoursebox h3 {
    font-size:18px !important;
}

#wrapper2_ol {
	background: none;
}
#footer_ol {
	position:relative;
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 0px;
}

#footer_ol_text
{
    color:Black;
    padding-left:222px;
}

#footer_ol a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
}

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

#footer_ol li {
	display: block;
	float: left;
	width: 235px;
	padding-left: 25px;
}

#footer_ol li.first {
	padding-left: 0;
}

#footer_ol li ul {
	margin: 0;
	margin-bottom: 0px;
}

#footer_ol li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #573D30;
}

#footer_ol li li a {
}

#footer_ol h2 {
	margin-top: 0;
}

#legal_ol {
	background: none repeat scroll 0 0 #666666;
    clear: both;
    color: #FFFFFF;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

#legal_ol a {
	text-decoration: underline;
	color: #ffffff;
}

.tllogo
{
    margin-top: -36px;
    padding-left: 7px;
}

#ocreturn
{
    margin:0px auto 0px auto;
    color: #388AB8;
    text-align:center;
}

#ocreturn a
{
    color: #388AB8;
    text-align:center;
}

/*Shopping Cart Header Stuff*/

#header_left
{
    width:700px;
    float:left;
    
}
#header_right
{
    width:300px;
    float:right;
    text-align:right;
}
#header_right2
{
    width:180px;
    float:right;
    text-align:right;
}
#header_right h1
{
    color:White !important;
    text-align:right;
}
#header_right2 h1
{
    color:White !important;
    text-align:right;
}

#coursebox h1, #coursebox h2, #coursebox h3, #coursebox h4, #coursebox h5, #coursebox h6 {
	font-family: 'Museo-700', Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color:#004374;
	line-height: 1em;
	text-shadow: 0 0 0 transparent, 0 0 1px rgba(0,67,116,0.3);
}

#footer h4 {
	padding-top: 8px;
	padding-bottom:8px;
	background-color:#311a00;
	color: white;
	font-size:16px !important;
	font-weight: normal;
}