﻿body
{
    background-image: url(Images/Background.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #4f5357;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-family: Verdana;
    font-size: 8pt;
}

.IntroContainer
{
    width: 580px;
    height: 287px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
}

img
{
    border: none;
}

a
{
    text-decoration: none;
}

.Page
{
    width: 734px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    position: relative;
}

/*ul.TopMenuItemsList, ul.BottomMenuItemsList
{
    margin: 0px;
}

ul.TopMenuItemsList
{
    margin-top: 15px;
}

ul.BottomMenuItemsList
{
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
}

ul.TopMenuItemsList li, ul.BottomMenuItemsList li
{
    display: inline;
    font-weight: bold;
    font-size: 9pt;
    font-style: italic;
    color: #cacbcc;
    margin-right: 10px;
}*/

div.MenuBar div, div.MenuBar img
{
    float: left;
}

div.MenuBar
{
    margin-bottom:10px;
    height:22px;
    width:380px;
    margin-left:auto;
    margin-right:auto;
}

div.MenuItemContainer
{
    background-image: url(Images/MenuBarBackground.jpg);
    background-repeat: repeat-x;
    height: 24px;
    font-size:8pt;
    color:#9D0B15;
    padding-left:4px;
    padding-right:4px;
    text-align:center;
}

a.menuItem
{
    color: #9D0B15;
    text-decoration: none;
    display:block;
    padding-top:4px;
}

a.menuItem:hover
{
    color: #9D0B15;
    text-decoration: underline;
    display:block;
}

div.MenuBar
{
    clear:right;    
}

.LogoContainer
{
    width: 734px;
}

.TopImageContainer
{
    position: absolute;
    top: 76px;
    left: 50%;
    margin-left: -367px;
    width: 734px;
    text-align: right;
}

.CentralItemsContainer
{
    background-color: #000000;
    width: 734px;
    border-collapse: collapse;
    border: none;
}

.CentralItemsContainer td
{
    vertical-align: top;
}

td.RightColumn
{
    width: 416px;
    padding-bottom: 10px;
}

.LeftItemContainer
{
    padding-left: 52px;
    padding-top: 39px;
    width: 213px;
}

.RightItemContainer
{
    background-color: #ffffff;
    color: #5a5a5a;
    width: 393px;
    min-height: 329px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 12px;
    margin-top: 75px;
}

p.SectionText
{
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
}

.BottomItemsContainer
{
    width: 734px;
    color: White;
}

.BottomItemsContainer a
{
    color: White;
    text-decoration: none;
}

.BottomItemsContainer a:hover
{
    color: White;
    text-decoration: underline;
}

.AnimatedGalleryContainer
{
    width: 484px;
    float: left;
}

.FooterText
{
    float: right;
    text-align: right;
    margin-right: 3px;
    font-size: 7pt;
    margin-top:15px;
}

.FooterTextAdmin
{
    text-align: center;
    margin-right: 3px;
    font-size: 7pt;
    margin-top:15px;
}

.Bold
{
    font-weight: bold;
}

.EvidenceText
{
    font-style: italic;
    font-weight: bold;
}

.SectionTitle
{
    font-size: 9pt;
    font-weight: bold;
    color: #9d0b15;
    margin-left: 10px;
    margin-bottom: 0px;
    /*font-style: italic;*/
    clear:both;
    text-transform:capitalize;
}

/***** form table styles *****/
td.FormTableLabelContainer
{
    text-align: right;
    padding-right: 10px;
    padding-left: 7px;
}

td.FormTableInputContainer
{
    width: 320px;
    text-align: left;
}

.ContactMessageBodyTextarea
{
    width: 98%;
    height: 100px;
    overflow: auto;
    border: solid 1px #a2a3a3;
    font-family: Verdana;
    font-size: 8pt;
}

.ContactsFormTable input[type="text"]
{
    border: solid 1px #a2a3a3;
}

td.InformationLinkContainer
{
    text-align: center;
    padding-top: 7px;
}

a.InformationLink
{
    font-weight: bold;
    font-size: 8pt;
    color: #9d0b15;
    text-decoration: none;
}

a.InformationLink:hover
{
    text-decoration: underline;
}

.ValidateLabel
{
    color: Red;
    display: none;
}

.ShowValidateLabel
{
    color: Red;
    display: Block;
}

img.captchaImage
{
    width: 80px;
    height: 30px;
}

.alignTop
{
    vertical-align: top;
    padding-top: 5px;
}

/*********** alert control style definition *********/
.CloseAlertPanelButton
{
    color: #646464;
    font-size: 8pt;
    text-decoration: none;
    font-weight: bold;
}

.CloseAlertPanel:hover;
{
    color: #646464;
    font-size: 8pt;
    text-decoration: underline;
    font-weight: bold;
}

.ConfirmAlertPanelButton
{
    color: #9d0b15;
    font-size: 8pt;
    text-decoration: none;
    font-weight: bold;
}

.ConfirmAlertPanelButton:hover
{
    color: #9d0b15;
    font-size: 8pt;
    text-decoration: underline;
    font-weight: bold;
}

.HideAlertPanel
{
    position: absolute;
    width: 350px;
    height: 150px;
    padding: 7px;
    left: 50%;
    margin-left: -175px;
    text-align: center;
    display: none;
    background-color: White;
    border: solid 1px #0075bd;
}

.ShowAlertPanel
{
    position: absolute;
    width: 350px;
    height: 80px;
    padding: 7px;
    text-align: center;
    left: 50%;
    margin-left: -175px;
    display: block;
    background-color: White;
    border: solid 1px #646464;
    z-index: 11;
}

.Alert
{
    position: absolute;
    width: 350px;
    height: 150px;
    left: 50%;
    padding: 7px;
    margin-left: -175px;
    display: block;
    background-color: White;
    border: solid 1px #0075bd;
}

.AlerMask
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-image: url(Images/alertMaskBackground.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
}


/**************** definition of styles for the events template ***********/

img.EventsHeader
{
    margin-left:11px;
    margin-top:11px;
}

div.EventItemContainer
{
    margin-left:10px;
    margin-right:10px;
    margin-top:1px;
    margin-bottom:11px;
    width:712px;
    height:332px;
    background-color:#ffffff;
    padding-top:7px;
}

div.EventsGalleryContainer
{
    margin-left:11px;
    margin-right:11px;
    margin-top:11px;
    margin-bottom:11px;
    height:265px;
    width:690px;
}


/*********** end ******/



/************ lightBoxItem ***********/

#silverlightControlHost
{
  z-index: 70;          
}

.LightBoxMask
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    background-image: url(Images/alertMaskBackground.png);
    background-repeat: repeat;
    text-align:center;
    width: 100%;
    height: 100%;
}

.imageContainer
{
    padding:10px;
    text-align:center;
    background-color:#ffffff;
    width:640px;
    /*height:480px;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:150px;
    z-index: 100;
}

.imageContainer img
{
    cursor:pointer;
    z-index: 100;   
}

.lightBoxCaption
{
    text-align:center;
    font-weight:bold;
    color:Black;
    margin-top:10px;
    margin-left:-10px;
    height:20px;
    background-color:#ffffff;
    z-index: 100;
}

.invisible
{
    visibility:hidden;
}

.visible
{
    visibility:visible;
}

div.CreditsContainer
{
    width:500px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    text-align:center;
    font-style:italic;
    color:#ffffff;
    font-size:7pt;
}

div.CreditsContainer img
{
    margin-left:5px;
    margin-top:3px;
}

/***************** end ******************/
