@font-face {
    font-family: 'bebas';
    src: url('/fonts/BebasNeue.eot');
    src: local('☺'), url('/fonts/BebasNeue.woff') format('woff'), url('/fonts/BebasNeue.ttf') format('truetype'), url('/fonts/BebasNeue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: 0px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

p {
    margin: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

/*a {
    text-decoration: underline;
    color: #ffffff;
}*/

    /*a:hover { /* For when your mouse hovers over the element */
        text-decoration: none;
        /* color: #5e9ab0; */
    /*     color: #e0e0e0;
    }

    a:visited { /* For links that are in the browser history (Previously visited) */
        text-decoration: none;
        color: #e0e0e0;
    }

    a:active { /* For links that you are clicking on */
        text-decoration: none;
        color: #5e9ab0;
    }*/

.reasons a {
    text-decoration: none;
    color: #000000;
}

    .reasons a:hover { /* For when your mouse hovers over the element */
        text-decoration: none;
        color: #5e9ab0;
    }

    .reasons a:visited { /* For links that are in the browser history (Previously visited) */
        text-decoration: none;
        color: #000000;
    }

    .reasons a:active { /* For links that you are clicking on */
        text-decoration: none;
        color: #5e9ab0;
    }

span {
    font-weight: bold;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,42,64,0), rgba(0,42,64,0.75), rgba(0,42,64,0));
    background-image: -moz-linear-gradient(left, rgba(0,42,64,0), rgba(0,42,64,0.75), rgba(0,42,64,0));
    background-image: -ms-linear-gradient(left, rgba(0,42,64,0), rgba(0,42,64,0.75), rgba(0,42,64,0));
    background-image: -o-linear-gradient(left, rgba(0,42,64,0), rgba(0,42,64,0.75), rgba(0,42,64,0));
}

