@charset "UTF-8";
/* CSS Document */

body { background-color:#dee8fe;
font-family:Verdana, Arial, Helvetica, sans-serif;


}

img {border: none;}

p {color:#666666;
	font-size: 12px;
	text-align: justify;
	padding-left: 20px;
	}

td {
	color: #666;
	font-size: 12px;
	}

ol {
	color: #666;
	font-size: 12px;
	}

blockquote {
	color: #666;
	font-size: 12px;
	text-align: justify;
	}

a {
	font-size: 12px;
	color:#666666;
	}

a:hover {
	text-decoration: none;
	}

h1 {
	color: #fdb00a;
	font-weight: normal;
	font-size: 24px;
	padding-left: 20px;	
	}

.subtitle {
	color:#000066;
	font-weight: normal;
	font-size: 20px;
	padding-left: 10px;
	}
	
h2 {
	color:#000066;
	font-weight: normal;
	font-size: 20px;
	padding-left: 20px;

	
	}

h3 {
	color:#fdb00a;
	font-weight: normal;
	font-size: 14px;
	padding-left: 20px;
	text-decoration: underline;

	
	}
	
p.home {
	width: 440px;
	
	padding-top: 20px;
	}

p.content {
	width: 475px;
	
	}

p.contentwide {
	width: 68%;
	}

p.contentsm {
	width: 425px;
	}
	
#wrapper{
	width: 800px;
	margin: 0px auto;
	}

#main {
	width: 791px;
	background-color: #fff;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: -30px auto;
	
	
}

#header {
	width: 798px;
	background: url(../images/header.png) no-repeat center;
	height: 91px;
	margin-top: 50px;
	margin-left: 1px;
	z-index: 1;
	position: relative;
	
	}

#header img {
	margin-top: -50px;
	margin-left: 15px;
	
	}

#nav {
	
	color: #6aaaef;
	margin-top: -10px;
	float: right;
	margin-right: 15px;

	}

#nav a {
	
	color: #6aaaef;
	text-decoration: none;
	font-size: 13px;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	
	}

#nav a:hover {

	color: #fff;
	}

#nav .select {
	color: #fff;
	}

#slogan {
	float: left;
	}
#slogan1 {
	margin-top: 30px;
	display: none;
	font-size: 24px;
	color: #ee7231;
	margin-left: 20px;
	
	
	}

#slogan2 {
	display: none;
	font-size: 20px;
	color: #ee7231;
	margin-left: 65px;
	
	
	}

#icons {
	float: right;
	height: 100px;
	margin-top: 20px;
	position: relative;
	z-index: 900;
	
	}

#icons a {
	color:#333333;
	text-decoration: none;
	padding-right: 20px;
	font-size: 10px;
		}

#icons img {
	vertical-align: middle;
	padding-right: 5px;
	padding-top: 2px;
	}

.text {
	margin-top: 90px;
	}



#features {
	width: 100%;
	margin-top: 85px;
	}

#features a{
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	margin-top: 900px;
	text-align: center;
	}
	
#features a:hover {
	text-decoration: underline;
	}


#features ul {
	list-style-type: none;
	display:inline;
	
	width: 100%;
	table-layout: fixed;
	margin:0px;
	white-space: nowrap;
	
	
	}

#features li {
	width: 183px;
	height: 155px;
	float: left;
	text-align: center;
	padding-right: 10px;
	}

.feature1 {
	background: url(../images/feature1.png) no-repeat center;
	margin-left: 8px;
	
	}
.featuretitle {
	padding-top: 67px;
	padding-left: 8px;
	}

.featuretitlebig {
	padding-top: 57px;
	padding-left: 8px;
	}

.feature2 {
	background: url(../images/feature2.png) no-repeat center;
		}

.feature3 {
	background: url(../images/feature3.png) no-repeat center;
	
	}

.feature4 {
	background: url(../images/feature4.png) no-repeat center;
	
	}
#footer {
	width: 775px;
	margin: 20px auto;
	margin-top: 50px;
	border-top:solid #ccc 1px;
	text-align: center;
	
	color: #999;
	}

#footer a {
	color:#999999;
	font-size: 10px;
	}

#footer p {
	text-align: center;
	font-size: 10px;
	}

/* news display */
#holdnews {
	display: none;
	}

#news {
	float: right;
	width: 270px;
	margin-right: -260px;
	margin-top: 40px;
	}

#news h1 {
	font-size: 16px;
	color:#000066;
	margin: 25px 0px 0px 65px;
	padding-left: 0px;
	font-weight: bold;
}

