/*

Table of Contents

1. Global
2. Header
3. Nav
4. Breadcrumbs
5. Middle (Features, etc)
6. Footer
7. Other Stuff (Date)

------------------------------------------------------------------------
1. Globals
------------------------------------------------------------------------
*/

@font-face {
    font-family: 'Gotham-Light';
    src: url('/CSS/fonts/Gotham-Light.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Bold';
    src: url('/CSS/fonts/Gotham-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('/CSS/fonts/Gotham-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Book';
    src: url('/CSS/fonts/Gotham-Book.woff') format('woff');
}
@font-face {
    font-family: 'Gotham-Black';
    src: url('/CSS/fonts/Gotham-Black.woff') format('woff');
}
/*@font-face {
    font-family: 'Whitney-Medium';
    src: url('/CSS/fonts/whitney-medium.woff') format('woff');
}*/

        .clear 
        {
            
            clear:both;
            
            }

        h1 {
                   font-size: 36px;
                   color: #00ACA1;
                   font-family: 'Gotham-Light', Fallback, sans-serif;
                   margin-bottom: 30px;
                   text-transform:uppercase;
                   line-height:50px;
                   letter-spacing:2px;
        }

        
        h2 {
            
            font-size: 1.8em;
                   font-family: 'Gotham-Light', Fallback, sans-serif;
            color: #003745;
            line-height:1.2em;
            margin-bottom: 1.3em;
        }
        
        h3 {
            
            font-size: 20px;
            font-weight: bold;
                   font-family: 'Gotham-Light', Fallback, sans-serif;
            color: #8A7967;
            margin-bottom: 1.0em;
            line-height: 1.4em;
        }        
        
        h4 {
            color: #003745;
            font-size: 1.8em;
            font-family:'gotham-light';
            margin-bottom: 1.0em;
            line-height:1.4em;
            
        }
        
        h5 {
            
             font-size: 1.2em;
            font-weight: bold;
                   font-family: 'Gotham-Light', Fallback, sans-serif;
            font-style: italic;
            margin-bottom: 1.0em;
            
        }
        
        h6 {
            
            font-size: 1.0em;
            font-weight: bold;
            font-style: italic;
                   font-family: 'Gotham-Light', Fallback, sans-serif;
            margin-bottom: 1.0em;
            
        }
        h7 {
                   font-family: 'Gotham-Light', Fallback, sans-serif;
            font-weight: normal;
            font-size: 1.6em;
            color: #003745;
            padding: 0px;
            margin: 0px 0px 10px 0px;
            }
        
        blockquote {
            padding:19px;
            background-color: #a6dad4;
            margin-bottom: 1em;
            width: auto;
            display: inline-block;
        }
        
	body {
		        line-height: 30px;
                font-family: 'Open Sans', sans-serif;
                background-color: #003745;
                color:#003745;
                font-size: 1em;
	}

    #content p, #content ul, #content ol {font-family:'Open Sans';}
	
        a, a:link, a:visited {
            
              text-decoration: none;
              color: #ee9627;
              border-bottom: thin solid transparent;
            
        }
        p a:active, p a:focus, p a:hover, #content a:hover, #content a:focus, #content a:active {
          border-bottom-color: #ddd;
        }
        .slider {background:#fff;}
        .sliderImg {max-width:100%; margin:0 auto;}
        .sliderImg img {box-shadow:0 0 11px -2px #000; width:100%;}
        #content #breadcrumbs a:hover {border-bottom-color:transparent; color:#C1D72E; transition: ease .3s;}
        
       /*.message-box {
           display:none;
    }*/    
    
       input[type="checkbox"] {
           display:none;
       }
       input[type="checkbox"] + label {
        display:inline-block;
        height:24px;
        padding-left:30px;
        background:url(../Images/UnCheck.png) no-repeat;
        cursor:pointer;
       }
       input[type="checkbox"]:checked + label {
            background:url(../Images/Check.png) no-repeat;
        }

       div.formTable input[type="text"], div.formTable select, .inputRow input {
           width:100%;
           border:0;
           background:#eee;
           padding:15px;
           border-radius:3px;
           font-family:'gotham-light';
       }

       article #ctrlLogin, #ctrlReset {border:0; width:300px; padding:0;}
       #ctrlLogin .inputRow a {float:right;}
       .requiredtd {float:left;}
       .WorkAddressContainer {margin-top:10px;}
       .table-row {margin-bottom:10px; width:70%;}
       div.formTable {
           color:#8A7967;
       }
       #content .progressIndicator img {margin:0 0 30px;}

       .calloutBox {
           float: right;
              width: 125px;
              font-size: 12px;
              color:#003745;
              background: #eee;
              padding: 15px;
              position: relative;
              top: 22px;
       }

    .side 
    {
        
        float: right;
        width: 175px;
        
        }
        
/*
------------------------------------------------------------------------
2. Header
------------------------------------------------------------------------
*/
        
        
        #logo {
            padding: 18px;
            padding-bottom: 10px;
            padding-left:60px;
            float:left;
                    }
        
        #logo img {
            
            text-align: center;
            box-shadow: 0 0 8px -3px #ccc
            
        }
        
         .row-menu {
            max-width: 1140px;
            position: relative;
        }
        
        .row-menu {
            width: 100%;
            max-width: 1000px;
            min-width: 755px;
            margin: 0 auto;
            }
        
            #header {
                background-color: #eee;
                display: block;
                height: 90px;
            }    
            
        #header-features {
            position: relative;
            margin:0 auto;
            padding:0;
            width: 1000px; 
        }
        
        #header-features li {
            
            padding-top:20px;
            display: block;
            float: left;
            width:250px;
            text-align:center;
            color:#668F87;
            font-size:1em;
            font-family:'Open Sans', sans-serif;
            
        }
            #header-features li p {font-family:'Open Sans', sans-serif; font-size:1em; color:#668F87;}
        
        #header-features h1 {
            margin:0 0 20px;
            padding-top: 80px;
            text-align: center;
            color: #003745;
            font-size: 1.3em;
            background-repeat: no-repeat; 
            line-height:24px;
        }
        
        #header-features h1:hover {
            opacity: 0.8;
        }
        
        #header-features h1 a {
            text-decoration: none;
            color: #003745;
            display: block;
            font-family: 'Gotham-Light', Fallback, sans-serif;
        }
            #header-features h1 a:hover {
            text-decoration: none;
        }
       
        #header-features .feature1 h1 {
            
            background-image: url(/images/BookstoreQuicklink.png);
            background-position:center top;
            
        }
        
        #header-features .feature2 h1 {
            
            background-image: url(/images/DonateQuickLink.png);
            background-position:center top;
            
        }
        
        #header-features .feature3 h1 {
            
            background-image: url(/images/MembersOnlyQuickLink.png);
            background-position:center top;
            
        }
        
        #header-features .feature4 h1 {
            
            background-image: url(/images/VisitAlbertaMuseums.png);
            background-position:center top;
            
        }
        
        #header-features p {
            
            font-size:0.9em;
            padding: 0 15px 20px;
            
        }
        
        #header-features span.larger {
            
            font-size:1.1em;
            color: #003745;
            padding-left: 23px;
            display: block;
        }

        #social-shop {
            position:absolute;
            right:0;
            top:-15px;
        }
        ul.social {padding-top:40px;}
        ul.social li {list-style-type:none; float:left; margin:0 5px;}
        div.socialEmbed.twitter iframe {width:230px!important;}
            #social-shop > a img:hover{
                transition:ease .3s;
                opacity:0.5;
            }
                #shoppingCart {
                    position:relative;
                    top:63px;
                    margin-left:20px;
                }
                #social-shop .shopCartIcon {
                    background-image: url('/Images/ShoppingCartHeader.png');
                    width:82px; 
                    height:82px;
                    display:inline-block;
                    position:relative;
                    top:25px;
                    margin-left:20px;
                    }

                    .shopCartIcon > a {
                          display: block;
                          width: 100%;
                          height: 100%;
                          position: relative;
                    }
                /**shopcart icon for mobile**/
                .shopCartIcon.mobile {
                    background-image: url('/Images/ShoppingCartHeader.png');
                    width:82px; 
                    height:82px;
                    display:inline-block;
                    position:absolute;
                    bottom:0;
                    right:0;
                    /*top:65px;
                    margin-left:20px;*/
                    }
                .shopCartIcon.mobile > a {
                          display: block;
                          width: 100%;
                          height: 100%;
                          position: absolute;
                    }
