/*-- Generic Elements --*/
*{margin:0;padding:0;}
body{color:#fff;font:9pt Arial,Helvetica,sans-serif;background:#fff;}
p{margin:0 0 10px;}
img{border:0;vertical-align:bottom;/*display:block;*/} /*Default block display may be problematic...*/
ul li{list-style-type:none;}

a,a:link,a:visited,a:active{color:#9c0;text-decoration:none;}
a:hover{color:#9c0 !important;text-decoration:underline;}

input,
select,
textarea{/*background:#e2e2e2;border:1px solid #333;color:#fff;*/padding: 2px;font:9pt Arial,Helvetica,sans-serif;color:#333;}

a.sel,
a.sel:link,
a.sel:visited,
a.sel:active{color:#9c0 !important;}




/*p fixes */
#left-col p,
.coursesPage p,
.cols2 p{margin:0;}
.newsPage div{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #fff;}

.submit{/*border:1px solid #fff !important;padding: 1px;*/margin:10px 0;width:auto !important;}
.disabled{border:1px solid #fff !important;width:auto !important;padding: 1px;margin-top:10px;background:#666 !important;color:#888 !important;}

form table{width:100%;}
form table td{padding-bottom:3px;padding-right:10px;vertical-align:top;}
form table td.inp{width:60%;text-align:right;}
form table textarea,
form table select,
form table input{width:100%;}

.recordtable {width:100%;}
.recordtable td{padding-bottom:3px;padding-right:10px;vertical-align:top;}

/*
^To make this less than 100% causes IE problems...
*/
form table textarea{height:150px;}

/*JS related classes*/

div.label{position: relative; float: left; margin-right: 3px; clear: left;}
label.over{position: absolute; top: 3px; left: 3px;color:#767676;}
.singleline div.label{clear: none !important;}
.singleline input.submit{margin-top: 0 !important;}

.reqInput{/*Put on required input fields for no-blank JS validation.*/}

/**/

.padbtm10{margin-bottom:10px;}
.padbtm20{margin-bottom:20px;}
.padbtm30{margin-bottom:30px;}
.alt{background:#777;}


.loginForm{margin-bottom:30px;}
.play-arrow{background:url(../images/play-arrow.gif) no-repeat;line-height:13px;padding-left:10px;text-transform:uppercase;}

.center{text-align: center;}
.txtright{text-align: right;}
.flright{float:right;}
.flleft{float:left;}

/*-- Header & Footer shared styles --*/
.pageFrame{color:#666;}
.pageFrame a,
.pageFrame a:link,
.pageFrame a:visited,
.pageFrame a:active{color:#666;text-decoration:none;}
.pageFrame a:hover{color:#9c0;}
.pageFrame *.links{margin:10px 20px;}
.pageFrame *.links a,
.pageFrame *.links form{margin-left:20px;}

/*-- Header --*/
div#top{height:114px;background:#fff url(../images/top-grad.jpg) repeat-x;min-width:850px;}
div#top img{margin-left:30px;}
div#top ul.links{position:absolute;top:0;right:0;height:20px;line-height:20px;}
div#top ul.links li{float:left;}

/*-- Footer --*/
div#footer{background: url(../images/btm-grad.jpg) top repeat-x #fff;min-height:80px;}

/*-- Drop Down Menu--*/
#top-nav {position:relative;top:6.5em;right:2em;float:right;text-transform:uppercase;font-weight:bold;}
#top-nav li ul {width:11em;position:absolute;height:auto;display:none;left:-10px;padding:1px 10px 10px 10px;text-transform:none;font-weight:normal;border:1px solid #666;background:#fff;}
#top-nav li ul.lrg {width:14em;}
#top-nav li ul.exlrg {width:18em;}
#top-nav li {position:relative;width:8.3em;float:left;font-weight:bold;}
#top-nav li.sml{width:6.5em;}
#top-nav li.lrg{width:13.5em;}
#top-nav li ul li {width:10em;padding:0;}
#top-nav li a {color:#666;text-decoration:none;display:block;width:100%;float:left;padding:0 .4em;height:2em;line-height:2em;}
#top-nav li a:hover,
#top-nav li a:focus,
#top-nav li a:active {outline:0;color:#9c0 !important;}
#top-nav li ul li a {width:9em;cursor:pointer !important;white-space:nowrap;line-height:1.7em;height:1.7em;font-weight:normal;border:1px solid #fff;color:#666;background-position:0 50% !important;background:#fff;}
#top-nav ul a:hover,
#top-nav ul a:focus,
#top-nav ul a:active {color:#9c0 !important;}
#top-nav li:hover ul,
#top-nav li.msieFix ul {display:block;z-index:10;top:2em !important;}
#top-nav li {z-index:1;}
#top-nav li.last ul {left:-6em !important;}

/*-- Page Content Area --*/
div#content-pane{background: #555;min-height:468px;padding-top:10px;}
div#wrap{margin:0 auto;width:1000px;}
div#left-col{float:left;width:219px;margin-right:10px;}
div#right-col{float:left;width:565px;}

#green-block{height:280px;width:219px;background: #9c0 url(../images/green-block.jpg) no-repeat;text-align:right;position:relative;font-size:1.6em;line-height:1.3em;}
#green-block p{position:absolute;bottom:8px;right:8px;}

#sub-nav{margin:10px 0;text-align:right;padding-right:10px;font-size:1.2em;}
#sub-nav a{color:#fff;text-decoration:none;}

div#main-content{margin:10px 0;padding:0 10px;}
div#main-content p,h1,h2,h3{clear:left;}
div#main-content h1,h2,h3{font-weight:bold;}
div#main-content h1{font-size:1.6em;margin-bottom:30px;}
div#main-content h2{font-size:1.4em;}
div#main-content h3{font-size:1.2em;}

.widget{background: #eeeced;color:#666;margin: 10px 0;padding:10px;min-height:150px;}
.widget span{font-weight:bold;font-size:1.3em;display:block;margin-bottom:20px;}

.darkbox{background:#333;padding:10px;}

ul.cols2{float:left;width:100%;}
ul.cols2 li{float:left;width:49%;margin-bottom:30px;}
ul.cols3{float:left;width:100%;}
ul.cols3 li{float:left;width:33%;margin-bottom:30px;}

ul.cols2 li ul li,
ul.cols3 li ul li{float:none;margin:0;width:100%;}