html{
    height:100%;
    min-height:100%;
}
body{
    margin:0;
    overflow:auto;
    height:100%;
    min-height:100%;
    font-family: 'Raleway', sans-serif;
    color:#333
}

table {
    width:100%;
    border-bottom:1px solid #d4d4d1;
    border-left:1px solid #d4d4d1;
}

table thead th {
    text-align:left;
}

table td, table th{
    padding:3px;
    border-right:1px solid #d4d4d1;
    border-top:1px solid #d4d4d1;
}

/*index header*/

#header{
    width:100%;
    background-image: url('../img/sky.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /*height:280px;*/
    padding: 100px 0 60px 0;
    color:#2a2985;
    text-align:center;
}
#header-logo{
    width:283px;
    height:101px;
    padding-bottom:30px;
}

#header h3{
    font-size:19px;
    letter-spacing: 1px;
    letter-spacing: 0.77px;
    margin:0;

}
#header h4{
    font-size:16px;
    margin:0;
    font-weight:300;
    padding-bottom:50px;
}
#header h1{
    margin:0;
    letter-spacing: 1px;
    font-size:50px;
    color:#fff;
    text-shadow:-1px -1px 0 #2B2985,1px -1px 0 #2B2985,-1px 1px 0 #2B2985,1px 1px 0 #2B2985;
    text-transform: uppercase;
}

/*page header*/

#page-header{
    width:100%;
    background-image: url('../img/sky.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /*height:280px;*/
    padding: 100px 0 60px 0;
    color:#2a2985;
    text-align:center;
}
#page-header-logo{
    width:283px;
    height:101px;
    padding-bottom:30px;
    float:left;
}

#page-header h3{
    letter-spacing: 1px;
    letter-spacing: 0.77px;
    margin:0;

}
#page-header h4{
    margin:0;
    font-weight:300;
    padding-bottom:20px;
}
#page-header h2{
    margin:0;
    letter-spacing: 1px;
    font-size:25px;
    color:#fff;
    text-shadow:-1px -1px 0 #2B2985,1px -1px 0 #2B2985,-1px 1px 0 #2B2985,1px 1px 0 #2B2985;
    text-transform: uppercase;
}

#nav{
    position:fixed;
    top:0;
    width:100%;
    border-bottom:1px solid #bbb;
    color:#666;
    z-index: 100;
    background: #fff;
}

#nav ul{
    text-align: left;
    margin:0;
    padding:0;
    list-style: none;
}

#nav ul li{
    margin:0;
    padding:0;
    display:inline-block;
}

#nav ul a{
    display:inline-block;
    text-decoration: none;
    font-weight: normal;
    color:#666;
    padding:10px 0 10px 10px;
}

#sponsors{}

#footer{}

.container{
    margin:0 auto;
    max-width:960px;
}

.container p,.container ul{
    line-height: 1.7em;
}

.indexcontainer h2{
    text-transform: uppercase;
    margin: 0 0 60px 0;
}

h2.bordered{
    text-shadow:-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333;
}

.container-padded{
    padding-left:200px;
    padding-right:200px;
}

.content{
    padding:70px 0;
}

.content-color-base{
    background:#2B2985;
}

.content-color-1{
    background:#4B2181;
}

.content-color-2{
    background:#1E517B;
}

.content-color-white{
    background:#fff;
}