/*
------------------------------------------------------------------------
3. Nav Elements
------------------------------------------------------------------------
*/        
        
        #menu {
            clear: both;
            height: 57px;
            background-color: #003745;
            color: white;
            text-transform: uppercase;
            position: relative;

        }
        .socialEmbed {
            background-color: whitesmoke;
            display: none;
            position: absolute;
            margin-left: -100px;
            z-index: 9999;
        }
        li:hover .socialEmbed {
            display: block;
        }
        #gradBorder {
            height:10px;
            clear:both;
            background: #bbd02e; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiZDAyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2MwZDYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I5Y2YyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2FjYmYyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWFiMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTlhYjI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
            background: -moz-linear-gradient(top,  #bbd02e 0%, #c0d62f 25%, #b9cf2d 51%, #acbf29 76%, #99ab25 100%, #99ab25 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbd02e), color-stop(25%,#c0d62f), color-stop(51%,#b9cf2d), color-stop(76%,#acbf29), color-stop(100%,#99ab25), color-stop(100%,#99ab25)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #bbd02e 0%,#c0d62f 25%,#b9cf2d 51%,#acbf29 76%,#99ab25 100%,#99ab25 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #bbd02e 0%,#c0d62f 25%,#b9cf2d 51%,#acbf29 76%,#99ab25 100%,#99ab25 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #bbd02e 0%,#c0d62f 25%,#b9cf2d 51%,#acbf29 76%,#99ab25 100%,#99ab25 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #bbd02e 0%,#c0d62f 25%,#b9cf2d 51%,#acbf29 76%,#99ab25 100%,#99ab25 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd02e', endColorstr='#99ab25',GradientType=0 ); /* IE6-8 */
        }

        #nav li:first-child {margin-left:0;}
        #nav li:last-child {margin-right:0;}
        #nav > li > a {
            text-decoration: none;
            color: white;
            text-transform: uppercase;
            padding:0 18px;
            display:block;
            font-family:"Gotham-Light", fallback, sans-serif;
        }
        
        #nav > li {
            
            height: 57px;
            line-height: 3.5em;
            margin:0 2px;
        }
        
        #nav li:hover {

            
            
        }
        
        #nav .dir ul {
            
            border-top: transparent solid 10px;
            width: auto;
            box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.37);
        }

