/* Default Values */
/*

purple color: #8052b1
*/

body
{
	margin:8px auto;
	width: 697px;
	font-size: 10pt;
	font-family: Verdana;
}

td 
{
	font-size: 10pt;
	font-family: Verdana;
}

div#topimage{
	margin: 0px; 
	padding: 0px;
}

div#page_content
{
	float: left; 
	margin: 0px; 
	padding: 0px; 
	width: auto; 
	border-left: solid 3px #e8edf1; 
	border-bottom: solid 3px #e8edf1; 
	border-right: solid 3px #e8edf1;	
}

div#topbar{
	float: left; 
	clear: left; 
	margin: 0px; 
	padding: 0px; 
	width: 99.1%; 
	border-left: solid 3px #e8edf1; 
	border-right: solid 3px #a2bccd;	
}

div#topname{
	width: 300px;
	font-family: Verdana;
	float: left;
	padding-left: 4px;
	padding-top: 4px;
}

div#topmenu{
	width: 300px;
	height: 20px;
	padding-right: 4px;
	padding-top: 4px;
	font-size: 9pt;
	text-align: right;
	font-family: Verdana;
	color: #FFF;
	float: right;
	background-image: url(../images/top_menu_bar.jpg);
	background-position: right top; /* horizontal alignment*/
	background-repeat: no-repeat;
}

div#topmenu img {
	vertical-align: middle;
}

div#topmenu a, div#topmenu a:hover{
	font-size: 8pt;
	font-family: Verdana;
	color: #000066;
	text-decoration: none;
	margin: 0 7px;
}

div#mainnav {
	width: 150px;
	padding: 5px;
	float: left;
	clear: none;
	color: #000066;
}

div#mainnav ul {
	visibility: visible;
	list-style-type: none;
	padding: 0px;
	margin-top:3px;
	margin-left: 0px;
}

div#mainnav #menurow 
{
	width: 150px;
	float: left;
	clear: both;
	padding-bottom: 10px;
	background-position: left top; /* horizontal alignment*/
	background-image: url(../images/round_button_inactive.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
}

div#mainnav #menurow:hover {
	width: 150px;
	float: left;
	clear: both;
	padding-bottom: 10px;
	background-position: left top; /* horizontal alignment*/
	background-image: url(../images/round_button_active.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
}

div#mainnav #menurow_active {
	float: left;
	clear: both;
	width: 150px;
	padding-bottom: 10px;
	background-position: left top; /* horizontal alignment*/
	background-image: url(../images/round_button_active.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
}

div#mainnav a
{
	font-family: Verdana;
	font-size: 10pt;
	color: #000066;	
	text-decoration: none;
	padding-left: 1.2em;  /* left text padding */
}


div#content
{
	float: left; 
	width: 515px;
	clear: right;
	padding: 8px 5px 5px 10px;
	font-size: 10pt;
}

div#content a
{
	color: #07076B;
	text-decoration: underline;
}

div#content a:hover
{
	color: #07076B;
	text-decoration: none;
}

div#content a:visited
{
	color: #333d47;
}

div#footer
{
	float: left; 
	width: 678px;
	clear: both;
	padding: 8px 5px 5px 8px;
	border-top: solid 1px #a2bcce;
}

div#footer div#footer_left
{
	width: 200px; 
	float: left;
}

div#footer div#footer_center
{
	width: 300px; 
	float: left; 
	color: #000066;
	font-size: 8pt;
}

div#footer div#footer_right
{
	width: 130px; 
	float: right;
}

div#copyright
{
	float: left; 
	font-size: 8pt; 
	color: #000066;		
}


div#title
{
	padding-top: 5px;
	padding-bottom: 10px;
	color: #000066;
	font-weight: bold;	
}





















#Spacer
{
	clear: both;
}

#PageBody{
  width: 980px;
  font-size: 10pt;
  font-family: Garamond, Verdana;
  margin: 0px;
}

.menu {
  width: 200px;
  font-size: 10pt;
  font-family: Garamond, Verdana;
  margin: 0px;
  clear: left;
  float: left;
}

.ContentBox {
  clear: right;
  float: left;
}

.ContentBox .Title {
  border: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #000066;
	font-weight: bold;	  
}
.ContentBox .Row {
  padding: 2px;
  margin: 2px;
  clear: box;
}

.ContentBox .Row .DateColumn {
  width: 150px;
  display: inline;
}

.ContentBox .Row .TitleColumn {
  width: 546px;
  display: inline;
}
.ContentBox .SubTitle {
  margin: 4px 4px 4px 4px;
  font-weight: bold;
}

.ContentBox .DateRow {
  font-style: italic;
  text-align: right;
  margin: 4px 4px 4px 4px;
}

.ContentBox .ContentRow {
  margin: 4px 4px 4px 4px;
}

.ContentBox .ContentRow .MenuItem {
  width: 100px;
  float: left;
  text-align: center;
}

