* { padding: 0; margin: 0; }

body {margin: 0; padding: 0; font: normal .70em/1.6em Verdana, 'Trebuchet MS', Tahoma, sans-serif; color: #444; text-align: center; background: #FFFFFF;}
form, {width: 100%;}

h1, h2, h3 {font: normal 1em Georgia, "Times New Roman", Times, serif; letter-spacing:-1px;}
h1 {font-size: 2.2em;} 
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em; letter-spacing: 0px;}

p, h1, h2, h3, h4, h5, h6 {font-size: 8pt; margin: 10px 15px; padding: 0;}

ul, ol {margin: 10px 30px; padding: 0 15px;}

#header-content, #footer-content, #content, #tricol, #header-wrap, #content-wrap {width: 960px;}
#footer-wrap {min-width: 960px;}

/* header */
#header-wrap {clear: both; margin: 0 auto 0px; padding: 0; height: 130px; text-align: left; background: url( images/header-bar.jpg ) repeat-x 0 0;}
#header-content {height: 130px; background: url( images/header-background.jpg ) no-repeat 0 0; position: relative; margin: 0 auto; padding: 0; text-align: left;}
#header-content img {border: none; padding: 0; margin: 0;}

/* header menu */
#header-content ul {position: absolute; left: 20px; top: 101px; font: normal 12px Georgia, "Times New Roman", Times, serif; list-style: none; margin: 0; padding: 0; text-transform: uppercase;}
#header-content li {display: inline;}
#header-content li a {height: 29px; float: left; display: block; padding: 5px 18px 7px 18px; color: #FFF; text-decoration: none;}
#header-content li a:hover {background: url( images/selected-nav.jpg ) no-repeat center top; color: #FFF;}
#header-content li a#current {background: url( images/selected-nav.jpg ) no-repeat center top; color: #FFF;}

/* header links */
#header-content #header-links {position: absolute; top: 10px; right:10px; color: #FFF; font-size: 90%;}
#header-content #header-links P {margin: 0; padding: 0;}
#header-content #header-links td {font-size: 90%; color: #FFF; padding: 4px;}
#header-content #header-links a {color: #FFF; text-decoration: underline;}
#header-content #header-links a:hover {color: #FFC;}
#header-content #header-links .button {font-size: 8pt; font-weight: bold; color: #FFF; border: solid 1px #CCC; padding: 3px; background-color: #999;}
#header-content #header-links .button_over {font-size: 8pt; font-weight: bold; color: #FFF; border: solid 1px #FFF; padding: 3px; background-color: #999; cursor: pointer; border: solid 1px #FFF;}