.content-color-stones{
    background-image: url('../img/stones.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

}

.content-color-stones h2{
    text-shadow:0 0 3px #333;
}

.content-color-grass{
    background-image: url('../img/grass.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.content-color-grass h2{
    text-shadow:0 0 3px #333;
}

/*light text*/
.content-color-base, .content-color-base a,
.content-color-1, .content-color-1 a,
.content-color-2, .content-color-2 a,
.content-color-3, .content-color-3 a,
.content-color-4, .content-color-4 a,
.content-color-grass, .content-color-grass a,
.content-color-stones, .content-color-stones a
{
    color:#fff;
}

/*dark text*/
.content-color-white, .content-color-white a
{
    color:#333;
}

.col2{
    width:100%;
}

.col2-1{
    vertical-align: top;
    display:inline-block;
    width:49%;
    padding-right:1%;
    margin-bottom:20px;
}

.col2-2{
    vertical-align: top;
    display:inline-block;
    width:49%;
    padding-left:1%;
    margin-bottom:20px;
}

.col3{
    width:100%;
}

.col3-1{
    vertical-align: top;
    display:inline-block;
    width:32%;
    padding-right:1%;
    margin-bottom:20px;
}

.col3-2{
    vertical-align: top;
    display:inline-block;
    width:32%;
    padding-right:1%;
    padding-left:1%;
    margin-bottom:20px;
}

.col3-3{
    vertical-align: top;
    display:inline-block;
    width:32%;
    padding-left:1%;
    margin-bottom:20px;
}

.colpage{
    width:100%;
}

.colpage-sml{
    vertical-align: top;
    display:inline-block;
    width:25%;
    padding-left:1%;
    margin-bottom:20px;
}

.colpage-lge{
    vertical-align: top;
    display:inline-block;
    width:74%;
    margin-bottom:20px;
}

/*register boxes*/
.registerbox{
    border:1px solid #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 5px;
    padding:20px;
    background:#fff;
    background: rgba(255,255,255,0.9);
    color:#333;
}

.registerbox h3{
    padding:0;
    margin:0;
    text-align: center;
}

.registerbox ul{
    padding:10px 0 0 0 ;
    margin:0;
    list-style: none;
}

.registerbox ul li{
    padding:10px 0;
    border-bottom:1px solid #333;
}

.registerbox a{
    margin-top:20px;
    display:block;
    text-align: center;
    padding:8px;
    font-weight:bold;
    color:#333;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: rgba(0,0,0,0.1);
    border:1px solid #333;
    text-decoration:none;
}

.registerbox a:hover,.registerbox a:active{
    background: #fff;
}

/*sponsor boxes*/
.sponsorbox{
    border:1px solid #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 5px;
    padding:20px;
    background: rgba(255,255,255,0.2);
    /*background:#fff;*/
    /*color:#333;*/
}

.sponsorbox h3{
    padding:0;
    margin:0;
    text-align: center;
}

.sponsorbox ul{
    padding:10px 0 0 0 ;
    margin:0;
    list-style: none;
}

.sponsorbox ul li{
    padding:10px 0;
    border-bottom:1px solid #fff;
}

.sponsorbox a{
    margin-top:20px;
    display:block;
    text-align: center;
    padding:8px;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background: rgba(255,255,255,0.3);
    border:1px solid #fff;
    text-decoration:none;
}

.sponsorbox a:hover,.sponsorbox a:active{
    background: #4B2181;
}

/*speakerboxes*/
.speakerbox{
    border:1px solid #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius: 5px;
    padding:20px;
    background:#fff;
    background: rgba(255,255,255,0.9);
    color:#333;
    margin-bottom:30px;
}

.speakerbox h3{
    padding:0;
    margin:0;
    text-align: left;
}


.speakerbox a{
    color:#0000ff;
}

/*.registerbox ul{*/
    /*padding:10px 0 0 0 ;*/
    /*margin:0;*/
    /*list-style: none;*/
/*}*/

/*.registerbox ul li{*/
    /*padding:10px 0;*/
    /*border-bottom:1px solid #333;*/
/*}*/

/*.registerbox a{*/
    /*margin-top:20px;*/
    /*display:block;*/
    /*text-align: center;*/
    /*padding:8px;*/
    /*font-weight:bold;*/
    /*color:#333;*/
    /*-webkit-border-radius:3px;*/
    /*-moz-border-radius:3px;*/
    /*border-radius:3px;*/
    /*background: rgba(154,193,109,0);*/
    /*border:1px solid #333;*/
    /*text-decoration:none;*/
/*}*/

/*.registerbox a:hover,.registerbox a:active{*/
    /*background: rgba(154,193,109,0.3);*/
/*}*/


.spacer{
    margin:75px 0 75px 0;
    height:1px;
    background:#fff;
}

#footer{
    background-color:#fff;
    border-top:1px solid #eee;
    padding:20px 0;
    color:#333;
    font-size:small;
}

#footer ul {
    list-style:none;
    margin:0;
    padding:0
}
#footer ul li{
    display:inline-block;
    margin:0 5px 0 0;
    padding:0;
}
#footer a{
    color:#333;
}