.arrow_box {
	position: relative;
	background: #fff;
    top:11px;
    display:none;
}
#nav > li:hover > a + ul + .arrow_box, #nav > li > a + ul:hover + .arrow_box {
    display:block;
    transition:all .3s ease-in;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
        
        #nav .dir ul li{
            background-image: url(/Images/DesktopArrowRightGreen.png);
            background-repeat: no-repeat;
            background-position: 20px center;
            height: auto;
            min-height: 38px;
            color: #003745;
            width: 200px;
            padding-left: 32px;
            background-color: #FFFFFF;
            
        }
        
        #nav .dir ul li ul {
            
            margin-top:-11px;
            margin-left: 2px;
        }
        #nav .dir ul li ul li {
            
            background-image: url('/Images/DesktopArrowRightBrown.png');
            background-repeat: no-repeat;
            background-position: 20px center;
        }
        
        #nav .dir ul li a{  
            line-height: 1em;
            color: black;
            width: 150px;
            text-transform: none;
            min-height: 10px;
            display: block;
            padding:10px 20px;
        }
        
        #nav .dir ul li a:hover {
           color:#00ACA1;
        }
         #nav .dir ul li li a:hover {
           color:#EE9627;
        }
        
        #searchform {
            position:relative;
            margin-top: 14px;
            background-image: url(/images/searchbar-bg.png);
            float: left;
            background-repeat: no-repeat;
            width:228px;
            height: 27px;
        }
        
        #s {
            position:absolute;
            top:0;
            left:0;
            width: 190px;
            background: none;
            border: none;
            padding:4px;
            font-family: Georgia, serif;
            color: #757575;
            font-style: italic;
        }
        
        #searchsubmit {
            padding:8px;
            position:absolute;
            top:0;
            right:0;
            
        }
        
        
        
        
/*
------------------------------------------------------------------------
4. Breadcrumbs
------------------------------------------------------------------------
*/
        
        #breadcrumbs {
            margin-bottom: 38px;
            width:100%;
            position:relative;
            }
        
        #breadcrumbs img {
            
            float:left;
            margin-right: 16px;
        }
        
        #breadcrumbs ul {
            font-size: 0.8em;
            list-style: none;
            margin:0;
            padding:0;
        
            display: inline-block;
            position: absolute;
            left: 0;
}
        
        #breadcrumbs li {
              float: left;
              text-transform: uppercase;
              font-size: 14px;
            }
        
        #breadcrumbs a {
            
            color: #003745;
            text-transform: uppercase;
            text-decoration:none;
            /* float:left; */
            display: inline-block;
            font-size:14px;
            position:relative;
            z-index:99;
            vertical-align: top;
            /* float: left; */
}
        