/* PORTLET STUFFS */
.bodytable {width: 100%;}
.bodytable .bodycell {vertical-align: top; border: solid 1px #C7C2A4;}
.bodytable .bodycell h2 {background-color: #C7C2A4; font: bold 12px Georgia, "Times New Roman", Times, serif; margin: 0px 0px; padding: 2px 4px; letter-spacing: 0px; text-transform: uppercase;}
.bodytable .side {}
.bodytable .first {}
.bodytable .content {padding: 2px; overflow-x: hidden; overflow-y: auto;}
.bodytable .content, {width: 100%;}
.bodytable .content a {font-size: 8pt;}
.bodytable .content div {font-size: 8pt;}

.portlet_links {width: 100%;}
.portlet_links_anchor {vertical-align: top; font-weight: bold; padding-right: 2px; padding-bottom: 4px;}
.portlet_links_link {vertical-align: top; padding-bottom: 4px;}

/* content area */
#content-wrap {clear: both; text-align: left; margin: 0 auto 0px; padding: 0;}
#content {text-align: left; margin: 0 auto 30px; padding: 0;}

/* sidebar */
#sidebar {float: right; width: 200px; margin: 0 0 10px 0; padding: 0;}
#sidebar h1 {font: normal 1.7em; padding: 0; margin: 0 0 10px 5px; letter-spacing:-1px;}
#sidebar ul.sidemenu {margin: 5px 0 15px 0; padding: 0; border-top: 1px dashed #E1E1E1;}
#sidebar ul.sidemenu li {list-style: none; border-bottom: 1px dashed #E1E1E1;}
#sidebar ul.sidemenu a {display: block; text-decoration: none; padding: .3em 0 .3em 10px; width: 94%; color: #2E1F11;}
#sidebar ul.sidemenu a:hover {padding: .3em 0 .3em 10px; color: #314F1D; background: #FFF; text-decoration: underline;}
#sidebar ul.sidemenu a#current {padding: .3em 0 .3em 10px; color: #314F1D; background: #FFF;}

/* main content area */
#main {margin: 0 0 10px 20px; padding: 0; width: 740px; float: right;}

/* images */
#main img {border: 1px solid #DADADA; padding: 5px;}
#main img.no-border {border: none;}
#main img.float-right {margin: 5px 0px 5px 15px;}
#main img.float-left {margin: 5px 15px 5px 0px;}

/* footer */
#footer-wrap {position: relative; clear: both; padding: 1.5em 0 .5em 0; font: normal .95em; text-align: left; background: url(images/footer-bg.jpg) repeat-x 0 0; color: #999; width: 100%; float: left;}
#footer-content {margin: 0 auto;}
#footer-content td {font-size: 8pt; padding: 4px;}
#footer-content a {text-decoration: none;}
#footer-content .image_zangco {width: 100px; height: 25px; background-image: url(images/zangco.gif); cursor: pointer;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.orange { color: #F3A251; }

#print {text-align: left;}
#tricol {clear: both; text-align: left; margin: 0 auto 0px; padding: 0;}
#tricol .pagetitle {font-size: 16pt; font-weight: bold; padding-top: 10px; padding-left: 10px;}
#tricol .pagetitle a {color: #333; text-decoration: none;}
#tricol .pagetitle a:hover {text-decoration: underline;}
#tricol .departmentlist {padding-top: 10px; padding-right: 10px;}
#tricol .departmentlabel {font-size: 10pt; font-weight: bold;}

.article {font-size: 8pt; padding-bottom: 2px;}
.article h3 {padding: 2px; margin: 0px; font-size: 8pt;}
.article p {padding: 2px; margin: 0px;}
.link {display: block; padding-bottom: 2px;}
.title {padding: 0px; padding-bottom: 4px; color: #630;}
.lalt h2 {background: url(images/gradback.gif);}
.ralt h2 {background: url(images/gradback.gif);}

.dept_leftnav {padding-top: 10px;}
.dept_leftnav table {width: 160px;}
.dept_leftnav td {font-size: 8pt; padding: 4px; border-bottom: solid 1px #DDD; width: 160px; text-align: left;}
.dept_leftnav .current {font-size: 8pt; font-weight: bold;}
.dept_leftnav .over {font-size: 8pt; background-color: #EEE; cursor: hand; cursor: pointer;}

.dept_content {background: url(images/dept_back.gif) no-repeat 0px 7px; padding-top: 12px;}
.toolbar table {margin-left: auto; margin-right: 10px;}
.toolbar td {white-space: nowrap;}
.toolbar a {color: #333; font-size: 8pt; white-space: nowrap;}

.pageheader {font-size: 12pt; color: #333; font-weight: bold; padding: 5px; padding-left: 10px; padding-right: 10px; width: 100%;}
.pageheader_inner {font-size: 12pt; color: #333; font-weight: bold; padding: 5px; padding-left: 10px; padding-right: 10px; width: 100%;}
.pageheader td {font-size: 8pt;}
.pageheader_inner td {font-size: 8pt;}
.pagedesc {font-size: 7pt; color: #999; padding: 2px; padding-left: 10px; padding-right: 10px; width: 100%;}
.pagecontent {font-size: 8pt; padding: 5px; padding-left: 10px; background: url(images/content_back.gif) repeat-y;}
.pagecontent, {width: 100%;}
.pagecontent td {font-size: 8pt; padding-top: 2px;}
.pagesubtitle {font-size: 10pt; color: #333; font-weight: bold; padding: 4px; background-color: #EEE; border: solid 1px #DDD;}
.pagesubtitlearea {padding: 4px; padding-bottom: 6px; border-bottom: solid 1px #EEE;}
.pageheader table {width: 100%;}
.pageregion td {font-size: 8pt;}

.grid               {width: 100%;}
.grid .header td    {font-size: 8pt; padding: 3px; font-weight: bold; background: url(images/gradback.gif); color: #FFF;}
.grid .data td      {font-size: 8pt; padding: 3px; border-bottom: solid 1px #DDD;}
.grid .data_over td {font-size: 8pt; padding: 3px; border-bottom: solid 1px #CCC; background-color: #EEE; cursor: hand; cursor: pointer;}
.grid_paging td     {font-size: 8pt; padding-left: 4px;}

.instructions       {font-size: 8pt; padding: 10px; width: 100%;}
.gridbody           {font-size: 8pt; padding-left: 10px; padding-right: 10px; width: 100%;}

.form_nav           {font-size: 8pt; width: 100%; border-top: solid 1px #999; text-align: right; padding: 10px 10px; margin-top: 10px;}
.form_nav,			{width: 100%;}
.form_nav input     {font-size: 8pt; width: 85px; border-color: #999 #666 #666 #999; font-size: 8pt; background-color: #C0BFA6; color: #666; font-weight: bold;}
.form_page          {font-size: 8pt; width: 100%; padding: 0px 0px 0px 10px;}
.form_page_login    {font-size: 8pt; width: 500px; padding: 0px 0px 0px 10px; margin-left: 210px;}
.form_section,		{width: 100%;}
.form_section_title {font-size: 8pt; color: #999; font-weight: bold; padding: 4px 0px;}
.form_label         {font-size: 8pt; padding: 4px 0px 0px 0px;}
.form_req           {font-size: 8pt; font-weight: bold;}
.form_error         {font-size: 8pt; font-weight: bold; color: #F00;}
.form_entry         {font-size: 8pt; padding: 4px 10px 0px 0px;}
.form_entry,		{width: 100%;}
.form_entry input   {font-size: 10pt; width: 100%;}
.form_entry textarea{font-size: 10pt; width: 100%;}
.form_entry select  {font-size: 10pt; width: 98%;}
.form_entry fieldset{font-size: 8pt; padding: 4px;}
.form_checkbox input{font-size: 8pt; border: none; width: auto;}

.form_errors        {font-size: 8pt; width: 100%; border: solid 1px #F99; margin-left: 10px; margin-right: 10px; padding: 2px 2px 2px 34px; background-color: #FEE; background-image: url(images/error.gif); background-repeat: no-repeat; background-position: 4px 4px;}
.form_errors_login  {font-size: 8pt; width: 500px; margin-left: 210px; border: solid 1px #F99; margin-right: 10px; padding: 2px 2px 2px 34px; background-color: #FEE; background-image: url(images/error.gif); background-repeat: no-repeat; background-position: 4px 4px;}
.form_errors_title  {font-size: 8pt; font-size: 8pt; text-align: left; margin-bottom: 4px; font-weight: bold; color: #933; border: solid 1px #FCC; background-color: #FDD; padding: 2px;}
.form_errors_item   {font-size: 8pt; font-size: 8pt; text-align: left; font-weight: normal; color: #933; padding: 2px; padding-left: 8px;}

.form_thankyou      {padding: 0px 10px;}

.toolbar            {text-align: right; color: #666; padding: 2px 0px;}
.toolbar,           {width: 100%;}
.toolbar a          {padding-left: 4px;}
.buttons input		{width: 85px; border-color: #999 #666 #666 #999; font-family: verdana; font-size: 8pt; background-color: #C0BFA6; color: #666; font-weight: bold;}

.contact_title		{font-size: 8pt; color: #666;}

.data_header        {font-size: 8pt; background-color: #DDD; border-bottom: solid 1px #CCC; padding: 4px; font-weight: bold; white-space: nowrap;}
.data_row           {font-size: 8pt; border-bottom: solid 1px #DDD; padding: 4px;}

.rep_title          {font-weight: bold;}
.rep_party          {}
.rep_website        {}
.rep_email          {}
.rep_message        {font-style: italic; padding-bottom: 4px; color: #666;}
.rep_pre            {padding-top: 4px; padding-bottom: 8px; padding-left: 4px; font-weight: bold;}
.rep_image          {padding: 4px; padding-top: 0px; padding-bottom: 8px;}

.calendar {width: 100%; border-bottom: solid 1px #999;}
.calendar tr {height: 75px;}
.calendar_view {font-size: 8pt; height: 20px; padding-bottom: 5px;}
.calendar_day {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border-top: solid 1px #999; border-left: solid 1px #999;}
.calendar_day_disabled {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border-top: solid 1px #999; border-left: solid 1px #999; background-color: #DDD;}
.calendar_day_last {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border-top: solid 1px #999; border-left: solid 1px #999; border-right: solid 1px #999; background-color: #CC9;}
.calendar_day_last_disabled {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border-top: solid 1px #999; border-left: solid 1px #999; border-right: solid 1px #999; background-color: #DDD;}
.calendar_day_first {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border-top: solid 1px #999; border-left: solid 1px #999; background-color: #CC9;}
.calendar_day_first_disabled {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border-top: solid 1px #999; border-left: solid 1px #999; background-color: #DDD;}
.calendar_day_title {font-size: 8pt; font-weight: bold; color: #666; padding-bottom: 3px;}

.calendar_today {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border: solid 2px #C93;}
.calendar_today_disabled {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border: solid 2px #C93; background-color: #DDD;}
.calendar_today_last {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border: solid 2px #C93; background-color: #CC9;}
.calendar_today_last_disabled {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border: solid 2px #C93; background-color: #DDD;}
.calendar_today_first {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border: solid 2px #C93; background-color: #CC9;}
.calendar_today_first_disabled {font-size: 8pt; width: 14%; padding: 4px; vertical-align: top; border: solid 2px #C93; background-color: #DDD;}
.calendar_today_title {font-size: 8pt; font-weight: bold; color: #000; padding-bottom: 3px;}

.calendar_header_day_first {font-size: 8pt; color: #FFF; background-color: #666; font-weight: bold; text-align: center; width: 14%; height: 20px; border-top: solid 1px #333; border-left: solid 1px #333;}
.calendar_header_day {font-size: 8pt; color: #FFF; background-color: #666; font-weight: bold; text-align: center; width: 14%; height: 20px; border-top: solid 1px #333; border-left: solid 1px #333;}
.calendar_header_day_last {font-size: 8pt; color: #FFF; background-color: #666; font-weight: bold; text-align: center; width: 14%; height: 20px; border-top: solid 1px #333; border-left: solid 1px #333; border-right: solid 1px #333;}
.calendar_header_first {font-size: 8pt; color: #FFF; background-color: #666; font-weight: bold; text-align: left; height: 20px; padding-left: 4px; border-top: solid 1px #333; border-left: solid 1px #333;}
.calendar_header_first a {font-size: 8pt; color: #FFF; font-size: 7pt;}
.calendar_header {font-size: 8pt; color: #FFF; background-color: #666; font-weight: bold; text-align: center; height: 20px; border-top: solid 1px #333;}
.calendar_header_last {font-size: 8pt; color: #FFF; background-color: #666; font-weight: bold; text-align: right; padding-right: 4px; height: 20px; border-top: solid 1px #333; border-right: solid 1px #333;}
.calendar_header_last a {color: #FFF; font-size: 7pt;}
.calendar_day_event {font-size: 8pt; padding: 3px 0px; border-top: solid 1px #CCC;}

.wcalendar {width: 100%; border-bottom: solid 1px #333;}
.wcalendar_view {font-size: 8pt; height: 20px; padding-bottom: 5px;}
.wcalendar_header_first {font-size: 8pt; border-top: solid 1px #333; border-left: solid 1px #333; background-color: #666; text-align: left; padding: 2px; padding-left: 4px; padding-bottom: 4px;}
.wcalendar_header_first a {color: #FFF; font-size: 7pt; font-weight: bold;}
.wcalendar_header_last {font-size: 8pt; border-top: solid 1px #333; border-right: solid 1px #333; background-color: #666; text-align: right; padding: 2px; padding-right: 4px; padding-bottom: 4px;}
.wcalendar_header_last a {color: #FFF; font-size: 7pt; font-weight: bold;}
.wcalendar_day {}
.wcalendar_day .wtitle {font-size: 8pt; font-weight: bold; color: #FFF; background-color: #666; padding: 2px; border: solid 1px #333;}
.wcalendar_day .wbody {font-size: 8pt; border-left: solid 1px #333; border-right: solid 1px #333; padding: 4px; height: 50px;}
.wcalendar_day .wevent {}
.wcalendar_day_disabled {}
.wcalendar_day_disabled .wtitle {font-size: 8pt; font-weight: bold; color: #FFF; background-color: #666; padding: 2px; border: solid 1px #333;}
.wcalendar_day_disabled .wbody {font-size: 8pt; border-left: solid 1px #333; border-right: solid 1px #333; padding: 4px; background-color: #CC9; height: 50px;}
.wcalendar_day_disabled .wevent {}
.wcalendar_today {}
.wcalendar_today .wtitle {font-size: 8pt; font-weight: bold; color: #FFF; background-color: #666; padding: 2px; border: solid 1px #333;}
.wcalendar_today .wbody {font-size: 8pt; border: solid 2px #C93; padding: 4px; height: 50px;}
.wcalendar_today .wevent {}
.wcalendar_today_disabled {}
.wcalendar_today_disabled .wtitle {font-size: 8pt; font-weight: bold; color: #FFF; background-color: #666; padding: 2px; border: solid 1px #333;}
.wcalendar_today_disabled .wbody {font-size: 8pt; border: solid 2px #C93; padding: 4px; background-color: #CC9; height: 50px;}
.wcalendar_today_disabled .wevent {}

.onusCal {white-space: nowrap;}
.onusCal img {width: 28px; height: 22px;}
.onuscPopUp {width: 151px; border: 1px solid #7F9DB9; background: #FFFFFF;}
.onuscPopUp td {padding: 4px;text-align: center;}
.onuscPopUp {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}
.onuscPopUp th {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}
.onuscPopUp td {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}
.onuscPopUp div {font: normal 11px Tahoma, Verdana, Arial, sans-serif;}

.onuscPopUp a {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:link {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:visited {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:active {text-decoration: none; color: #000000; cursor: pointer;}
.onuscPopUp a:hover {text-decoration: none; color: #000000; cursor: pointer;}

.onuscTitle {width: 100%; background: #9EBEF5; height: 15px;}
.onuscTitle td {height: 16px; padding: 0px 5px 0px 6px; cursor: pointer;}
.onuscTitle img {height: 9px; width: 5px}
.onuscTitle th {width: 100%; font-weight: normal; white-space: nowrap;}
.onuscCalendar {width: 120px; margin: 1px 20px 8px 20px;}
.onuscCalendar td {padding: 0; text-align: center;}
td.onuscDay {color: #ACA899; text-align: right; padding-left: 1px; height: 17px; width: 17px; border: 1px solid #FFFFFF;cursor: default;}

/* Commented Backslash Hack hides rule from IE5-Mac, documented at http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
.onuscCalendar {margin: 1px auto 8px auto;}
div.onuscFooter input {font: normal 11px Tahoma, Verdana, Arial, sans-serif; width: 47px; margin: 5px 8px 5px 8px;}
td.onuscDay {color: #ACA899; text-align: right; padding-left: 1px; height: 13px; width: 13px; border: 1px solid #FFFFFF; cursor: default;}
/* End hack */

.onuscDayHeader {padding-right: 3px; font-weight: normal; text-align: right; border-bottom: 1px solid #ACA899;}
td.onuscOtherMonthDay a {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:link {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:visited {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:active {color: #ACA899 !important;cursor: pointer;}
td.onuscOtherMonthDay a:hover {color: #ACA899 !important;cursor: pointer;}
td.onuscSelectedDay {background-color: #FBE694 !important; border: 1px solid #FBE694;}
td.onuscTodayDay {border: 1px solid #BB5503;}
img.onuscButton {vertical-align: top; margin-top: 1px; margin-left: 2px; cursor: pointer; border: 0;}