﻿body
{
}
.Logo
{
    background-image: url('Images/main_LogoArea.gif');
    height: 119px;
    width: 838px;
}
.Languages
{
    position: absolute;
    top: 59px;
    left: 655px;
    text-decoration: none;
}
.ContactUs
{
    position: absolute;
    width: 225px;
    height: 26px;
    top: 23px;
    left: 655px;
    color: Black;
}
.ContactUsMenu
{
    text-decoration: none;
    color: White;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Verdana;
    font-size: small;
}
.ContactUsMenu:Hover
{
    color: Yellow;
}
.MainMenu
{
    text-decoration: none;
    font-size: small;
    color: White;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Verdana;
}
.MainMenu:Hover
{
    color: Yellow;
}
.lowerMenuMain
{
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid #cccccc;
    background-image: url('Images/imgBottomOfMenu.gif');
    height: 31px;
    width: 838px;
}
.lowerMenuOther
{
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid #cccccc;
    background-image: url('Images/imgBottomOfMenuOther.gif');
    height: 31px;
    width: 838px;
}
.matrix
{
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0px solid #cccccc;
}
.matrix td 
{
  height: 50px; width: 50px; 
  border: 0px solid #cccccc;
}
.matrix td.cellClientLeft 
{
    background-image: url('Images/imgClientLeft.gif');
}
.matrix td.cellClientRight
{
    background-color: Black;
}