/*
------------------------------------------------------------------------
5. Middle Content
------------------------------------------------------------------------
*/

        .price 
        {
            
            font-size: 30px;
            font-family:'gotham-medium';
            color: #000;
            
            }

         a.button,
         a.create, input.button
         {
              font-size: 14px;
              border-radius: 3px;
              background-color: #C1D72E;
              padding: 10px 15px;
              width:165px;
              text-align:center;
              line-height:22px;
              margin: 10px 0;
              display: inline-block;
              font-family: gotham-medium;
              color: #003745;
              text-transform: uppercase;
              text-decoration: none;
              box-shadow: 2px 2px 5px -2px #000;
              -webkit-transition: all .3s ease;
              transition: all .3s ease;
              border:0;
              cursor:pointer;
        }
        
        a.viewDetails {width:275px;}
        a.removeBtn {float:right; padding:10px 10px 10px 20px; background:url('../Images/Remove.png') no-repeat 20px center #C1D72E;}
        a.addToCart {float:right; padding-left:30px; background:url('../Images/Register.png') no-repeat 20px center #C1D72E; position:relative;}
        a.goBackBtn {width:225px;}
        a.createAccountBtn {width:300px;}

        .fullEvent {
              color: #003745;
              font-weight: bold;
              clear: right;
              position:relative;
              top:-15px;
              float: right;
              width: 75px;
              background: #EE9627;
              padding: 25px 15px;
              font-size: 14px;
              text-transform:uppercase;
              font-family:"gotham-medium";
              text-align: center;
              border-radius: 3px;
              box-shadow: 1px 1px 4px -1px #000;
        }
        .almostFullEvent {
              color: #003745;
              font-weight: bold;
              clear: right;
              position:relative;
              top:-15px;
              float: right;
              width: 100px;
              background: #EE9627;
              padding: 25px 15px;
              font-size: 14px;
              text-transform:uppercase;
              font-family:"gotham-medium";
              text-align: center;
              border-radius: 3px;
              box-shadow: 1px 1px 4px -1px #000;
        }
        .homeAlmostFullEvent {
              color: #003745;
              font-weight: bold;
              clear: right;
              position:relative;
              top:-15px;
              float: right;
              width: 190px;
              background: #EE9627;
              padding: 10px;
              font-size: 14px;
              text-transform:uppercase;
              font-family:"gotham-medium";
              text-align: center;
              border-radius: 3px;
              box-shadow: 1px 1px 4px -1px #000;
        }
        .listingAlmostFullEvent {
              color: #003745;
              font-weight: bold;
              clear: right;
              position:relative;
              top:-15px;
              float: right;
              width: 190px;
              background: #EE9627;
              padding: 10px;
              font-size: 14px;
              text-transform:uppercase;
              font-family:"gotham-medium";
              text-align: center;
              border-radius: 3px;
              box-shadow: 1px 1px 4px -1px #000;
        }

        .TblHead {width:90%}
        .tableHeader {float:left;}
        .tableHeaderRight {float:right;}
        .docTitle {float:left; width:330px}
        .docYears {padding-left:20px; float:right;}

        #shopCartItems h1, h2.cartItems {padding-left:15px;}

        
        input.ui-button,
        .ui-state-default, 
        .ui-widget-content .ui-state-default, 
        .ui-widget-header .ui-state-default, 
        button cmdPurchase ui-button ui-widget ui-state-default ui-corner-all
        {
            background: none;
            font-size: 14px;
            border-radius: 10px;
            border-top-left-radius: 0px;
            border-bottom-right-radius: 0px;
            background-color: #ee9627;
            border:0;
            padding: 13px;
            margin: 6px;
            display: inline-block;
            color: #003745;
            text-decoration: none;
            cursor: pointer;
        }
    
        a.button:hover,
        a.create:hover,
        input.button:hover 
        {
            background-color: #a8bc24;
        }
    
        a.registerBtn {display:none;}
        #content a.registerBtn {
          display: inline-block;
          float: right;
          padding-top: 60px;
          width: 75px;
          position: relative;
          top: -15px;
        }
        #content .date {  
            position: relative;
              float: right;
              top: 0;
              margin: 0;

        }
       /* a.left,
        input.left,
        input[type=submit].left,
        input[type=button].left {
            padding-left: 24px;
            background-image: url(/images/arrow-left.png);
            background-repeat: no-repeat;
            background-position: 5% 0px;
        }
        
        a.right,
        input[type=submit].right,
        input[type=button].right {
            padding-right: 24px;
            background-image: url(/images/arrow-right.png);
            background-repeat: no-repeat;
            background-position: 95% 1px;
        }
        
         a.small {
            font-size: 10px;
            border-radius: 10px;
            border-top-left-radius: 0px;
            border-bottom-right-radius: 0px;
            background-color: #ee9627;
            padding-top: 4px;
            padding-bottom: 4px;
            margin: 4px;
            display: inline-block;
            color: #003745;
            text-decoration: none;
            background-position: 95% -5px;
        }*/
        
        #middle 
        {
        
            background:white;
            
            }
        
        
        /*#middle .row{
            background:#bbb;
        }*/
        
        #homemiddle 
        {
            
            padding-bottom: 50px;
            background-color:white;
            
            }
        
        #homemiddle a.button 
        {

        }
        
        #homemiddle .row{

            margin-top: 38px;
            background-repeat: repeat-y;
            
        }
       
        #homemiddle h1 {
            
            background-image: url(/images/home-header-large.png);
            background-repeat: no-repeat;
            background-position: left top;
            max-width: 753px;
            height: 76px; 
            font-size: 1.6em;
            line-height: 2.4em;
            padding-left: 1em;
            margin-bottom:0;
        }
        
         #secondaryfeatures div.features {
             position: relative;
             background-color: white;
             min-height: 300px;
             margin-bottom: 3em;
            
                -moz-border-bottom-left-radius: 15px;
                border-bottom-left-radius: 15px;

         }


          .shopCartIndicator {
                position: absolute;
                  width: 100%;
                  padding: 0;
                  margin: 0;
                  left: 0;
                  bottom: -20px;
                  background: #A6DAD4;
                  border-radius: 0 0 3px 3px;
                  z-index: 1;
                  box-shadow: 2px 1px 5px -2px #000;
          }

          a.button.memberships {
              width:225px;
          }
            a.button.printPDF {
                width: 28px;
                text-align: center;
                padding: 0px 10px 9px;
                display:inline-block;
                margin-left: 20px;
            
                margin-top: 0px;
                position: relative;
                top: 2px;
}
            a.button.printPDF img {margin:0!important; /* height:16px; */position: relative;top: 8px;}

         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie10, ie11+ */

            #social-shop {
                position: absolute;
                right: 0;
                top: -15px;
            }
            #social-shop .shopCartIcon {
                background-image: url('/Images/ShoppingCartHeader.png');
                width: 82px;
                height: 82px;
                display: inline-block;
                position: relative;
                margin-left: 20px;
            }

            }

         .memberErrors {margin-bottom:30px; border:0;}

         #breadcrumbs ul li a {padding-right:5px; z-index:2;}
         #breadcrumbs ul > li > a:first-child {margin-left:53px;}
         #mainfeature div.eventsArea {float:right; width:32.75%;}
         ul.eventlist li {background:#eee; border-radius:3px; margin-bottom:2.4em; padding:20px 20px 0; list-style:none;}
         #content ul.eventlist li {padding:40px 40px 20px;}
         #content ul.eventlist .eventnav a  {margin-top:35px; width:300px;}
         #content ul.eventlist .eventnav a.registerBtn {margin-top:0; width:75px; background-image:url('../Images/Register.png'); background-position:center 20px; background-repeat:no-repeat;}
        
         #latestnews {
             font-size: 1em;
             position:relative;
             padding-bottom: 1em;
             margin-bottom: 3em;
             background-color: white;
             -moz-border-bottom-left-radius: 15px;
            border-bottom-left-radius: 15px;
             
         }
         #latestnews h4 {
             margin-top:1em;
         }

         a.goBack {
             padding:10px 0;
             width:100%;
         }
         
         #latestnews h2, #productlist h2, #shopCartItems h1 {
            color: #00aca1;
            max-width: 753px;
            height: 76px; 
            font-size: 36px;
            line-height: 1.6em;
            margin-bottom:30px;
            text-transform: uppercase;
            font-family:'Gotham-Light';
            letter-spacing:2px;
        }
         
         .eventsArea h2 {
            color:#000;
            max-width: 753px;
            height: 76px; 
            font-size: 36px;
            line-height: 1.35em;
            margin-bottom:30px;
            text-transform: uppercase;
            font-family:'Gotham-Light';

         }

         #latestnews img {
             padding: 2em;
             padding-top: 0;
             float:left;
             
         }
         
        #latestnews a.viewall{
             
             text-align: right;
             line-height: 2.5em;
             position: absolute;
             bottom: -38px;
             right: 0px;
             background-image: url(/images/view-all-bg.png);
             background-repeat: no-repeat;
             background-position: right top;
             width: 218px;
             height: 37px;
             display: block;
             color: #003745;
             text-decoration: none;
             padding-right: .5em;
             font-size: 1.2em;
             
         }
         
         #latestnews p 
         {
             
             padding: 0 1em 0 0;
             line-height:24px;
             clear:both;
             }
         
         #secondaryfeatures a.viewall
            {
             
             text-align: right;
             line-height: 2.5em;
             position: absolute;
             bottom: -38px;
             right: 0px;
             background-image: url(/images/view-all-bg.png);
             background-repeat: no-repeat;
             background-position: right top;
             width: 218px;
             height: 37px;
             display: block;
             color: #003745;
             text-decoration: none;
             padding-right: .5em;
             
         }
         
  
 
         
         #secondaryfeatures ul,
         #secondaryfeatures li{
             list-style-type: none;
             
             
         }
         
         #secondaryfeatures li{
             list-style-type: none;
              padding-left: 1.4em;
            padding-right: 1.4em;
             margin-bottom: 2em;
         }
         
         #secondaryfeatures h2 {
            
            background-image: url(/images/home-header-short.png);
            background-repeat: no-repeat;
            background-position: left top;
            max-width: 351px;
            height: 76px;
            font-size: 1.2em;
            line-height: 2.8em;
            padding-left: 1em;
            color: #003745;
            margin-bottom:0;
        }
       
        #secondaryfeatures  h3 {
            font-size: 1.2em;
            color: #003745; 
            margin-bottom: 1em;
        }

        #secondaryfeatures p {
            
            font-size: 0.8em;
            margin-bottom: 1em;
            
        }
        #secondaryfeatures img {
            
            max-width: 150px;
            float:left;
            padding: 1em;
            
            
        }    
        
        #connect img 
        {
            
            max-width: 150px;
            float:left;
            padding: 8px;
            
            
            }
     

