/* CSS Document */

* { margin: 0; padding: 0;}

body { font-size: 62.5%; 	font-family: Helvetica, Arial, sans-serif; background: url(images/background.png) repeat-x #dddddd;}

#page { width: 990px; margin: 0 auto; }

h1, h2, h3, h4, h5, #nav { font-family: Palatino, Times, 'Times New Roman', serif; font-weight: normal; }

#header { height: 44px; position: relative; padding: 96px 0 10px 0;}
#header h1 { text-indent: -999999em; width: 438px; height: 63px; background: url(images/safety_councselling.png) no-repeat; padding: 0; margin: -10px 0 0 0;}
#header h2 { color: #A1A3C4; font-size: 2em; text-align: right; margin-top: -2em; }

#nav { list-style: none; display: block; height: 58px; position: absolute; top: 0;border-left: 1px solid #1F2A65; border-right: 1px solid #535794;}
#nav li { border-left: 1px solid #535794; border-right: 1px solid #1F2A65; height: 58px; float: left; text-align: center;}
#nav li a { font-size: 1.6em; line-height: 1.6em; display: block; height: 41px; padding-top: 17px; width: 195px; text-decoration: none; color: #fff;}
#nav li a.selected, #nav li a:hover { background: #1F2A65;}

#subnav { list-style: none; display: block; position: absolute; right: 0; bottom: 7px;}
#subnav li { border-left: 1px solid #7b8a4b;  height: 28px; float: left; text-align: center;}
#subnav li a { font-size: 1.6em; line-height: 1.6em; display: block; height: 25px; padding: 3px 10px 0 10px; text-decoration: none; color: #fff; border-left: 1px solid #cbd5a7;}
#subnav li a.selected, #subnav li a:hover { background: url(images/calendar_bg.png) repeat-x;}

#calendar_links { list-style: none; display: block; height: 25px;}
#calendar_links li { float: right; width: 200px; height: 25px; display: block; margin-left: 2px; background: url(images/calendar_bg.png) repeat-x #a7b980;}
#calendar_links li a { width: 180px; height: 18px; padding: 7px 0 0 20px; display: block;  text-decoration: none; color: #3A5800; font-size: 1.4em; text-align: center; }
#calendar_links a.calendar { background: url(images/cal.png) no-repeat 7px 5px;}
#calendar_links a.nmsif { background: url(images/nmsif.png) no-repeat 7px 5px;}
#calendar_links a:hover { text-decoration: underline;}

#feature { height: 160px; padding: 10px 20px; background: url(images/feature_bg.png) repeat-x #a7b980; position: relative;}
#feature .half_col { width: 48%; float: left; padding-right: 1%; border-right: 1px solid #A7B980;}
#feature .last { padding: 0 0 0 1%; border-right: none; border-left: 1px solid #DCE8BD;}
#feature h1 { font-size: 2.4em; color: #3A5800; padding: 0;}
#feature p { padding: 0.5em 0;}
#feature a.button { padding: 5px 10px; background: url(images/feature_button.png) repeat-x #212b66; color: #fff; text-decoration: none;}
#feature a.button:hover { text-decoration: underline; background-image: none;}

#content {padding-top: 20px;}
#main { width: 630px; margin-left: 10px; float: right; background: #efefef; padding: 10px;}
#sidebar { width: 330px; float: right; }

#footer { border-top: 1px solid #999; padding: 5px 10px; color: #666; margin-top: 20px; }

p { font-size: 1.4em; line-height: 1.3em; padding: 0.75em 0; }
pre { font-size: 1.6em; line-height: 1.3em; padding: 0 0 1em 0;}
h1 { font-size: 2.4em; color: #85C329; padding: 0.25em 0;}
h2, h3 { font-size: 2.4em; padding: 0.33em 0;color: #754C28;}
#content li { font-size: 1.4em; line-height: 1.3em; margin-left: 15px;}

#content a.button, #content .button { color: #fff; text-decoration: none; background: url(images/button.png) repeat-x #696969; padding: 7px 10px 5px 10px;; border: none;}
#content a.button:hover { background-image: none; text-decoration: underline;}

label, input { font-size: 1.4em;}
form div { clear: left; padding: 0.5em 0;}
form { padding-bottom: 1em;}

.clearer { clear: both;}
.alignleft { float: left; margin: 15px 10px 0 0;}
a img { border: none; }

ul.classes li { padding: 0.25em;}
ul.classes li.odd { background: #fff;}
.new { color: #900; font-weight: bold;}
.updated { color: #090; font-weight: bold;}

#calender { font-size: 1.3em; }
#calender th { background: #754C28; color: #fff; border: 1px solid #754C28; padding: 3px; width: 79px;}
#calender td { background: #efefef; border: 1px solid #ccc; color: #754C28; padding: 3px; height: 75px;}
#calender td.out { background: #ccc; }
#calender td span.day { font-size: 0.8em; color:#000; text-align: right; display: block;}
#calender #cal_prev { float: left; font-size: 1em;}
#calender #cal_next { float: right; font-size: 1em;}