* { margin: 0px; padding: 0px; font-family: Arial, Sans-Serif; }

html, body { width: 100%; }
body { background-color: #FFF; }
form { width: 730px; margin: 0 auto; padding-bottom: 60px; }
td, p, ul, ol { font-size: 11pt; }
td { text-align: left; vertical-align: top; }
p, ul, ol { margin-bottom: 12px; }
ul, ol { padding-left: 20px; }
textarea { font-size: 9pt; }
a { color: #1A507E; }

em { color: #1A507E; font-weight: bold; }

.txtcenter { text-align: center; }
.txtright { text-align: right; }
.fltleft { float: left; }
.fltright { float: right; }
.clear { clear: both; }


#header { background: url(/images/banner_bg.jpg) repeat-x top left; height: 100px; margin-bottom: 20px; }
#header h1 a { display: block; background: url(/images/logo.gif) no-repeat top left; width: 457px; height: 66px; position: absolute; left: 13px; top: 19px; }
#header h1 span { display: none; }
#header .links { position: absolute; right: 0px; top: 30px; font-size: 9pt; color: #FFF; padding-right: 10px; }
#header .links a { color: #FFF; text-transform: lowercase; font-variant: small-caps; font-weight: bold; }
#header .links a:hover { text-decoration: none; }

#logininfo { position: absolute; right: 0px; top: 78px; font-size: 9pt; color: #000; padding-right: 10px; }
#logininfo a:hover { text-decoration: none; }

#footer { height: 30px; background-color: #EDEDED; border-top: solid 1px #B0B0B0; position: fixed; bottom: 0px; width: 100%; padding: 5px 0; }
#footer .inner { width: 730px; margin: 0 auto; font-size: 9pt; color: #B4B4B4; }
#footer .inner a { color: #B4B4B4; text-decoration: none; }
#footer .inner a:hover { text-decoration: underline; }
#footer .menu { float: right; text-align: right; }
#footer .icon { width: 25px; height: 25px; border: solid 2px #B4B4B4; float: left; margin-right: 10px; }


.col1, .col2 { float: left; }

.cols { clear: both; }
.cols .col1 { width: 220px; margin-right: 10px; }
.cols .col2 { width: 480px; min-height: 500px; border-left: solid 1px #D0D0D0; padding-left: 10px; }

.seperator { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #D0D0D0; }
h2 a { color: inherit; text-decoration: none; }

.header { padding: 4px 10px; background: url(/images/banner_bg.jpg) repeat-x top left; color: #FFF; font-weight: bold; text-transform: uppercase; border: solid 1px navy; border-bottom: 0px; }
.hours { border: solid 1px #D0D0D0; border-top-width: 0px; background-color: #EFEFEF; }
.hours .hour { border-top: solid 1px #D0D0D0; }
.hours .time { float: left; width: 50px; text-align: right; vertical-align: top; font-variant: small-caps; font-size: 10pt; padding: 2px; }
.hours .slots { float: left; width: 423px; background-color: #FFF; border-left: solid 1px #D0D0D0; }
.hours .slot { display: block; border-bottom: solid 1px #E0E0E0; height: 20px; empty-cells: show; }
.hours .slot:hover { background-color: #F0F0F0; }
.hours .last { border-width: 0px; }
.hours .full { background: #D0D0D0; border: solid 1px #D0D0D0; border-width: 0 0 1px 0; }
.hours .full:hover { background: #D0D0D0; }
.hours .invalid { font-size: 11pt; text-align: center; line-height: 25px; background-color: #FFF; color: #000; font-style: italic; }

#FadeLayer { position: absolute; top: 0px; left: 0px; z-index: 10; width: 10px; height: 10px; background-color: #000; opacity:0.2; filter:alpha(opacity=20); display: none; }
#ModalLayer { position: absolute; top: 0px; left: 0px; z-index: 11; min-width: 300px; background-color: #FFF; display: none; border: solid 1px #505050; }
#ModalLayer .close { font-size: 10pt; text-align: right; background-color: #E0E0E0; color: #B0B0B0; padding: 4px 10px; }
#ModalLayer .close a { text-decoration: none; }
#ModalLayer .close a:hover { text-decoration: underline; }

iframe { border-width: 0px; height: 180px; overflow: hidden; }

.padding { padding: 10px; }
.red { color: #F00; }
.green { color: #00CF09; }
table.center { text-align: left; margin: 0 auto; }

.calicons { list-style-type: none; padding-left: 0px; }
.calicons li { background: url(/images/cal_icon.jpg) no-repeat 0px 2px; padding-left: 25px; }

.enrollmentItems { list-style-type: none; }
.enrollmentItems li { margin-bottom: 10px; }
.enrollmentItems li a { display: block; cursor: pointer; background: url(/images/enrollment_item_bg.jpg) no-repeat top left; width: 674px; height: 104px; text-decoration: none; color: #606060; font-size: 9pt; }
.enrollmentItems li a .date, .enrollmentItems li a .text { float: left; }
.enrollmentItems li a .date { width: 103px; height: 60px; font-size: 18pt; text-align: center; color: #303030; padding-top: 44px; font-family: Times New Roman, Serif; }
.enrollmentItems li a .text { width: 541px; height: 84px; padding: 10px; }
.enrollmentItems li a:hover .text, .enrollmentItems li a:hover .location { color: #1A507E }
.enrollmentItems li a .location { display: block; font-size: 12pt; font-weight: bold; margin-bottom: 5px; }