#news h2 {
	font-size: 12px;
	color:#83011f;
	margin-left: 20px;
	width: 245px;
	margin-bottom: 0px;
	margin-top: 20px;
	padding-left: 0px;
	font-weight: bold;
	}

#news a {
	font-size: 11px;
	color: #666;
	font-weight: bold;
	text-decoration: underline;
	}

#news a:hover {
	text-decoration: none;
	}

.news_style{
display:none;

}

.story {
	width:250px;
	height:280px;
	vertical-align: top; 
	margin-left: 0px;
	font-size: 11px;

	
}

.news_show
{
position:absolute;
color:#333333;
font-size: 12px;
clip:rect(0px 320px 180px 0px);

}

.news_border
{
background-color: white;
width:291px;
height:271px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
/*border: 1px solid gray;*/
background: url("../images/news.png") no-repeat center;
padding: 5px 5px 5px 5px;
margin-top: 7px;
margin-left: 10px;

/*overflow: auto;*/	

}

.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:#333333;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
margin-top: 187px;
margin-left: 100px;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;

/*border: 1px solid gray;
border-top-color: white;
border-top:none;*/
height:20px;
}

.buttondiv img {
	cursor: pointer;
}
  .news_move {
 position: relative;

  }

/* end news */

#section_img {
	position: relative;
	z-index: 2;
	margin-left: 375px;
	margin-top: -3px;
	
	}

#quote {
	float: right;
	
	width: 200px;
	margin-top: 50px;
	margin-right: -225px;
	display: none;
	}

#quote p {
	font-size: 16px;
	text-align: left;
	}

.section {
	float: left;
	
	margin-top: 90px;
	margin-left: 15px;
	
		}

.section img {
	position: relative;
	z-index: 3;
	}


.border {
	width: 791px; 
	margin: 0px auto; 
	height: 1px; 
	position: relative;
	z-index: 5; 
}

.sol {
	background-color:#CC0033; 
	}

.train {
	background-color:#3366CC; 
	}
		
.sel {
	color: #CC0033;
	}

#subnav {
	float: right;
	/*background: url(images/subnav.png) no-repeat;*/
	
	display: none;
	/*background-color:#CCCCCC;
	border: solid 1px #666;*/
	
	margin-top: 5px;
	margin-right: 10px;
	}

#subnav a {
	color: #333;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	}

#subnav a:hover {
	text-decoration: underline;
	color: #CC0033;
	}



/* featured downloads */
#docs {
	float: right;
	background: url(../images/docfeature.png) no-repeat top;
	width: 223px;
	height: 171px; 
	margin-top: -40px;
	margin-right: 20px;
	clear: both;
}
#docsbig {
	float: right;
	background: url(../images/docfeature_big.png) no-repeat top;
	width: 223px;
	height: 171px; 
	margin-top: -80px;
	margin-right: 5px;
	clear: both;
}
#docs p.head, #docsbig p.head {
	padding: 17px 0px 0px 55px; 
	font-size: 13px;
	color: #000066;
	
}

#docs p, #docsbig p {
	padding: 5px 10px 15px 10px;
}

#docs a, #docsbig a {
	color:#666666;
	}

/* features on sub pages */
#subfeature {
	width: 475px;
	margin-left: 20px;
	
}
#subfeaturetrain {
	width: 425px;
	margin-left: 20px;
	
}
#subfeature img, #subfeaturetrain img {
	float: left;
	
	}
#subfeature p, #subfeaturetrain p {
	padding-top: 0px;
	padding-bottom: 10px;
	}


#subfeature a, #subfeaturetrain a {
	color: #CC0033;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	}

#subfeaturetrain a {
	color:#3366CC;
	}

#subfeature a:hover, #subfeaturetrain a:hover {
	text-decoration: underline;
	}

/* Sidebar feature on subpages */
#sidebox {
	float: right;
	width: 196px;
	background: url('../images/feature.png');
	height: 490px;
	margin-right: 10px;
	text-align: center;
	
}

#sidebox_sm {
	float: right;
	width: 202px;
	background: url('../images/feature_sm.png');
	height: 188px;
	margin-right: 40px;
	text-align: center;
	
}

#sidebox h1, #sidebox_sm h1 {
	color: #000066;
	font-size: 16px;
	padding-left: 15px;
	text-align: left;
	padding-top: 5px;
	}

#sidebox p, #sidebox_sm p {
	font-size: 11px;
	padding-left: 15px;
	width: 160px;

	}

#sidebox img, #sidebox_sm img {
	clear: none;
	}

#sidebox h2, #sidebox_sm h2, #sidelist h2 {
	color:#666;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-left: -40px;
	}