/*
------------------------------------------------------------------------
5.2 Sidebar
------------------------------------------------------------------------
*/        
        
        #sidebar {
            
            min-height:450px;
            padding-top: 32px;
              margin-bottom: 50px;
            
        }
        
        #sidebar h2 {
            
            color: white;
            background-image: url(/images/sidebar-h2.png);
            height: 57px;
            background-repeat: no-repeat;
            font-size: 1.2em;
            line-height: 2.5em;
            padding-left: 40px;
            margin:0;
            
        }
        
        #sidebar h2 a 
        {
            
            color: White;
            text-decoration: none;
            
            }
        
        #sidebar ul.nav {
            
            margin-left: 40px;
            margin-right: 40px;
            list-style-position: outside;
            list-style-image: url(/images/menuarrow.png);
            margin-bottom: 3em;
            
        }
        
        #sidebar .current {
            
            color: #003745;
            
        }
        
        #sidebar ul.nav a {
            
            text-decoration: none;
            color: #707070;
            font-size: 1em;
            
        }
        
        #sidebar ul.nav a:hover {
            
           
            color: #909090;
            font-size: 1em;
            
        }
        
        #sidebar ul.nav li {
            
            line-height: 2em;
             list-style-image: url(/images/menuarrow.png);
            margin-left: 1em;
        }
        
        #sidebar ul.calls {
            
            list-style: none;
            margin-left: 40px;
            margin-right: 40px;
        }
        
        #sidebar ul.calls li {
            
            text-align: center;
            margin-bottom: 3em;
            
        }

        #sidebar li ul {
            
            margin-left: 1.5em;
            
            
        }
        #sidebar ul.nav li ul a {
            
            color: #909090;
            
            
        }
        
        
        