.ContentBox .ContentRow .Spacer {
  width: 10px;
  float: left;
  text-align: center;
}

.SignUpRow, 
.ContentRow {
  margin: 4px 4px 4px 4px;
  clear: both;
}

.ContentRow .Name {
  float: left;
  width: 230px;
}

.ContentRow .Location {
  float: left;
  width: 100px;
}

.ContentRow .Date {
  float: left;
  width: 75px;
}

.SignUpRow, 
.ContentRow {
  margin: 4px 4px 4px 4px;
  clear: both;
}

.SignUpRow1 {
  margin: 4px 0px 4px 0px;
  padding: 5px;
  clear: both;
}

.SignUpRow0 {
  margin: 4px 0px 4px 0px;
  padding: 5px;
  clear: both;
  background-color: #D6E3EF;
}

.SignUpRow .Chunk {
  float: left;
  width: 100px;
}

.SignUpRow .Chunk_details, .SignUpRow0 .Chunk_details, .SignUpRow1 .Chunk_details {
  float: left;
  width: 70px;
}
.SignUpRow .Chunk_startdate, .SignUpRow0 .Chunk_startdate, .SignUpRow1 .Chunk_startdate {
  float: left;
  width: 100px;
}
.SignUpRow .Chunk_enddate, .SignUpRow0 .Chunk_enddate, .SignUpRow1 .Chunk_enddate {
  float: left;
  width: 100px;
}
.SignUpRow .Chunk_location, .SignUpRow0 .Chunk_location, .SignUpRow1 .Chunk_location {
  float: left;
  width: 142px;
}
.SignUpRow .Chunk_register {
  float: left;
  width: 85px;
}



.SpacerRow {
  float: left;
  clear: both;
  width: 500px;
  text-align: center;
}

.HotelRow {
  width: 692px;
  font-family: Garamond, Verdana;
  text-align: left;
  margin: 4px 4px 4px 4px;
  float: left;
  clear: both;
}

.Hotel {
  width: 214px;
  text-align: left;
  margin: 2px;
  float: left;
}

.HotelSpacer {
  width: 25px;
  float: left;
}

.Header {
  width: 898px;
  text-align: right;
  padding: 10px 5px 10px 5px;
}

.Error {
  color: red;
  font-weight: bold;
  padding: 10px;
}


.formRow {
  width: 500px;
}

.formLabel {
  font-weight: bold;
  width: 190px;
  float: left;
  clear: left;
  margin: 2px 2px 2px 2px;
}

.formInput {
  width: 300px;
  float: left;
  margin: 2px 2px 2px 2px;
}

.container {
  float: left;
  clear: left;
  width: 490px;
  padding-top: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
}

.CheckBox, 
.DropDown {
  margin: 4px;
  width: 500px;
  float: left;
}

.CheckBox .formInput, 
.DropDown .formInput {
  width: 50px;
  float: left;
  clear: left;	
  margin: 2px 2px 2px 2px;
}

.CheckBox .formLabel, 
.DropDown .formLabel {
  font-weight: bold;
  width: 150px;
  float: left;
  clear: none;
  margin: 2px 2px 2px 2px;
}

.FormSubBox {
  width: 500px;
  margin-bottom: 8px;
  padding: 0px;
  float: left;
  clear: both;
}
.FormSubBox .Header {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  padding: 3px;
  border: 0px;
  background-color: #000099;
  color: white;
  font-weight: bold;
  text-align: left;
}

.form,
fieldset,
.LoginForm {
  border: 0px;
  padding: 0px;
  margin: 0px;
  border-style: none;
  clear: none;
}

.SideBox {
  float: left;
  clear: right;
  width: 175px;
  margin: 4px;
}

.RegTable {
  width: 515px;
}

.RegTable .Title {
  width: 200px;
  clear: left;
  float: left;
}
.RegTable .Date {
  width: 100px;
  clear: none;
  float: left;
}
.RegTable .Drop {
  width: 100px;
  clear: none;
  float: left;
}
.RegTable .Confirm {
  width: 100px;
  clear: right;
  float: left;
}

.CourseListing li {
  float: left;
  clear: right;
  width: 650px;
}

//<!-- All the below code is for the Calendar Function. -->

// Month View

.MonthCalendar {
  border-color: #afafaf;
  border-weight: 1px;
  border-style: solid;
  display: table;
}

.MonthCalendar .TitleMonthRow {
  font-weight: bold;
  font-size: 12px;
  display: inline;
  width: 250px;
}

.MonthCalendar .TitleMonthRow .PrevMonth {
  width: 25px;
  text-align: center;
  font-size: 12px;
  float: left;
  clear: left;
  
}
.MonthCalendar .TitleMonthRow .MonthLabelCell {
  width: 140px;
  text-align: center;
  font-size: 12px;
  float: left;
  clear: none;
  
}
.MonthCalendar .TitleMonthRow .NextMonth {
  width: 25px;
  align: center;
  font-size: 12px;
  float: left;
  clear: right;
}