/* yes and no lists */
#benefits {
	
	width: 160px;
	margin-left: 30px;
	margin-top: 50px;
	text-align: left;
}

#sidelist {
	float: right;
	width: 160px;
	margin-right: 60px;
	text-align: left;
	clear: both;
	margin-top: -20px;
	}

#docsbig #sidelist {
	margin-right: 40px;
	margin-top: 0px;
	}

#pos {
	list-style: none;
	padding-left: 0px;
	margin-left: -20px;
	
	}
#pos li{
	color:#666666;
	font-size: 11px;
	padding-bottom: 5px;
	
background-image: url(../images/check.png);
background-repeat: no-repeat;
background-position: 0 0;

padding-left: 2.2em;

	}	

#neg {
	list-style: none;
	padding-left: 0px;
	margin-left: -20px;
	}
#neg li{
	color:#666666;
	font-size: 11px;
	padding-bottom: 5px;
	background-image: url(../images/xicon.png);
background-repeat: no-repeat;
background-position: 0 0;

padding-left: 2.2em;
	
	}	


/* calendar */

#schedule {
	width: 67%;
	margin-left: 20px;
	
	}

#schedule_sm {
	width: 40%;
	float: right;
	margin-right: 15px;
	}

#schedule_sm a {
	color: #000066;
	font-size: 10px;
	}



.ou {
	background-color: #b9cedf;
	padding: 2px;
	margin-bottom: 10px;
	

	}
.ou a {
	width: inherit;
	white-space: normal;
	font-size: 10px;
	text-align: center;
	color:#3D3D3D;
}
#schedule_sm .ou {
	padding: 1px;
	}

.hts {
	background-color: #afdcab;
	padding: 2px;
	
}

.hts a {
	width: inherit;
	white-space: normal;
	font-size: 10px;
	text-align: center;
	color:#3D3D3D;
}

.heug {
	background-color:#ffe785;
	padding: 2px;
	
}

.heug a {
	width: inherit;
	white-space: normal;
	font-size: 10px;
	text-align: center;
	color:#3D3D3D;
}



#showou {
	margin-left: 20px;
	background-color: #b9cedf;
	padding: 2px;
	float: left;
	width: 150px;
	font-size: 11px;
	color:#3D3D3D;
	margin-bottom: 10px;
	margin-right: 10px;
	
}

#showhts {
	margin-left: 10px;
	background-color: #afdcab;
	padding: 2px;
	width: 150px;
	font-size: 11px;
	color:#3D3D3D;
	float: left;
	
	margin-bottom: 10px;

	
}
	
#showou label {
	display:block;
line-height:15px;
margin-left:25px;
margin-top: -16px;
padding-bottom:5px;
font-size: 8pt;
	}

#showhts label {
	display:block;
line-height:15px;
margin-left:25px;
margin-top: -16px;
padding-bottom:5px;
font-size: 8pt;
	}

.desc {
	padding: 3px;
}

.desc p {
	text-align: justify;
	padding: 0px;
	margin: 0px;
}

.desc ul {
	font-size: 12px;
	color:#666666;
	}

.DateLabel a {
	cursor: default;
	}

/* list view */

#list {
	margin-left: 10px;
	width: 98%;
	clear: left;
	margin-bottom: 250px;
	}

.oucell {
	background-color: #b9cedf;
	width: 100px;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	
}

.htscell {
	background-color: #afdcab;
	width: 100px;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	
}

.heugcell {
	background-color: #ffe785;
	width: 100px;
	padding: 3px;
	text-align: center;
	font-size: 11px;
	
}

.descr {
	font-family:arial;
	font-size:8pt;
	text-align:left;
	color:#3D3D3D;
	cursor: pointer;
	text-decoration: none;
}

.descr:hover {
	text-decoration: underline;
	}

/* Side list of OU Courses */
.courselist li {
	text-align: left;
	list-style: none;
	margin: 0px;
	padding: 0px;

	
	}

.courselist {
	margin-top: 0px;
	padding-left: 30px;
	}

.courselist a:hover {
	text-decoration: underline;
	}

.courselist a {
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	}

/* OnRequest Form */

#emaillink {
	
	cursor: pointer;
}

.handle {
	background: url(../images/bar.png) repeat-x;
	}

#showform, #showregform, #show {
	font-size: 11px;
	color: #666666;
	}

#showemail, #show h3, #showform h3 {
	color:#000066;
	padding-top: 15px;
	}

#showemail, #show p, #showform p {
	padding-left: 5px;
	}


	
.error {
	color:#FF0000;
	
	}

