h1
{
    color:#F58C86;
    font-family:Arial;
}

h2
{
    color: #767676;
}

h3
{
    color: #767676;
}

hr
{
    height: 1px;
    color: #D4D4D4;
    background: #D4D4D4;
    font-size: 0;
    border: 0;
}

a:visited, a:link, a:active
{
    color: #F58C86;
}

body
{
    margin:0px;
    font-family: 'Roboto', sans-serif;
}

.bodyContainer
{
    text-align:center;
    background-color:#f0f0f0;
    /*background: url("/DDCWebsite/Images/bg.jpg") repeat scroll left top #DDDDDD;*/
    /*background: url("https://tympanus.net/Development/Windy/images/bg.jpg") repeat scroll left top #DDDDDD;*/
    background: url("/Images/bg.jpg") repeat scroll left top #DDDDDD;

}

.topBanner
{
    padding-top:50px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    height:369px;
    text-decoration:none;
    text-align:left;
}

.topBanner .color-6
{
    background:none;
}

.topBanner .color-6 .cl-effect-1
{

    position:absolute;
    width:1000px;
    height:30px;
    z-index:10;
    margin-top:15px;
}

.topBanner .color-6 .cl-effect-1 a
{
    font-size:18px;
    margin-right: 15px;
    float:right;
    color:#F58C86;
}

.topBanner .color-6 .cl-effect-1 a:hover
{
    color:White;
}

.cl-effect-1 a {
    transition: color 0.3s ease 0s;
    font-size: 15px;
}



.bannerLogo
{
    margin-top:-40px;
    margin-left:10px;
    height:180px;
    width: 180px;
    z-index:9;
    position:absolute;
}

.topIcons
{
    float:right;
    position:relative;
    margin-top: -55px;
}

.menuContainer
{
    height:30px;
    width: 1000px;
    position:absolute;
    margin-top:15px;
    z-index:10;
}

.menuItem a
{
    transition: color 0.3s ease 0s;
}



.menuItem
{
    float:right;
    width:1000px;
    margin-left:10px;
    width:100px;
    color:#F58C86;
    font-size:large;
    font-family:Arial;
}

.menuItem a
{
    float:right;
    width:1000px;
    margin-left:10px;
    width:100px;
    color:#F58C86;
    font-size:large;
    font-family:Arial;
    text-decoration:none;
}

.middleContainer
{
    background-color:White;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    min-height:1100px;
    width:1000px;
    height:auto;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0, 0.35);
    -moz-box-shadow: 0 0 5px 2px rgba(0,0,0, 0.35);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.35);
}

.middleLeftContainer
{
    float:left;
    width:180px;
    height:auto;
    min-height:1100px;
    background-color:White;
    text-align:left;
    padding:10px;
}
.middleLeftContainer h3
{
    text-align:left;
    margin-left:10px;
}

.classDate
{
    color:#F58C86;
    margin-left:5px;
    position:relative;
    top:-5px;
    font-size:11pt;
}

.classDateImg
{
    margin-left:5px;
}
.classVenueImg
{
    margin-left:25px;
}

.classVenue
{
    color:#777777;
    margin-left:10px; 
    font-size:10pt;
}

.classCode{
    color:#777777;
    margin-left:10px; 
    font-size:10pt;
    display: block;
    text-align: center;

}

.classCount{
    color:#777777;
    margin-left:10px; 
    font-size:10pt;
    font-size: 12px;
}