/*
------------------------------------------------------------------------
5.2 Content
------------------------------------------------------------------------
*/        
              
        
        #content {
            background:white;   
            padding-bottom: 54px;
        }        
        
        
         #content article {
            margin-right: 2em;
            margin-left: 3em;
            line-height: 1.6em;
        }
        
        article p {
           
            margin-bottom: 19px;
            
        }
        
         article ul 
        {
            margin: 0 20px;
            list-style-position: outside;
            color: #668F87;
            list-style-type:square;

        }
        
         article ul ul,
         article ol ol
        {
            font-size: 1em;

        }        
        
         article ol 
        {
            margin-left: 2em;
            list-style-position: outside;
            font-size: 0.8em;
            color: #444444;
            list-style-type: decimal;
        }    
        
        #content img 
        {
            margin-bottom: 1em;
            margin-left: 1em;
             margin-right: 1em;
            }
        
        #content table img 
        {
            margin:0;
            }
        
        
        
/*
------------------------------------------------------------------------
6. Footer
------------------------------------------------------------------------
*/
        .table {display:table; height:200px; margin:0 auto;}
        .cartTable {display:table; margin:0 auto;}
            .cartTable div {display:table-cell; padding:10px 20px 0;}
            .cartQuantity {text-align:center;}

            .cartTable span {
                font-weight: bold;
              font-family: 'gotham-light';
              color: #000;
              font-size: 14px;
            }
            .footerlogo, .footerMessage {display:table-cell; vertical-align:middle; position:relative;}
                .footerMessage {top:-15px; left:-30px;}
                .footerMessage span {display:block; line-height:2em;}
        #footer-left {
            height: 200px;
            width:50%;
            float:left;
            min-height: 200px;
            max-height: 200px;
            background-color: #003745;
            color: White;
            padding:20px 0;
        } 
        #footer-right {
            
            height: 200px;
            width:49%;
            float:left;
            min-height: 200px;
            max-height: 200px;
            background-color: #C1D72E;
            color: #003745;
            padding-left:1%;
            padding-top:20px;
            padding-bottom:20px;
        }
        #footer-right span {
            display:block;
            line-height:28px;
            font-family:'gotham-medium';
        }
        
        ul.footernav,
        ul.footernav ul  {
            
            color: white;
            list-style: none;
            
        }
        
        ul.footernav ul {}
        
        ul.footernav a {
            
            color: white;
            text-decoration: none;
            
        }
        
        
