body { font-size:12px; font-family:arial, helvetica, helv, verdana; left-margin: 12px; }
td { font-size:12px; font-family:arial, helvetica, helv, verdana; }
.fnt11 { font-size:11px; }

.graylink { color:#83919A; }
.graylink: { color:black; }

.navylink { color:#013582; }
.navylink:hover { color:black; }

.subnav { 
	display: none; 

}


.inputbox { font-size:11px; }

.norepeat { background-repeat:no-repeat; }

.indicia { font-size:10px; color:#424D5A; }
.indicia:hover { color:white; }
#d_login {
  display: inline;
  padding-bottom:10px;
}


#d_login .inputbox { 
  width: 140px;  
  height: 15px;
  font-size: 9px;
  margin-bottom: 2px;
}
#d_login label { 
  float: left;
  width: 75px;
  display: inline; 
}

#main_content { padding-left: 20px; padding-top: 10px; }
#main_content h1 { padding-bottom: 10px; }
#main_content ul {
  padding-left: 30px;
}
.hidden { display: none; }

.subhead { font-size: 14px; font-weight: bold; margin-bottom: 10px; }

div.news_item { border: dashed 1px #ebeef2; margin-right: 10px; }
div.news_item:hover { border: dashed 1px #000000; }
.news_headline { font-size: 14px; font-weight: bold; margin: 10px 20px 0 20px; }
.news_category { font-size: 12px; margin: 0 20px 0 20px; }
.news_date { font-size: 12px; margin: 0 20px 10px 20px; font-style: italic; }
.news_introduction { margin: 0 20px 10px 20px; }
.news_readmore { margin: 0 20px 10px 20px; cursor: pointer; }
.news_readmore:hover { text-decoration: underline; }
.news_body { margin: 0 20px 10px 20px;}
div.news_item.active { background-color:#8b959e; border: solid 1px; #000000; }

#main_content p, #main_content ul { padding-bottom: 10px; zclear:both; }

#events_calendar table { background-color: #a4b3bd; border-style: solid; border-width: 2px; border-color:#61686c }
#events_calendar table, #events_calendar td, #events_calendar th{text-align: center;}
#events_calendar th { font-weight: bold; font-size: 11px; border-style: none none solid none; border-width: 1px;}
#events_calendar td {width: 18px; color: #293b46; font-size: 9px;}
#events_calendar a {text-decoration: none; color: #293b46}
#events_calendar img {border: 0}
#events_calendar td.dhoy a {color: #fff;}
#events_calendar td div.calendar_event { font-weight: bold; color: #FFFFFF; cursor:pointer;}
#events_calendar td div.calendar_event:hover { text-decoration: underline; }

#events_calendar_prev { float: left; font-size: 36px; margin: 5px; margin-top: 30px; cursor: pointer;}
#events_calendar { float: left; margin-top: 10px; width: 140px;}
#events_calendar_next { float: left; font-size: 36px; margin: 5px; margin-top: 30px; cursor: pointer}

#events_calendar_prev:hover { font-weight: bold; }
#events_calendar_next:hover { font-weight: bold; }

.event { border-style: none none solid none; border-width: 1px; clear: both; padding-top: 5px; padding-bottom: 10px; margin-left: 20px; margin-right: 20px;  }
.event_name { font-size: 12px; font-weight: bold; margin-left: -20px;}
.event_date { font-style: italic; margin-bottom: 10px; margin-left: -20px;}
.event_description { margin-bottom: 20px; }
.event_details { margin-bottom: 20px; }
.event_details .event_detail label { float: left; width: 100px; font-weight: bold;}
.event_details .event_detail span { float: left; }
.event_details .event_detail { clear: both; }

#registration_button {cursor: pointer; }
#registration { width: 420px; height: 200px;}

#d_userinfo, #d_dialog { display: none; }
#h_firstname, #h_lastname, #h_username { display: inline; }

#introduction { margin-right: 20px; }

.t_box { background-color: #88969f; border-style: solid; border-width: 2px; border-color: #000000; }

.dataTable { border-collapse: collapse; width: 700px; }
.dataTable th, .dataTable td { padding: 2px; }
.dataTable th { text-align: left; font-size: 12px; background-color: #888888; color: #FFFFFF; cursor: pointer; }
.dataTable th:hover { text-decoration: underline; }
.dataTable th.ascending, .dataTable th.descending { font-size: 12px; font-weight: bold; color: #000000; }
.dataTable tr.even { background-color: #CCCCCC; }
.dataTable tr.odd { background-color: #EEEEEE; }
.dataTable tr.even td.sortCol { background-color: #AAAAAA; }
.dataTable tr.odd td.sortCol { background-color: #CCCCCC; }

.displayTable { border-collapse: collapse; }
.displayTable .displayTableRow { clear: both; padding-bottom: 25px; display:inline; }
.displayTable .displayTableRow label { font-weight: bold; float: left; width: 120px; padding-right: 8px; display:inline; clear:both; }
.displayTable .displayTableRow .data, .displayTable .displayTableRow input, .displayTable .displayTableRow select, .displayTable .displayTableRow textarea, .displayTable .displayTableRow > span { float: left; width: 400px; display:inline; }

.displayTableAlt { border-collapse: collapse; }
.displayTableAlt .displayTableRow { clear: both; padding-bottom: 25px; display:inline; }
.displayTableAlt .displayTableRow label { font-weight: bold; float: left; width: 200px; padding-right: 8px; display:inline; }
.displayTableAlt .displayTableRow .data, .displayTableAlt .displayTableRow input, .displayTableAlt .displayTableRow select, .displayTableAlt .displayTableRow textarea, .displayTableAlt .displayTableRow > span {float: left;  display:inline; clear:both; }


#f_login>table { background: url('images/login_bottom.gif') no-repeat; width: 267px; height:81px}
#f_login .login_header { background: url('images/login_top.gif') no-repeat; width: 267px; height: 26;}
#f_login .login_middle { background: url('images/login_middle.gif'); }
#f_login .login_footer { background: url('images/login_bottom.gif') no-repeat; width:267px; height:10px;}

#f_Register .displayTableRow { clear: both; width: 480px; padding-bottom: 22px;}
#f_Register .displayTableRow label { float: left; width: 120px; font-size: 11px;}
#f_Register .displayTableRow input, #f_Register .displayTableRow select { float: left; width:180px; font-size: 11px;}

.registration_status { clear: both; }

.dataform { margin-left: 20px; margin-top: 10px; }
.dataForm .dataField { clear: both; margin-bottom: 3px;}
.dataForm .dataField label { float: left; width: 150px; }
.dataForm .dataField input, .dataForm .dataField textarea, .dataForm .dataField select { float: left; margin-bottom: 3px; width: 400px;}
.dataForm .dataField input.error, .dataForm .dataField textarea.error, .dataForm .dataField select.error { background-color: #FDFFEA; border: 2px solid; }
label.error { margin-left: 5px; color: #FF0000; font-size: 11px; font-style: italic; }

#confirm { height: 110px; }
#d_waiting { display: none; }
.waiting_indicator {
  padding-top: 30px;
  padding-left: 55px;
  padding-right: 55px;
  text-align: center;
  float:left;
}

/* calendar style */
#calendarDiv { display: block; display: none; position: relative; border: 1px solid #777; }
#calendarDiv a { cursor: pointer; cursor: hand; }
#calendar { background: #ddd; clear: both; text-align: center; font-size: 105%; }
#calendar, #linksTable { width: 180px; }
#calendar .calendarHeader { background: #333; border-bottom: 1px solid #444; color: #fff; }
#calendar .weekDaysTitleRow { background: #777; color: #fff; }
#calendar .weekDaysRow { background: #eee; color: #666; }
#calendar .weekDaysCell { color: #000; border: 1px solid #ddd; }
#calendar .weekDaysCellOver { background: #fff; border: 1px solid #777; }
#closeCalender { position: absolute; right: 0; bottom: 100%; margin-bottom: 1px; display: block; padding: 2px; cursor: pointer; cursor: hand; font-size: 60%; letter-spacing: 1px; color: #000; }
#closeCalender:hover { background: #000; color: #fff; }
#linksTable { background: #000; }
#linksTable a { display: block; color: #fff; letter-spacing: 1px; font-weight: bold; font-size: 80%; padding: 2px 5px; }
#linksTable a:hover { background: #ddd; color: #333; }
#prevMonth { float: left; }
#nextMonth { float: right; }
#today { background: #999; }
.js-singleComment { border: 2px solid #ddd; background: #fff; font-size: 1em; width: 600px; }

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;  display: block;
  color: #FFFFFF;
  padding: 0 0;
  text-transform: lowercase;
  text-decoration: none;
}
.nav li img {
	border-width:0;
}

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/25px Arial, Helvetica, sans-serif;  display: block;
  color: #FFFFFF;
  padding: 0 0;
  text-transform: lowercase;
  text-decoration: none;
}
.nav li img {
	border-width:0;
}
#nav-one { font-size: 10px; }

#nav-one li:hover a, 
#nav-one li.sfHover a,
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #3E86D7;
  color: #CCCCFF;	
}


.nav ul {
  background: #3E86D7;
  border-bottom: 1px solid #013582;
  list-style: none;
  margin: 0;
  width: 185px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 41px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #013582;
  border-bottom: 0;
  padding-right: 20px;
  width: 185px;
  white-space: nowrap;
  text-indent: 5px;
}

.nav ul a:hover {
  background: #3E86D7;
  color: #B6C3CC;
}



#searchResults { clear:both; }
#searchResults table tbody td:hover { text-decoration: underline; }
#searchResults table tbody td { cursor:pointer; }

#searchForm { margin:20px; width:550px; float:right; padding-right: 50px; }
#d_advancedSearch { width:550px; color: #333333; text-align:right; font-weight: bold; font-size: 14px; cursor:pointer; }
#d_advancedSearch:hover { text-decoration: underline; }
#d_memberSearch { width:550px; border: dotted 1px #000000; padding: 10px;}

#subnav {
	margin-bottom: 20px;
}

#createfolder:hover, #uploadfile:hover, #deletefile:hover, #deletefolder:hover { cursor: pointer; text-decoration: underline; }
#file_upload_form { display: none; }

.deleteFile:hover, .deleteFolder:hover { cursor:pointer; }
.bold { font-weight: bold; }

#profile_table td { padding-bottom: 10px; padding-right: 10px; }

.memberRow td { vertical-align: top; }

.paging { cursor: pointer; }
.paging:hover { text-decoration: underline; }