.classLine{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.registerButton
{
    border: 1px solid #FABFBC;
    color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    height:30px;
    padding-top:10PX;
    text-align:center;
    vertical-align:middle;
    width:170px;
    margin-top:10px;
    background-color: #F58C86;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.middleRightContainer
{
    margin-left: 200px;
    width:798px;
    height:auto;
    min-height:1100px;
    margin-top:-20px;
    position:relative;
    background-color:#F1F1F1;
    border-left-color:#D4D4D4;
    border-left-style:solid;
    border-left-width:1px;
    box-shadow:#D4D4D4 -5px 5px 5px 0;
    -webkit-box-shadow: #D4D4D4 -5px 5px 5px 0;
    -moz-box-shadow: #D4D4D4 -5px 5px 5px 0;
    padding-top:10px;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

.rightContainerLeft
{
    width:549px;
    height:1300px;
    /*margin-left: -249px; */
}

.rightContainerRight
{
    width:248px;
    height:1500px;
    margin-left:549px;
    margin-top:-1350px;
    background-color:#F1F1F1;
    border-left-color:#D4D4D4;
    border-left-style:solid;
    border-left-width:1px;
    border-right: 1px solid #D4D4D4;
    text-align:left;
}

.classLocatorContainer
{
    width: 240px;
    height: 100%;
    margin-left:9px;
}

.awards
{
    color:#777777;
    text-align:left;
    font-size:10pt;
}

.quotes
{
    color: #F58C86;
    font-size:70pt;
    font-family: 'Limelight', cursive;
}
.testimonials
{
    color:#777777;
    text-align:left;
    font-size:10pt;
    margin-top: 30px;
    margin-right:5px;
    position:absolute;
    display:inline;
    width:190px;
}
.testimonialName
{
    float:right;
    color:#F58C86;
    margin-right:10px;
} 

ul .testimonialName
{
    float:right;
    color:#F58C86;
    margin-right:10px;
    margin-bottom: -20px;
} 

.ourClassImage
{
    width: 470px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 225px;
}

.videoContainer
{
    width:470px;
    height:300px;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;
    padding:10px;
    border: 1px solid #D4D4D4;
    background-color:White;
    margin-left: auto;
    margin-right:auto;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}

.imageContainer
{
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    transition: none 0s ease 0s;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;
    width:470px;
    padding:10px;
    border: 1px solid #D4D4D4;
    background-color:White;
    margin-left: 28px;
}

.ourStaffImage
{
    width: 150px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    height: 200px;
}
.staffImageContainer
{
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    transition: none 0s ease 0s;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;
    width:150px;
    padding:10px;
    border: 1px solid #D4D4D4;
    background-color:White;
    margin-left: 28px;
    float:left;
}
.staffContainer
{
    width:550px;
    height:250px;
}
.staffName
{
    color:#F58C86;
    float:left;
    margin-left:15px;
}
.staffText
{
    float:left;
    width:350px;
}

.footer
{
    background-color:rgb(35,31,32);
    height:80px;
    width:100%;
    text-align:center;
}

.footerContainer
{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    color:#9F9F9F;
    font-size:10pt;
}

.footerContainer hr
{
    height: 5px;
    color: #F58C86;
    background: #F58C86;
    font-size: 0;
    border: 0;
    margin-top:10px;
    margin-bottom:10px;
}

.middleRightContainer .rightContainerLeft p, a
{
    color: #777777;
    text-align:justify;
    margin-left:30px;
    margin-right:30px;
    font-size:10pt;
    text-decoration:none;
}

.swMain p, a
{
    margin-left:0px;
    margin-right:0px;    
}


/*
Contact Page 
*/

.mapContainer
{
    width:700px;
    height:400px;
    background-color:White;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;
    border: 1px solid #D4D4D4;
}

.contactFormContainer
{
    width:720px;
    height:300px;
    background-color:White;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:10px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;
    border: 1px solid #D4D4D4;
}

.contactFormSection
{
    width:350px;
    float:left;
}

.contactFormTextBox
{
    width:300px;
    height:30px;
    margin-bottom:10px;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    box-shadow:#D4D4D4 -1px 1px 1px 0;
    -webkit-box-shadow: #D4D4D4 -1px 1px 1px 0;
    -moz-box-shadow:#D4D4D4 -1px 1px 1px 0;
    border: 1px solid #9f9f9f;
    background-color:White;
    color:#595959;
    padding-left:10px;
    padding-right:10px;
}

.sendButton
{
    border: 1px solid #FABFBC;
    color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    height:30px;
    padding-top:0PX;
    text-align:center;
    vertical-align:middle;
    width:170px;
    margin-top:10px;
    background-color: #F58C86;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    float:right;
    margin-right:18px;
}

.contactInfoContainer
{
    width:720px;
    height:250px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

.contactDetails
{
    width: 380px;
    margin-left:10px;
    float:left;
    text-align:left;
}

.contactBuilding
{
    height: 225px;
    width:300px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;
    border: 1px solid #D4D4D4;
    background-color:White;
    padding:10px;
    float:left;
}

.contentTextHeader
{
    color:#595959;
    text-align:left;
    font-size:11pt;
    width:100px;
}

.contactText
{
    color:#777777;
    text-align:left;
    font-size:10pt;
}

/*
About
*/

.mainText
{
    color: #777777;
    text-align:justify;
    margin-left:30px;
    margin-right:30px;
    font-size:10pt;
}

.aboutImageContainer
{
    width:700px;
    height:250px;
    background-color:White;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;
    border: 1px solid #D4D4D4;
}

/*
Classes
*/ 

.registrationButtons
{
    border: 1px solid #FABFBC;
    color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    height:30px;
    text-align:center;
    vertical-align:middle;
    width:150px;
    margin-top:10px;
    background-color: #F58C86;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    float: right;
}

#MainContent_Calendar1
{
    margin-left:auto;
    margin-right:auto;
    background-color:White;
    border: 1px solid #D4D4D4;
    box-shadow: 0 12px 20px -10px rgba(81, 64, 49, 0.6);
    -webkit-box-shadow: 0 12px 20px -10px rgba(81, 64, 49, 0.6);
    -moz-box-shadow:0 12px 20px -10px rgba(81, 64, 49, 0.6);
}

#MainContent_Calendar1 a
{
    text-decoration:none;
    color:Black;
}

#MainContent_Calendar1 a
{
    text-decoration:none;
}


.calendarTooltip
{
    position: relative;
}


.calendarTooltip > div {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    
}

.calendarTooltip .tooltipContent
{
    background-color:white;
    height:auto;
    min-height:100px;
    width:350px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    box-shadow:#D4D4D4 -3px 3px 3px 0;
    -webkit-box-shadow: #D4D4D4 -3px 3px 3px 0;
    -moz-box-shadow:#D4D4D4 -3px 3px 3px 0;    
    border: 1px solid #D4D4D4;
    padding:5px;
    text-align:center;
    z-index:99999999;
}

.calendarTooltip .registrationSelectButton
{
    border: 1px solid #FABFBC;
    color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    height:20px;
    text-align:center;
    vertical-align:middle;
    width:100px;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    background-color: #F58C86;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.calendarTooltip .tooltipContent img
{
    float:left;
    height:100px;
    width:100px;
}

.calendarTooltip .tooltipContent .tipClassVenue
{
    color:#767676;
    font-size:12pt;
    margin-left:5px;
}

.calendarTooltip .tooltipContent .tipClassAddress
{
    color:#767676;
    font-size:8pt;
    margin-left:5px;
    text-align:left;
}

.calendarTooltip hr
{
    height: 1px;
    color: #D4D4D4;
    background: #D4D4D4;
    font-size: 0;
    border: 0;
}

.swMain ul.anchor li a
{
    width:170px;
}

.middleRightContainer .swMain
{
    width:750px;
    margin-left: 25px;
}

.middleRightContainer .swMain ul.anchor li a
{
    width: 172px;
}

.middleRightContainer .swMain .stepContainer div.content
{
    width:738px;
    height:auto;
}

.middleRightContainer .swMain div.actionBar
{
    display:none;
}

.middleRightContainer .swMain .stepContainer
{
    overflow-y:hidden;
    position:static;
}

.middleRightContainer .swMain .stepContainer .StepTitle
{
    z-index:-9;
}

.swMain ul.anchor li a.disabled
{
    z-index:1;
}

.registrationLabel
{
    width:200px;
}

.registrationText
{
    width:400px;
    margin-top:15px;
}

#insuredCOLFIRE
{
}

#insuredOther
{
}


.policy
{
    text-align:justify;
    padding:20px;
    color:#767676;
    font-size:10pt;
}

.RegistrationErrorLabel
{
    color:Red;
}

#Button1, #Button2
{
   display:none;
}

.registrationFowardMessage
{
    float:left;
    margin-top:15px;
    color: #F58C86;
    font-size:12px;
}

#ButtonAnotherPerson, #ButtonEnd
{
    display:none;
}

#loadingBar, #feedbackMesage
{
    display:none;
}

input.watermark, textarea.watermark { color: #777; }
input.marked, textarea.marked { color: #999; }

table tr td
{
    padding:10px;
}