body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #999;
    background-image: url(/content/images/footprints_bg.gif);
    background-repeat: no-repeat;
}
body, td, th
{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

h2
{
    font-size: 13pt;
    font-weight: bolder;
    margin: 0px 0px 10px 0px;
    color: #52A532;
}

h2 a:link
{
    font-size: 13pt;
    font-weight: bolder;
    margin: 0px 0px 10px 0px;
    color: #52A532;
}

h2 a:visited
{
    font-size: 13pt;
    font-weight: bolder;
    margin: 0px 0px 10px 0px;
    color: #52A532;
}

h2 a:hover
{
    font-size: 13pt;
    font-weight: bolder;
    margin: 0px 0px 10px 0px;
    color: #52A532;
    text-decoration: underline;
}

h3
{
    font-size: 12pt;
    font-weight: bolder;
    margin: 0px 0px 20px 0px;
    color: black;
}

legend
{
    font-style: italic;
    font-weight: bold;
}

#container
{
    position: absolute;
    width: 806px;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
    left: 50%;
    margin-left: -400px;
    padding: 4px;
    color: #000;
    top: 20px;
}
.shadow1, #shadow1
{
    position: relative;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
    padding: 1px;
    background-color: #747474;
}
.shadow2, #shadow2
{
    position: relative;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
    padding: 1px;
    background-color: #666;
}
.shadow3, #shadow3
{
    position: relative;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
    padding: 1px;
    background-color: #333;
}
#mainpanel
{
    position: relative;
    width: 800px;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
    padding: 0px;
    color: #000;
}
#maintext
{
    position: relative;
    width: 780px;
    z-index: 1;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    background-color: #FFF;
    padding: 10px;
    min-height: 475px;
}
a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #039;
    text-decoration: none;
    font-weight: normal;
}
a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #063;
    text-decoration: underline;
    font-weight: normal; /*background-color: #CFF;*/
}
a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #039;
    text-decoration: none;
}
#virtualtour
{
    position: absolute;
    width: 800px;
    height: 200px;
    z-index: 3;
    background-color: #333;
}
#maincontainer
{
    position: relative;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
    top: 15px;
}
#headercontainer
{
    position: relative;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
}
#footercontainer
{
    position: relative;
    z-index: 5;
    float: none;
    clear: none;
    word-spacing: normal;
    top: 30px;
    color: #666;
    text-align: center;
}
#title
{
    position: relative;
    width: 780px;
    z-index: 1;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    background-color: #CCC;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#title h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #003;
    font-variant: normal; 
    margin-top: 0px;
    margin-bottom: 0px;   
}
#quickJumpKeywords
{
    text-align:right;
    font-size: small;
}
#quickJumpKeywords .keyword
{
    font-weight: bold;
}
#quickJumpKeywords form
{
    display:inline;
}


ul#altHeaderMenu { 
    display:none;
    background-color: #000000;
    list-style:none; 
    margin:0px; 
    padding:0px; 
    border:3px solid #767673;
    border-top: 0px solid #767673;
    overflow:auto; /* makes sure the container fits the floated list-items below */ 
} 

ul#altHeaderMenu li
{ 
    position:relative; /* allows us to set the z-index */ 
    z-index:5; /* raises the z-index of the line item 5 levels all other elements */ 
    margin: 0px; 
    padding: 3px 15px 3px; 
    float:left; /* floats list items to the left, creating a horizontal menu */ 
} 

ul#altHeaderMenu li.backLava 
{ 
    background-color:#005C00; 
} 

ul#altHeaderMenu a
{
    color: #ffffff;
    font-size: .9em;
    text-decoration:none;
}

ul#altFooterMenu { 
    display:none;
    background-color: #9DC8E4;
    list-style:none; 
    margin:0px; 
    padding:0px; 
    border:3px solid #767673;
    border-bottom:0px solid #767673;
    overflow:auto; /* makes sure the container fits the floated list-items below */ 
} 

ul#altFooterMenu li
{ 
    position:relative; /* allows us to set the z-index */ 
    z-index:5; /* raises the z-index of the line item 5 levels all other elements */ 
    margin: 0px; 
    padding: 3px 15px 2px; 
    float:left; /* floats list items to the left, creating a horizontal menu */ 
} 

ul#altFooterMenu li.backLava 
{ 
    
} 

ul#altFooterMenu a
{
    font-weight:bolder;
    font-size: .9em;
    text-decoration:none;
}

.subheading
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003;
}
input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}

textarea
{
    width: 197px;
    margin: 3px 3px 3px 3px;
}

input
{
    margin: 3px 3px 3px 3px;
}

select
{
    margin: 3px 3px 3px 3px;
}

label
{
    font-weight: bold;
}

label.inline
{
    display: inline;
}

/*Used to line up values for a label + display value on detail pages*/
.labelinput label
{
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 5px;
    padding-top: 5px;
}

.labelinput div
{
    padding-top: 5px;
}

.labelinput
{
    clear: both;
    margin-bottom: 2px;
    vertical-align: middle;
}


div.label
{
    float: left;
    width: 150px;
    text-align: right;
    font-weight: bold;
    margin-right: 5px;
}