/* Online Workshops */
#readmore {
	padding: 1px;
	/*background-color:#CCCCCC;*/
	
	margin-top: 8px;
	/*border: solid 1px #666666;*/
	text-decoration: underline;
	cursor: pointer;
}

.showlist {
	cursor: pointer;
	}


/* OnCost */

#new, #edit {
	cursor: pointer;
}
#new:hover, #edit:hover {
	text-decoration: underline;
	}

#select #getschool {
	padding: 5px;
	border: solid 1px #666;
	margin-left: 5px;
	font-size: 12px;
	}



#getschool:hover {
	text-decoration: underline;
	cursor: pointer;
	
	}

#find {
	display: none;
	
	margin-left: 20px;
}

#select #find p {
	text-align: left;
	padding-top: 5px;
	}

#oncost {
	background-color: #e9effa;
	border: 1px solid #CFD8EC;
	padding: 20px;
	margin: 20px;
	width: 90%;
	min-height: 300px;
	
}

#success {
	background-color: #e9effa;
	border: 1px solid #CFD8EC;
	padding: 20px;
	display: none;
	width: 90%;
	margin: 20px;
}

#oncost h1 {
	font-size: 24px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 15px;
	color: #0369B4;
}

#oncost h1.cc {
	background: url(../images/oncost/cc.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}

#oncost h1.str {
	background: url(../images/oncost/str.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}

#oncost h1.ad {
	background: url(../images/oncost/ad.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}

#oncost h1.sr {
	background: url(../images/oncost/sr.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}

#oncost h1.sf {
	background: url(../images/oncost/sf.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}
#oncost h1.fa {
	background: url(../images/oncost/fa.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}
#oncost h1.tech {
	background: url(../images/oncost/tech.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}
#oncost h1.info {
	background: url(../images/oncost/info.png) no-repeat center left;
	height: 52px;
	padding-top: 25px;
	padding-left: 60px;
	margin-top: 20px;
	padding-bottom: 0px;
	}
	

#oncost h2 {
	font-size: 14px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 20px;
	}

.module a {
	cursor: pointer;
	font-size: 13px;
	
	margin-left: 0px;
	
	}

.module a:hover {
	text-decoration: underline;
	}

.tasks {
	display: none;
	
	 
}

.show {
	background-image: url(../images/left_arrow.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 18px;
	
}

.tasks li {
	list-style: square;
	font-size: 12px;
	color:#666666;
	
}

.next {
	float: right;
	padding: 5px;
	border: 1px solid #666;
	margin-top: 20px;
}

.prev {
	float: left;
	padding: 5px;
	border: 1px solid #666;
	margin-top: 20px;
}

.module {
	display: none;
	padding-bottom: 50px;
	}

.module p {
	padding-left: 0px;
	margin-left: 0px;
}

.paths {
	
	background: url(../images/oncost/pathcon.png) repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	
	}

.paths ul {
	display: inline;
	
	
	}

.one {
	padding-top: 7px;
	}

.paths li {
	list-style: none;
	
	height: 30px;
	width: 67px;
	border: solid 1px #999999;
	float: left;
	margin-left: 11px;
	background-color:#E9EFFA;
	
	
	pointer: cursor;
	
	}

.paths li.first {
	margin-left: 0px;
	}

.paths li.curr{
	background-color: #0369B4;
	border: solid 1px #0165B1;
	
	}

.paths li:hover{
	background-color: #0369B4;
	border: solid 1px #0165B1;
	
	cursor: pointer;
	}

.paths li:hover p{
	color: white;
	}



.paths p.curr {
	color: #fff;
	}

.paths p {
	font-size: 10px;
	
	text-align: center;
	margin: 0px;
	}

.paths p:hover {
	color: #fff;
	}

.paths a {
	font-size: 8px;
	padding: 8px 3px 8px 3px;
	text-align: center;
	text-decoration: none;
	color: #999;
	
	}

.paths a:hover {
	color: #fff;
	}



#totalst p, #totalsb p {
	font-size: 13px;
	color: #cc0033;
	text-align: right;
	
	}


p.req {
	background: url(../images/oncost/req.png) no-repeat left center;
	margin-left: 25px;
	}

p.rec {
	background: url(../images/oncost/rec.png) no-repeat left center;
	margin-left: 25px;
	}

p.opt {
	background: url(../images/oncost/opt.png) no-repeat left center;
	margin-left: 25px;
	}

#print {
	float: right;
	margin-top: 20px;
	cursor: pointer;
}

#select img {
	float: left;
	margin-left: 20px;
	}

#select p {
	padding-left: 30px;
	padding-top: 27px;
	margin-bottom: 28px;
	}
	
#select a{
	font-size: 18px;
	color: #0369B4;
	}