html {
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'bebas';
    background: #282828;
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
/*input[type="text"],input[type="password"],input[type="email"] {
		-webkit-appearance: none;
		width:200px;
		
		font-family: inherit;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 0px solid #d9d9d9;
		outline: none;
		font-size: 14px;
		margin-right:5px;
	}
	
	textarea {
	-webkit-appearance: none;
		
		width: 570px;
		height: 100px;
		font-family: inherit;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 0px solid #d9d9d9;
		outline: none;
		font-size: 14px;
		margin-right:5px;	
	}*/
.slicknav_menu {
    display: none;
}




.staged {
    width: 1024px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: table;
}

.baebblue {
    width: 40%;
    background: #dfebef;
    margin: 0;
    padding: 0;
    display: table;
    float: left;
    height: 835px;
}

    .baebblue a {
        text-decoration: underline;
        color: #000000;
        font-size: 1.5em;
        background: #1fb9ed;
        padding: 0.5em;
    }

        .baebblue a:hover { /* For when your mouse hovers over the element */
            text-decoration: none;
            color: #ffffff;
        }

        .baebblue a:visited { /* For links that are in the browser history (Previously visited) */
            text-decoration: none;
            color: #000000;
        }

        .baebblue a:active { /* For links that you are clicking on */
            text-decoration: none;
            color: #ffffff;
        }

.mainbody {
    width: 60%;
    background: #ffffff;
    margin: 0;
    padding: 0;
    display: table;
    float: left;
}

    .mainbody h2 {
        font-size: 1.3em;
        margin: 0.6em;
    }

.baebblue ul li {
    width: 360px;
    margin: 5px;
    font-family: arial;
    font-size: 0.9em;
    list-style-position: inside;
    list-style-type: decimal;
    border-bottom: 1px solid #000;
    ;
    margin-bottom: 10px;
    display: table;
}

    .baebblue ul li img {
        margin: 0.5em;
        float: left;
    }

.baebblue h2 {
    margin: 10px;
    font-size: 1.2em;
}

.siteheader {
    width: 100%;
    height: 90px;
    margin: 0;
    padding: 0;
    display: table;
    background: #002a40;
}

.slidecontainer {
    width: 100%;
    /* height:500px; */
    margin: 0;
    padding: 0;
    display: table;
    background: #5e9ab0;
}

.casedinfo {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
}

.half1 {
    width: 40%;
    margin: 0;
    padding: 0;
    display: table;
    float: left;
}

.half2 {
    width: 60%;
    margin: 0;
    padding: 0;
    display: table;
    float: left;
}

.mosaic {
    width: 510px;
    margin: 0;
    padding: 0;
    display: table;
    background: #ffffff;
    float: right;
}

.mocol1 {
    width: 200px;
    margin: 0;
    padding: 0;
    display: table;
    float: left;
}

    .mocol1 img {
        width: 100%;
        margin: 3px;
    }

.mocol2 {
    width: 300px;
    margin: 3px;
    padding: 0;
    display: table;
    float: right;
}

    .mocol2 img {
        width: 100%;
        margin: 2px;
    }

.reasons {
    width: 50%;
    margin: 50px auto;
    padding: 0;
    display: table;
    text-align: center;
}

    .reasons h1 {
        color: #ffffff;
        font-size: 3.5em;
    }

    .reasons h2 {
        color: #ffffff;
        font-size: 2.0em;
    }

    .reasons span {
        color: #002a40;
    }

.logo {
    width: 200px;
    margin: 15px;
    padding: 0;
    display: table;
    float: left;
}

    .logo h1 {
        color: #5e9ab0;
        font-size: 2.5em;
    }

    .logo span {
        color: #ffffff;
    }

.bluenotice {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
    background: #5e9ab0;
    color: #ffffff;
}

.bluedecorcon {
    width: 60%;
    margin: 10px;
    padding: 0;
    display: table;
    float: left;
}

    .bluedecorcon h2 {
        color: #ffffff;
        font-family: Arial;
        font-weight: bold;
    }

.bluedecor {
    width: 30%;
    text-align: center;
    margin: 10px;
    display: table;
    float: left;
}

    .bluedecor img {
        margin: 0;
        border: 2px solid #ffffff;
    }

.dpartners {
    background: #82c000;
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
}

.partreferral {
    width: 30%;
    text-align: center;
    margin: 10px;
    display: table;
    float: left;
}

    .partreferral h2 {
        font-size: 2.3em;
    }

.dprtform {
    width: 60%;
    margin: 10px;
    padding: 0;
    display: table;
    float: left;
}

    .dprtform h1 {
        color: #002a40;
        font-size: 2.1em;
    }

    .dprtform h2 {
        font-size: 1.5em;
    }

    .dprtform span {
        color: #ffffff;
    }

    .dprtform input[type="text"] {
        margin-bottom: 10px;
    }

.navcontainer {
    margin-top: 20px;
    width: 75%;
    color: #ffffff;
    text-align: left;
    float: right;
    display: table;
}

#menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    #menu li {
        position: relative;
        display: inline;
    }

    #menu a {
        display: inline-block;
        padding: 7px 10px;
        color: #ffffff;
        text-decoration: none;
        font-family: 'bebas', sans-serif;
        font-size: 1.2em;
        text-transform: capitalize;
        font-weight: normal;
    }

    #menu ul {
        position: absolute;
        /*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
        left: -9999px;
        margin: 0;
        padding: 0;
        text-align: left;
        z-index: 99999;
    }

        #menu ul li {
            display: block;
        }

    #menu li:hover ul {
        left: 0;
        background: #181717;
    }

    #menu li:hover a {
        text-decoration: none;
        /* color: #ffffff; */
        color: #cccccc;
    }

    #menu li:hover ul a {
        padding: 10px;
        color: #ffffff;
        text-decoration: none;
        background: none;
    }

        #menu li:hover ul a:hover {
            text-decoration: none;
            color: #58ff01;
            background: #080707;
        }

    #menu ul a {
        white-space: nowrap;
        display: block;
    }

    #menu li:hover ul ul {
        left: 10px;
        background: #181717;
    }