a#fbicon {
    display:inline-block;
    float:right;;
}

a#fbicon img{
    border:none;
}

/*menu change/icon*/

#menu-icon {
    display: none;
    width: 32px;
    height: 30px;
    background: url(../img/menuicon.png) center;
    margin:7px 0 6px 0;
}

#mpad{
    display:none;
}

hr{
    border: 0;
    height: 1px;
    background:#999;
}


.sponsorlogos img{
    width:27%;
    height:auto;
    margin:3%;
    padding:0;
}

a.pdf{
    /*2B2985*/
    display:inline-block;
    text-align: center;
    padding:8px 17px;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background: #2B2985;
    border:1px solid #fff;
    text-decoration:none;
}

a.pdf:hover,a.pdf:active{
    background:#5152d4;
}

.cbiopic{
    margin-right:10px;
}

/*tabs*/

.tabs-menu {
    width:100%;
    height: 70px;
    /*clear: both;*/
    list-style-type: none;
    margin:0;padding:0;
}

.tabs-menu li {
    padding:20px;
    font-weight:bold;
    display:inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

.tabs-menu .current a {
    color: #2e7da3;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    padding: 20px;
    display: none;
}

#tab-1 {
    display: block;
}

/*narrow block change*/
@media only screen and (max-width : 960px) {

    .cbiopic{
        width:100px; height:auto;
    }

    .sponsorlogos img{
        width:40%;
        height:auto;
        margin:5%;
    }

    .container-padded{
        padding:0;
    }
    .container{
        padding:0 10px;
    }

    #menu-icon {
        display:inline-block;
    }

    #nav ul, nav:active ul {
        display: none;
        position: absolute;
        padding: 0;
        right: 0;
        top: 21px;
        width: 100%;
    }
    #nav li {
        text-align: left;
        width: 100%;
        padding:0;
        margin: 0;
        background: #fff;
    }
    #nav li a{
        display:block;
        padding: 7px 0 7px 15px;
        border-bottom: 1px solid rgb(225,225,225);
    }
    #nav li a:hover{
        background:#eee;
    }

    #mpad{
        display:block;
        background:none;
        overflow:hidden;
        height:3px;
        padding:0;
        margin:0;
    }

    .col2-1{
        display:block;
        width:100%;
        padding-right:0;
    }

    .col2-2{
        display:block;
        width:100%;
        padding-left:0;
    }

    .col3-1{
        display:block;
        width:100%;
        padding-right:0;
    }

    .col3-2{
        display:block;
        width:100%;
        padding-right:0;
        padding-left:0;
    }

    .col3-3{
        display:block;
        width:100%;
        padding-left:0;
    }

    .colpage-sml{
        display:block;
        width:100%;
        padding-left:0;
    }

    .colpage-lge{
        width:100%;
    }


    #page-header h3{
        display:none;

    }
    #page-header h4{
        display:none;
    }
    #page-header h2{
        display:none;
    }

    #page-header-logo{
        float:none;
        padding-bottom:0;
        width:200px;
        height:auto;
    }

    #page-header{
        text-align: left;
        padding: 70px 0 20px 0;
    }

    .indexcontainer h2{
        text-transform: uppercase;
        margin: 0 0 30px 0;
    }

    .content{
        padding:30px 0;
    }

    .spacer{
        margin:30px 0 30px 0;
    }

    #header{
        padding: 80px 0 30px 0;
    }
    #header-logo{
        width:200px;
        height:auto;
        padding-bottom:20px;
    }

    #header h3{
        font-size:16px;
        letter-spacing: normal;
    }
    #header h4{
        font-size:14px;
        margin:0;
        font-weight:300;
        padding-bottom:20px;
    }
    #header h1{
        margin:0;
        letter-spacing:normal;
        font-size:30px;
        color:#fff;
        text-shadow:-1px -1px 0 #2B2985,1px -1px 0 #2B2985,-1px 1px 0 #2B2985,1px 1px 0 #2B2985;
        text-transform: uppercase;
    }


}