.MonthCalendar .HeaderWeekRow {
  font-weight: bold;
  font-size: 10px;
  display: table;
}

.MonthCalendar .HeaderWeekRow .HeaderDayCell {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  background-color: #cccccc;
  display: table-cell;
}

.MonthCalendar .WeekRow {
  font-size: 10px;
  display: table;
}

.MonthCalendar .WeekRow .DayCell {
  width: 50px;
  height: 50px;
  vertical-align: top;
  text-align: left;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  display: table-cell;
}

.MonthCalendar .WeekRow .Today {
  color: red;
}

// <!--Years-->

.Year {
  width: 600px;
  border-color: black;
  border-weight: 1px;
  border-style: solid;
}

.Year .TitleYearRow {
  width: 600px;
  font-size: 12px;
  font-weight: bold;
  border-color: black;
  border-weight: 1px;
  border-style: solid;
  display: table;
}

.Year .TitleYearRow .PrevYear {
  width: 100px;
  display: table-cell;
}

.Year .TitleYearRow .YearLabelCell {
  font-size: 16px;
  width: 400px;
  text-align: center;
  display: table-cell;
}

.Year .TitleYearRow .NextYear {
  width: 100px;
  display: table-cell;
}

.Year .YearMonthRow {
  width: 600px;
  display: inline;
}

.Year .YearMonthRow .MonthCalendar {
  width: 200px;
  padding: 4px;
}

.Year .YearMonthRow .Active {
  background-color: #99CCFF;
}

.Day {
	width: 215px;
	float: left;
}

.Day .MonthCalendar .TitleMonthRow, 
.Year .YearMonthRow .MonthCalendar .TitleMonthRow {
  width: 200px;
  align: center;
  font-weight: bold;
  font-size: 14px;  
  display: inline;
  clear: both;
}

.Day .MonthCalendar .HeaderWeekRow, 
.Year .YearMonthRow .MonthCalendar .HeaderWeekRow {
  width: 200px;
  align: center;
  font-weight: bold;
  font-size: 14px;  
  display: inline;
  clear: both;
}

.Day .MonthCalendar .HeaderWeekRow .HeaderDayCell,
.Year .YearMonthRow .MonthCalendar .HeaderWeekRow .HeaderDayCell{
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 12px;  
  display: float;
  float: left;
}

.Day .MonthCalendar .WeekRow,
.Year .YearMonthRow .MonthCalendar .WeekRow {
  width: 200px;
  align: center;
  display: inline;
}

.Day .MonthCalendar .WeekRow .DayCell ,
.Year .YearMonthRow .MonthCalendar .WeekRow .DayCell {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  background-color: #FFFFFF;
  display: float;
  float: left;  
}

.Day .MonthCalendar .WeekRow .Active,
.Year .YearMonthRow .MonthCalendar .WeekRow .Active {
  background-color: #d6e3ef;
}

.EventRowDayGroup {
  width: 290px;
  background-color: #000066;
  clear: both;
  margin-bottom: 5px;
  color: #FFF;
  padding: 3px;
  float: left;
}

.EventRowGroup {
  width: 505px;
  background-color: #000066;
  clear: both;
  margin-bottom: 5px;
  color: #FFF;
  padding: 3px;
}

.EventRowDay0 {
  width: 295px;
  background-color: #D6E3EF;
  clear: both;
  float: left;
  clear: both;
}

.EventRowDay1 {
  width: 295px;
  clear: both;
  float: left;
}

.EventRowDay1 li, .EventRowDay0 li {
	clear: none;
	width: 290px;
}

.EventRowDay0 .Event,
.EventRowDay1 .Event {
  valign: top;
  width: 150px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 10px;
  padding-right: 20px;
  float: left;
  clear: none;
}

.EventRowDay0 .Location,
.EventRowDay1 .Location {
  width: 110px;
  padding-top: 2px;
  padding-bottom: 2px;
  float: left;
}







.EventRow0 {
  width: 510px;
  background-color: #D6E3EF;
  clear: both;
  float: left;
  clear: both;
}

.EventRow1 {
  width: 510px;
  clear: both;
  float: left;
  clear: both;
}

.EventRow1 li, .EventRow0 li {
	clear: none;
	width: 510px;
}

.EventRow0 .Event,
.EventRow1 .Event {
  valign: top;
  width: 260px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 10px;
  padding-right: 20px;
  float: left;
  clear: none;
}
.EventRow0 .Event {
  /*background-color: #EEEEEE;*/
}	
.EventRow0 .Location,
.EventRow1 .Location {
  width: 130px;
  padding-top: 2px;
  padding-bottom: 2px;
  float: left;
}
.EventRow0 .Location {
  /*background-color: #EEEEEE;*/
}
.EventRow0 .Details,
.EventRow1 .Details {
  width: 80px;
  padding-top: 2px;
  padding-bottom: 2px;
  float: left;
  clear: right;
}
.EventRow0 .Details {
  /*background-color: #EEEEEE;*/
}