.WelcomeClientArea
{
    background-color: Black;
    height: 251px;
    width: 838px;
}
.WelcomeClientAreaLeftImage
{
    background-image: url('Images/imgClientLeft.gif');
    height: 250px;
    width: 419px;
}
.Welcome
{
    background-color: Black;
    position:  absolute; 
    left: 431px; 
    top: 177px; 
    height: 244px; 
    width: 415px;
    font-family: Verdana;
    /*border: 5px solid #cccccc;*/
}
.WelcomeTitle
{
    border-top: 1px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px;
    border-color: #404040;
    border-style: solid;
    font-size: x-large;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 100px;
    color: #9dbccf;
}
.WelcomeText
{
    font-size: medium;
    text-align: right;
    color: white;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 50px;
}
.WelcomeLink
{
    text-decoration: none;
    color: White;
}
.WelcomeLink:hover
{
    color: Yellow;
}
.MessageArea
{
    position: absolute;
    left: 8px; 
    top: 407px; 
    border-top: 1px none #8d372c;
    border-bottom: 1px none #8d372c;
    border-right: 1px none #8d372c;
    background-color: #8d372c;
    height: auto;
    width: 255px;
    border-left-color: #8d372c;
}
.MessageAreaTitle
{
    margin-left: 10px;
    margin-right: 10px;
    font-size: medium;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    color: white;
}
.MessageAreaTextTitle
{
    border-top: 1px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-color: Gray;
    border-style: solid;
    font-size: medium;
    font-weight: bold;
    text-align: Left;
    color: white;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
.MessageAreaText
{
    font-size: small;
    font-weight: normal;
    text-align: Left;
    color: white;
    padding-top: 2px;
    padding-bottom: 0px;
    margin-left: 20px;
}
.ClientArea
{
    position:  absolute; 
    left: 263px; 
    top: 434px; 
    height: auto;
    width: 583px;
    background-color: White;
}
.ClientAreaTitle
{
    font-family: @MS Gothic;
    font-size: xx-large;
    font-weight: Bold;
    text-align: Center;
    color: #8d372c;
}
.ClientAreaText
{
    padding-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: Verdana;
    font-size: small;
    font-weight: normal;
    text-align: center;
    color: Black;
}
.CopyRight
{
    font-size: x-small;
    text-align: center;
    color: Black;
    padding-top: 15px;
}
.Content
{
    position: absolute;
    width: 818px;
    height: auto;
    background-color: #708fb2;
    top: 176px;
    left: 8px;
    color: White;
    padding-left: 10px;
    padding-right: 10px;
    /*bottom: 186px;*/
}
.ContentTitle
{
    text-align: center;
    font-family: Georgia;
    font-size: larger;
    font-weight: bold;
    color: White;
    padding-top: 5px;
    padding-bottom: 10px;
}
.ContentText
{
    font-family: Verdana;
    font-size: small;
}
.cssTable
{
    border: 1px solid Navy;
    height: auto;
    width: 500px;
    background-color: White;
}
.cssTableRow
{
    height: 22px;
    width: 100%;
    background-color: White;
    padding-top: 5px;
}
.cssTableTD
{
    height: 100%;
    width: 40%;
    background-color: White;
    float: left;
    text-align: right;
    padding-right: 5px;
    margin-left: 0px;
    color: Black;
}
.cssTableHeader
{
    width: 98%;
    height: 14px;
    border-top: 1px;
    border-left: 1px;
    border-bottom: 0px;
    border-right: 1px;
    border-color: Navy;
    border-style: solid;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
    text-align: center;
    font-family: Georgia;
    font-size: larger;
    font-weight: bold;
    color: White;
    margin-top: 0px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
    background-color: Navy;
}
.cssTableButton
{
    width: 99%;
    margin-left: 2px;
    text-align: center;
}
.cssTableCheckBox
{
    width: 98%;
    text-align: center;
    color: Black;
    text-align: left;
    padding-left: 50px;
}
.cssTableUsers
{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
}
.ErrorMsg
{
    color: Red;
    text-align: center;
}
.cssTitle
{
    font-family: Georgia;
    color: White;
    font-weight: bold;
    font-size: Large;
    text-align: center;
}
.FormErrorMsg
{
	border: solid 1px Navy;
    background-color: White;
	width: 46%;
    color: Red;
    text-align: center;
}
.TwoColLayout
{
    height: auto;
    width: 100%
}
.TwoColLayoutTD
{
    float: left;
    width: 48%;
    font-size: smaller;
    font-family: Verdana;
    padding-right: 10px;
}
.TwoColLayOutHeader
{
    font-weight: bold;
    font-size: small;
    padding-bottom: 5px;
}
.TwoColLayOutCaption
{
    font-weight: bold;
    font-size: small;
    color: White;
    padding-top: 10px;
}
.TwoColLayOutContent
{
    margin-left: 5px;
    text-align: justify;
}
.EventsLayout
{
    height: auto;
    width: 100%;
    margin-top: 3px;
    padding-bottom: 10px;
    background-color: Red;
    /*margin-bottom: 400px;*/
}
.EventsLayoutCalendar
{
    float: left;
    width: 75%;
    height: auto;
    font-size: smaller;
    font-family: Verdana;
    background-color: Green;
}
.EventsLayoutDetails
{
    float: left;
    width: 19%;
    height: auto;
    font-size: smaller;
    font-family: Verdana;
    border: solid 1px Black;
    margin-left: 4px;
    color: Black;
    background-color: White;
    padding-top: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-right: 1px;
}
.EventsLayoutDetailsHeader
{
    width: 100%;
    font-weight: normal;
    font-size: Small;
    text-align: center;
    background-color: #333399;
    color: White;
}
.EventsLayoutButtons
{
	float: none;
	width: 100%;
    text-align: left;
}
.VideoLayout
{
    height: auto;
    width: 425px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.VideoTitle
{
    width: 100%;
    font-size: small;
    font-weight: bold;
    text-align: center;
    color: White;
    border: solid 1px Navy;
    background-color: Navy;
}
.TwoColVideo
{
    height: auto;
    width: 100%
}
.TwoColVideoTD
{
    float: left;
    width: 55%;
    font-size: smaller;
    font-family: Verdana;
    padding-right: 10px;
}
.TwoColVideoTD2
{
    float: left;
    width: 42%;
    font-size: smaller;
    font-family: Verdana;
    padding-right: 10px;
}
.TwoColVideoHeader
{
    font-weight: bold;
    font-size: small;
}
.TwoColVideoCaption
{
    font-weight: bold;
    font-size: smaller;
    color: White;
}
.TwoColVideoContent
{
    margin-left: 5px;
    text-align: justify;
}
.VideoContent
{
    float: none;
}
.InputForm
{
    margin-top: 10px;
    height: 200px;
    width: 100%;
    background-color: Green;
}
.InputFormRow
{
    width: 100%;
    height: 40px;
    background-color: Red;
}
.InputFormPrompt
{
    float: left;
    width: 44%;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}
.InputFormField
{
    float: left;
    width: 44%;
    text-align: left;
    padding-bottom: 10px;
}
.Note
{
	width: 100%;
	font-size: small;
	font-style: italic;
    color: Navy;
    text-align: center;
}
.POCUserMasterContent
{
	/*
	position: absolute;
	top: 150px;
	*/
    width: 900px;
    height: auto;
    background-color: Navy;
    top: 176px;
    left: 8px;
    color: White;
    padding-left: 10px;
    padding-right: 10px;
    /*bottom: 186px;*/
}
.POCUserContentMasterTitle
{
    text-align: center;
    font-family: Georgia;
    font-size: larger;
    font-weight: bold;
    color: White;
    padding-top: 5px;
    padding-bottom: 10px;
}
.POCUserContent
{
    position: absolute;
    width: 900px;
    height: auto;
    background-color: #708fb2;
    top: 72px;
    left: 8px;
    color: White;
    padding-left: 10px;
    padding-right: 10px;
}
.POCUserContentTitle
{
    text-align: center;
    font-family: Georgia;
    font-size: larger;
    font-weight: bold;
    color: White;
    padding-top: 5px;
    padding-bottom: 10px;
}
.POCUserContentText
{
    font-family: Verdana;
    font-size: small;
}
.Success
{
	width: 100%;
	font-size: small;
	font-style: italic;
    color: Green;
    text-align: center;
}
.ErrorMsgWIDE
{
	width: 100%;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
    color: White;
    text-align: center;
    height: auto;
}
.CalendarArea
{
	margin-left: 1px;
	height: 400px;
	width: 100%;
	background-color: #708fb2;
	float: none;
	padding-right: 2px;
}
.CalendarRow
{
	width: 100%;
	height: auto;
	background-color: Black;
}
.CalendarTD
{
	float: left;
	width: 70%;
	background-color: Maroon;
}
.CalendarTDDetails
{
	float: left;
	width: 29%;
	margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
	background-color: #708fb2;
}
.CalendarTDDetailsHeader
{
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	border: solid 1px White;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: small;
	font-weight: bold;
	background-color: Navy;
}
.CalendarTDEvent
{
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	border: solid 1px White;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: small;
	font-weight: bold;
	background-color: Gray;
}
.CalendarTDEventDetails
{
	text-align: left;
}
.CalendarTDEventDetailsTable
{
	height: auto;
	width: 99%;
	background-color: #708fb2;
	float: none;
	margin-left: 1px;
	padding-left: 1px;
}
.CalendarTDEventDetailsTableRow
{
	width: 100%;
	height: auto;
	background-color: #708fb2;
}
.CalendarTDEventDetailsTableTDPrompt
{
	float: left;
	width: 30%;
	background-color: #708fb2;
}
.CalendarTDEventDetailsTableTDField
{
	float: left;
	width: 68%;
	background-color: #708fb2;
}
.CalendarTDEventDetailsTableButtons
{
	float: none;
	width: 100%;
	text-align: center;
}
.CalendarErrorMsg
{
	width: 100%;
	background-color: White;
	color: Red;
	text-align: center;
	font-size: smaller;
}
.CalendarButtons
{
	float: right;
	width: 100%;
	height: 30px;
	background-color: Yellow;
    text-align: right;
}
.PublicEventsLayout
{
    height: auto;
    width: 100%;
    margin-top: 3px;
    padding-bottom: 10px;
    background-color: #708fb2;
    /*margin-bottom: 400px;*/
}
.PublicEventsLayoutCalendar
{
    float: left;
    width: 75%;
    height: auto;
    font-size: smaller;
    font-family: Verdana;
    background-color: Green;
}
.PublicEvent
{
	position: absolute;
	top: 3px;
	left: 622px;
	border: solid 1px Navy;
	width: 212px;
	height: auto;
	background-color: red;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: smaller;
}
.PublicEventHeader
{
	border: solid 1px White;
	width: 100%;
	height: 16px;
	background-color: Navy;
	text-align: center;
	font-weight: bold;
}
.PublicEventDetails
{
	position: absolute;
	top: 18px;
	left: 0px;
	width: 100%;
	height: auto;
}

.Event
{
	position: absolute;
	top: 1px;
	left: 642px;
	border: solid 1px Navy;
	width: 273px;
	height: auto;
	background-color: Silver;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: smaller;
}
.EventHeader
{
	border: solid 1px White;
	width: 100%;
	height: 16px;
	background-color: Navy;
	text-align: center;
	font-weight: bold;
}
.EventDetails
{
	width: 100%;
	height: auto;
	/*background-color: Red;*/
}
.EventButtons
{
	width: 100%;
	height: 25px;
	text-align: center;
    /*background-color: Green;8?
}
.EventTable
{
	/*background-color: Black;*/
	width: 100%;
	height: auto;
	border: sold 1px Red;
}
.EventTableRow
{
    height: 22px;
    width: 100%;
    padding-top: 5px;
    /*background-color: Green;*/
}
.EventTablePrompt
{
	float: left;
	width: 30%;
	/*background-color: Navy;*/
}
.EventTableField
{
	float: left;
	width: 68%;
	/*background-color: Fuchsia;*/
}
.EventErrorMsg
{
	color: Red;
}
.Confirm
{
	width: 100%;
	text-align: center;
	color: White;
	font-weight: bold;
}
.MemberAreaTitle
{
	font-size: x-large;
	text-align: center;
	background-color: Silver;
	width: 626px;
    border: inset 2px Navy;
    color: Navy;
}
.MessageTitle
{
	padding-top: 10px;
	font-weight: bold;
	text-align: left;
	font-size: large;
}
.MessageContent
{
	margin-left: 5px;
	text-align: justify;
}
.MessageContentTitle
{
	font-weight: bold;
	text-align: left;
	font-size: large;
}
.MessageSignature
{
	text-align: left;
	font-style: italic;
	font-size: large;
	padding-top: 15px;
}
.NotAvailable
{
	text-align: center;
	color: Yellow;
	font-size: x-large;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.Layout2Cols
{
	width: 100%;
}
.Layout2ColsRowHeader
{
	font-size: large;
	font-weight: bold;
}
.Layout2ColsRow
{
    height: auto;
    width: 100%;
    padding-top: 5px;
}
.Layout2ColsTD
{
	width: 47%;
	text-align: justify;
	margin-left: 5px;
}
.DirectionArea
{
    height: auto;
    width: 450px;
    background-color: #708fb2;
    text-decoration: none;
}
.Directions
{
    margin-top: 10px;
    border: solid 1px white;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}    
.DirectionsRow
{
    height: 22px;
    width: 100%;
    /*background-color: White;*/
    padding-top: 5px;
}
.DirectionsTD
{
    color: White;
    float: left;
    width: 35%;
    margin-bottom: 5px;
}
.DirectionsTitle
{
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: White;
    background-color: Navy;
}
.DirectionsButtons
{
    padding-top: 10px;
    text-align: center;
}
.DirectionMap
{
    margin-top: 5px;
    border: solid 1px white;
}