.rotecon {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
    background: #82c000;
    text-align: center;
    /* text-shadow: 1px 1px 1px #000; */
}

    .rotecon h1 {
        color: #ffffff;
        font-size: 2.5em;
    }

    .rotecon span {
        font-weight: bold;
    }

.roteconhold {
    width: 80%;
    margin: 20px auto;
    padding: 0;
    display: table;
    text-align: center;
}

    .roteconhold h3 {
        font-size: 1.4em;
        color: #ffffff;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
    }

.decisions {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
    background: #ffffff;
}

.decor {
    width: 100%;
    height: 15px;
    margin: 0;
    padding: 0;
    display: table;
    background: #e0e0e0;
    text-align: center;
}

    .decor h1 {
        margin: 10px auto;
        font-size: 2.5em;
        color: #002a40;
    }

    .decor span {
        color: #668dcd;
    }

.fifteen {
    width: 15%;
    margin: 0.4em;
    padding: 0;
    display: table;
    float: left;
}

.picframe {
    width: 190px;
    height: 172px;
    margin: 0;
    padding: 0;
    display: block;
}

.colors {
    height: 350px;
    text-align: center;
    color: #ffffff;
    font-size: 1.3em;
}

    .colors h1 {
        font-size: 1.4em;
        color: #000000;
    }

.colorblue {
    background: #5e9ab0;
}

.colorgreen {
    background: #82c000;
}

.colororange {
    background: #ff8100;
}

.colorgold {
    background: #ffcc00;
}

.colorpurple {
    background: #d38cca;
}

.baseinfo {
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 0.5em;
    display: table;
    background: #002a40;
    text-align: center;
    font-size: 0.8em;
    color: #ffffff;
}

.rotimg {
    width: 100%;
    height: 250px;
    margin: 0;
    padding: 0;
    display: table;
    background: url(../images/try.jpg);
}

.progray {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
    background: #e0e0e0;
    text-align: center;
}

    .progray h1 {
        color: #000000;
        font-size: 3.0em;
    }

.problocks {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
}

.placement {
    position: relative;
    top: 260px;
    left: 10%;
    z-index: 9999;
}

.onefourth {
    width: 25%;
    margin: 0;
    padding: 0;
    display: table;
    text-align: center;
    float: left;
}

.notifications {
    width: 200px;
    height: 250px;
    margin: 10px auto;
    padding: 10px;
    display: table;
    text-align: center;
    background: #5e9ab0;
    color: #ffffff;
    font-weight: normal;
    /* text-shadow: 1px 1px 1px #000; */
}

.targeting {
    width: 200px;
    height: 250px;
    margin: 10px auto;
    padding: 10px;
    display: table;
    text-align: center;
    background: #82c000;
    color: #ffffff;
    font-weight: normal;
    /* text-shadow: 1px 1px 1px #000; */
}

.networking {
    width: 200px;
    height: 250px;
    margin: 10px auto;
    padding: 10px;
    display: table;
    text-align: center;
    background: #ff8100;
    color: #ffffff;
    font-weight: normal;
    /* text-shadow: 1px 1px 1px #000; */
}

.booksmart {
    width: 200px;
    margin: 10px auto;
    padding: 10px;
    display: table;
    text-align: center;
    background: #ffcc00;
    color: #ffffff;
    font-weight: normal;
    /* text-shadow: 1px 1px 1px #000; */
}

.footinfo {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
    background: #002a40;
    color: #ffffff;
    text-align: center;
    font-size: 0.9em;
}


.defaultbutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd630), color-stop(1, #edc830));
    background: -moz-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: -webkit-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: -o-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: -ms-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: linear-gradient(to bottom, #ffd630 5%, #edc830 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd630', endColorstr='#edc830',GradientType=0);
    background-color: #ffd630;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-family: 'bebas';
    font-weight: bold;
    padding: 0px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5b8a3c;
}

    .defaultbutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #edc830), color-stop(1, #ffd630));
        background: -moz-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: -webkit-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: -o-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: -ms-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: linear-gradient(to bottom, #edc830 5%, #ffd630 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edc830', endColorstr='#ffd630',GradientType=0);
        background-color: #edc830;
    }

.definedbutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffd630), color-stop(1, #edc830));
    background: -moz-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: -webkit-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: -o-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: -ms-linear-gradient(top, #ffd630 5%, #edc830 100%);
    background: linear-gradient(to bottom, #ffd630 5%, #edc830 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd630', endColorstr='#edc830',GradientType=0);
    background-color: #ffd630;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'bebas';
    font-size: 2.5em;
    font-weight: normal;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #5b8a3c;
}

    .definedbutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #edc830), color-stop(1, #ffd630));
        background: -moz-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: -webkit-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: -o-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: -ms-linear-gradient(top, #edc830 5%, #ffd630 100%);
        background: linear-gradient(to bottom, #edc830 5%, #ffd630 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edc830', endColorstr='#ffd630',GradientType=0);
        background-color: #edc830;
    }

.noir {
    color: #000000;
}


.altbutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #014b71), color-stop(1, #002a40));
    background: -moz-linear-gradient(top, #014b71 5%, #002a40 100%);
    background: -webkit-linear-gradient(top, #014b71 5%, #002a40 100%);
    background: -o-linear-gradient(top, #014b71 5%, #002a40 100%);
    background: -ms-linear-gradient(top, #014b71 5%, #002a40 100%);
    background: linear-gradient(to bottom, #014b71 5%, #002a40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014b71', endColorstr='#002a40',GradientType=0);
    background-color: #014b71;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'bebas';
    /* font-size:1.5em; */
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #000000;
}

    .altbutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #002a40), color-stop(1, #014b71));
        background: -moz-linear-gradient(top, #002a40 5%, #014b71 100%);
        background: -webkit-linear-gradient(top, #002a40 5%, #014b71 100%);
        background: -o-linear-gradient(top, #002a40 5%, #014b71 100%);
        background: -ms-linear-gradient(top, #002a40 5%, #014b71 100%);
        background: linear-gradient(to bottom, #002a40 5%, #014b71 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a40', endColorstr='#014b71',GradientType=0);
        background-color: #002a40;
    }


.regnform {
    display: table;
    margin: auto;
    
}

.asppages {
    display: inline-block;
  padding: 5px;
  margin-left: 10px;
  text-align:left;
    
}



@media (max-width: 420px) {
    .regnform {
        display: table;
        width:95%;
    }
}

@media screen and (max-width: 868px) {
 
     .staged {
        width: 100%;
   
    }

    .siteheader {
        text-align: center;
    }

    .logo {
        margin: 10px auto;
        float: none;
    }

    .picframe, .fifteen, .colors, .mainbody, .baebblue, .dprtform, .partreferral, .bluedecor, .bluedecorcon, .siteheader, .half1, .half2, .reasons, .onefourth, .notifications, .targeting, .networking, .booksmart, .mocol1 img, .mocol2 img, input[type="text"], input[type="password"], input[type="email"], textarea, label {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0;
        padding: 5px;
    }

        .baebblue ul li {
            width: 100%;
            margin: 0;
        }

    .mosaic {
        width: 100%;
        height: 406px;
        text-align: center;
        margin: 0;
        padding: 5px;
        display: table;
    }

    .mocol1, .mocol2 {
        /* width:50%; */
        height: 100%;
        text-align: center;
        margin: 0;
        padding: 5px;
    }

    .navcontainer {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0;
        padding: 5px;
        float: left;
    }



}


/* Addt'l CSS */
.titlelink {
    color: #002a40;
    text-decoration: none;
}

@media screen and (max-width: 40em) {
    .js #menu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }
}