/*
------------------------------------------------------------------------
7. Other Stuff
------------------------------------------------------------------------
*/

       .date {
             
              display: block;
              height: 63px;
              width: 63px;
              background-color: #C1D72E;
              background-repeat: no-repeat;
              float: left;
              margin-right: 2.6em;
              overflow: hidden;
              margin-bottom: 1em;
              padding: 20px;
              border-radius: 50%;
              box-shadow: 0 0 10px -2px #000;
              margin-left: -4.4em;
              position:relative;
              bottom:-15px;
              font-family:'gotham-medium';
              color:#003745;
         }
         
         .date .month {
             margin:0;
             padding: 0;
             font-size: 1em;
             text-transform: uppercase;
             text-align:center;
             height: 12px;
         }
         
         .date .day {
             margin:0;
             padding: 0;
             font-size: 2.4em;
             text-align: center;
             line-height: 58px;
         }
         
        
        
        #hcalendar .dates,  #hcalendar .location,  #hcalendar .description 
        {
        
        margin-bottom: 2em;
            
        }
        
   
            
         .eventContainer h4 
         {
             font-size: 1.2em;
             
             }   
        
        #hcalendar h4 {

            border-bottom: 1px solid #00aca1;

        }

        #hcalendar .address 
        {
            
            list-style:none;
            
            }

        hr 
        {
            border: none;
            border-bottom: 1px solid #00aca1;
            background-color: none;
            height: 1px;
            
            }
        
        .register-nav 
        {
            display: block;
                        
            }
            
        #content .register-nav img 
        {
            display: inline;
            margin:0;
            margin-right: 10px;
            
            }    
            
        #content div.eventinfo 
        {
            padding-bottom: 0;   
            margin:0;
            padding-top:30px;
            display:block;
            min-height:0;
            }
        #content div.eventinfo p {
            display:block;
        }
        div.eventinfo {
            min-height:35px;
        }
        /*div.eventinfo p {
            display:none;
           
        }*/            
        #content .eventlist 
        {
            
            margin:0;
            
            }
        
        .eventContainer h3 {text-transform:uppercase; font-family:'Gotham-Light';}
        .eventContainer .description {font-family:'Open Sans';}
        ul.address {list-style:none; margin:0;}
        ul.address li { font-family:'gotham-light';}

        ul#productlist .product-nav a {margin-bottom:0;}
            
        #content  .eventlist h3 
        {
            
            color:#8A7967;
            text-transform:uppercase;
            float:left;
            max-width:400px;
            font-family:"gotham-light";
            
        }   
        
        #content .eventnav {
            clear:both;
            padding-top:35px;
        } 
            
        #content  .eventlist li 
        {
            margin-bottom: 2em;
            list-style-type: none;
            color:#668F87;
            }    
            
        #content  .eventlist img 
        {
            
            margin:0;
            width: 100px;
            
            }    
            
        #content  div.eventinfo
        {
            float:left;
            width: 400px;
            padding-top:0;
            margin-top:0;
            padding-bottom: 0;
            min-height:75px;
            }    
             

        #content .register-nav img 
        {
            display: inline;
            margin:0;
            margin-right: 10px;
            
            }    
            
                 
        #secondaryfeatures  .eventlist img.viewdetails 
        {
            
            margin:0;
            padding:0;
            width: 100px;
            
            }    
            
          #secondaryfeatures  .eventlist img.register
        {
            
            margin:0;
            padding:0;
            width: 108px;
            margin-left: 8px;
            }     
               
       #content article ul#productlist 
       {
           list-style: none;
           list-style-type: none;
           }        
               
        #productlist  .lblTitle {
            font-size: 20px;
            float:left;
            color: #8A7967;
            margin-bottom: 10px;
            display: block;
            width:380px;
            text-transform:uppercase;
            font-family: 'Gotham-Light';
        }       
        #productlist  .productimage {
            width: 195px;
            text-align:center;
            float: right;
            position:relative;
            top:-30px;
        }      
        .productimage img {
            height:100px;
        }
        #productlist  li, #shopCartItems li {
            margin-bottom: 40px;
            min-height: 85px;
            padding:30px;
            background:#eee;
            list-style-type:none;
        }      
        #productlist  .details {
            width: 360px;
            float:left;
        }      
        
       #productlist  .product-nav {
            clear:both;
        }     
                 
       .product-details 
       {
           
           width:100%;
           margin-right: 2em;
           
           }          
                      
       .product-pricing 
       {
           
           width: 100%;
           display:table;
           margin-top:30px;
           }               
        
       .pricingCell {
           display:table-cell;
       }       
       .pricingCell input#txtQuantity {
             width: 30px;
              border: 1px solid #eee;
              text-align: center;
              box-shadow: inset 0 0 2px #eee;
       }
               
        .eventContainer .register-nav
        {
            
            margin-bottom: 2em;
            
            } 
            
        .eventContainer .prices,
        .eventContainer .location,
        .eventContainer .dates
        {
            
            width: 30%;
            float: left;
            padding-right: 1em;
            }        
            


    .vSummary {
        padding: 16px;
        font-size: 12px;
        background-color: #EDE1DE;
        background-color: rgba(184, 61, 31, .1) !important;
        border: 1px solid #B83D1E;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        margin-bottom: 1em;
    }
    .vSummary ul,
    .error  { color: #B83D1E }
    .memberErrors { margin-right: 243px; line-height: 1.1em } 
    /*.formTable, .tabTable 
    {
        
        border: 1px solid #ccc;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    
    .formTable td,
    .tabTable td {
        padding: 5px;
    }
    .formTable td input[type=text],
    .formTable td select,
    .tabTable td input[type=text],
    .tabTable td select, {
        width: 89%;
    }
    .tabTable {
        border: 0px solid #333;
    }
    .css-panes div textarea {
        margin: 5px;
    }
*/

    a:active {
      outline: none;
    }
    
    infolist h2 
{
    
    color: #003745;
    
    }

.infolist 
{
    width: 400px;
    font-size: 18px;
    list-style: none;
    margin:0;
    margin-bottom: 2em;
    padding: 1em;
    background-color: #ededed;
    border-radius: 6px;
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 NaN%, #f2f2f2 242,242,242%, #e7e7e7 242,242,242NaN%, #dbdbdb);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#dbdbdb), color-stop(NaN%, #f7f7f7), color-stop(242,242,242%, #f2f2f2), color-stop(242,242,242NaN%, #e7e7e7));
}
    
 .infolist li 
 {
     font-weight: bold;
     color: #8A7967;
     margin-bottom: 1em;
     }
     
     .infolist label 
     {
         
        font-size: 14px;
        display:block;
        color: #606060;
        font-weight: normal;

      }
      
      .infolist h4 
      {
                  font-size: 18px;
        display:block;
        color: #606060;
        font-weight: normal;
          margin-bottom: .5em;
          
          }
          
          
          
              infolist h2 
{
    
    color: #003745;
    
    }

.formlist 
{
    width: 400px;
    font-size: 18px;
    list-style: none;
    margin:0;
    margin-bottom: 2em;
    padding: 1em;
    background-color: #ededed;
    border-radius: 6px;
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 NaN%, #f2f2f2 242,242,242%, #e7e7e7 242,242,242NaN%, #dbdbdb);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#dbdbdb), color-stop(NaN%, #f7f7f7), color-stop(242,242,242%, #f2f2f2), color-stop(242,242,242NaN%, #e7e7e7));
}
    
 .formlist li 
 {
     font-weight: bold;
     color: #003745;
     margin-bottom: 1em;
     margin-right: 1em;
     }
     
     .formlist label 
     {
              font-weight: normal;
     color: #003745;
        display:block;
font-size: 14px;

      }
      
	  
	  .formlist input,
	  .formlist textarea,
	  .formlist select,
	  .formTable input,
	  .formTable select,
	  .formTable textarea {
	    font-size: 18px;
        border: 1px solid grey;
        padding: 8px;
        border-radius: 4px;
        background: #e2e2e2;
        background: -moz-linear-gradient(top, #e2e2e2 0%, #ffffff 33%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(33%,#ffffff));
        background: -webkit-linear-gradient(top, #e2e2e2 0%,#ffffff 33%);
        background: -o-linear-gradient(top, #e2e2e2 0%,#ffffff 33%);
        background: -ms-linear-gradient(top, #e2e2e2 0%,#ffffff 33%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 );
        background: linear-gradient(top, #e2e2e2 0%,#ffffff 33%);
        margin: 2px 0;

	  }
	  
	  .formlist textarea 
	  {
	      height: 100px;
	      width: 100%;
	      }
	  
      .formlist h4 
      {
                  font-size: 18px;
        display:block;
        color: #606060;
        font-weight: normal;
          margin-bottom: .5em;
          
          }
          
          
       input.inputError,
       select.inputError,
       inputError
       {
           
           border: 2px solid #ab650d;
           
           }
           
        .css-panes div {   
           
            border: 0;
            border-width: 0;
            min-height: 0;
            padding: 0px;
            background-color: none;
            background-image: 0;
            background-repeat: repeat-x;
            width: 400px;
}

.formCheckbox input[type=checkbox] {
    margin-right:5px;
    border:none;
    background: none;
}
.trCheckboxRow td {
    padding-top:5px;
    padding-bottom:5px;
}