div.inputsection
{
    clear: both;
    padding: 4px 0px 4px 0px;
}

#logindisplay
{
    text-align: right;
    margin: 0px, 5px, 5px, 5px;
    color: black;
    font-size: 10pt;
    float: right;
    display:inline; 
    padding-left: 10px;
}

#logindisplay input[type="image"]
{
    vertical-align:middle;
}

#logindisplay form
{
    display: block;
}

#logindisplay span
{
    font-weight: bold;
}

#logindisplay input[type="image"]
{
}

#logindisplay input[type="text"]
{
}

#logindisplay a:link
{
    color: #039;
    text-decoration: underline;
    font-size: 10pt;
}

#logindisplay a:visited
{
    color: #039;
    text-decoration: underline;
    font-size: 10pt;
}

#logindisplay a:hover
{
    color: #039;
    text-decoration: none;
    font-size: 10pt;
}

.field-validation-error
{
    color: Red;
}

input.input-validation-error
{
    border-color: red;
    border-style: solid;
    border-width: 2px;
}

select.input-validation-error
{
    border-color: red;
    border-style: solid;
    border-width: 2px;
}

.ViewActionBar
{
    padding: 20px 0px 0px 0px;
}

.TopViewActionBar
{
    padding: 0px 0px 3px 0px;
}


table.StandardGrid, table.StandardGridTable
{
    border: solid 2px #787878;
    border-collapse: collapse;
}

table.StandardGrid th, th.StandardGridHeader, tr.StandardGridRow th
{
    background-color: #527DA9;
    color: White;
    text-align: left;
}

table.StandardGrid th a
{
    color: White;
}

table.StandardGrid td, tr.StandardGridRow td
{
    padding: 2px 2px 2px 4px;
    border: solid 1px #787878;
}

table.nowrap td
{
    white-space: nowrap;
    padding: 2px 5px 0px 0px;
}

table.layoutTable
{
    border: none;
}

table.layoutTable td
{
    border:none;
    vertical-align: top;
}

div.leftColumn
{
    float: left;
    white-space: nowrap;
    width: auto;
    margin-right: 5px;
}
div.rightColumn
{
    float: left;
    white-space: nowrap;
}

/* Begin Event QTip Styles */

div.eventGroup
{
    margin-bottom: 15px;
    font-weight: 700;
}

div.eventGroup H3
{
    margin-bottom: 15px;
}

div.eventItem
{
    margin-bottom: 15px;
    width: 600px;
}
div.eventItem div.eventToolbar
{
    float:right; 
    background-color: #FFF;
    height: auto;
}
div.eventItem div.eventTitle
{
    font-family: Arial, Helvetica, sans-serif;
    vertical-align:top;
    min-height: 30px;
    background-color: #FFF; 
    padding: 4px 4px 4px 4px;
}

div.eventItem div.eventTitle a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

div.eventItem div.eventTitle a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #063;
    text-decoration: underline;
    font-weight: bold;
}

div.eventItem div.eventTitle a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
}

div.eventDetail
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-align: right;
    height: 20px;
    vertical-align: bottom;
}

div.eventTitle img
{
    vertical-align: middle;
}

div.eventDetail img
{
    vertical-align: middle;
}

div.eventItem div.eventToolTip
{
    display: none;
}

/* End Event QTip Styles */

/* Begin Service QTip Styles */

div.ServiceItem
{
    margin-top: 10px;
    min-width: 600px;
}

div.ServiceItem div.ServiceTitle
{
    min-width: 400px;
}

div.ServiceItem div.ServiceTitle a:link
{
    font-size: 12pt;
    font-weight: bold;
}

div.ServiceItem div.ServiceTitle a:hover
{
    font-size: 12pt;
    color: #063;
    text-decoration: underline;
    font-weight: bold;
}

div.ServiceItem div.ServiceTitle a:visited
{
    font-size: 12pt;
    font-weight: bold;
}

div.ServiceItem div.ServiceSubTitle
{
    clear:both
}

div.ServiceItem div.ServiceSubTitle a:link
{
}

div.ServiceItem div.ServiceSubTitle a:hover
{
}

div.ServiceItem div.ServiceSubTitle a:visited
{
}

div.ServiceDetail
{
    font-size: 10pt;
}

div.ServiceItem div.ServiceToolTip
{
    display: none;
}

/* End Service QTip Styles */

/* This style is meant to be used on a block element that needs to stand out */
.emphasis
{
   font-size: larger;
   font-weight: bold;
}

.caption
{
    font-weight: bold;
    font-size: smaller;
}

.hideMeetings
{
    vertical-align:middle;
}


/*Fix for jquery UI datepicker z-order*/
#ui-datepicker-div
{
    z-index: 9999999;
}

/*Fix for jquery timepicker plugin z-order*/
#ui-timepicker-div
{
    z-index: 9999998;
}

.eventTypes
{
    vertical-align: middle;
    font-weight: bold;
    margin-bottom: 10px;
}

.eventTypes span
{
    padding-right: 10px;
}

.eventTypes img
{
    vertical-align: middle;
    margin-left: -5;
}

.eventTypes input
{
    margin-right: -5px;
}