﻿
/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */



/* -------------------------------------------------- */
/*	Columns
	/* -------------------------------------------------- */

.one-half, .one-third, .two-third, .one-fourth, .three-fourth {
    float: left;
    margin-right: 20px;
}

    .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last {
        margin-right: 0px;
    }

.one-half {
    width: 460px;
}

.one-third {
    width: 300px;
}

.two-third {
    width: 620px;
}

.one-fourth {
    width: 220px;
}

.three-fourth {
    width: 700px;
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#top {
    background: #303030;
    line-height: 17px;
    padding: 12px 0;
}

    #top #Login {
        float: right;
    }


#header {
    z-index: 97;
}

#logo {
    float: left;
    /*padding-top: 5px;*/
}

/* -------------------------------------------------- */
/*	Main Navigation
	/* -------------------------------------------------- */

#main-nav {
    float: right;
    margin-bottom: -1px;
}

    #main-nav > ul {
        margin: -6px 0 0;
    }

    #main-nav li {
        list-style: none;
        float: left;
        margin: 0;
        position: relative;
    }

    #main-nav a {
        border:0;
        color: #ffffff;
        font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        display: block;
        letter-spacing:0;
        padding: 13px 20px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        z-index: 98;
        height:45px;
        margin-top: 6px;
        display:inline-block;
    }

.ie7 #main-nav a {
    padding: 33px 20px;
}

#main-nav a:after {
    color: #aeaeae;
    content: attr(data-description);
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    display: block;
    line-height: 0;
    margin: 3px 0 -3px;
    text-align: center;
    text-transform: lowercase;
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
    text-decoration: none;
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
    background: #ed1c24;
}

.not-ie #main-nav .current:after {
    /*background: #f15a23;*/
    bottom: -2.5px;
    content: '';
    left: 50%;
    display: block;
    height: 5px;
    margin: 0 0 0 -2.5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    width: 5px;
}




/* Dropdown */

.no-js #main-nav li:hover > ul {
    display: block;
    top: 92px;
}

#main-nav ul ul {
    background: #3a3a3a;
    -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 92px;
    width: 200px;
    z-index: 99;
}

    #main-nav ul ul li {
        float: none;
    }

    #main-nav ul ul a {
        border: 0;
        border-bottom: 1px solid #252525;
        border-top: 1px solid #4c4c4c;
        color: #ffffff;
        display: block;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0;
        font-weight: 400;
        padding: 8px 20px !important;
        text-align: left;
        text-transform: none;
    }

        #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
            /*background: #f15a23;*/
            color: #fff;
        }

.not-ie #main-nav ul ul .current:after {
    display: none;
}

/* Sub Dropdown */

#main-nav ul ul ul {
    left: 200px !important;
    top: 0 !important;
}

/* Responsive Nav */

#main-nav .responsive-nav {
    /*background-image: url(../img/responsive-nav-bg.png);*/
    background-position: center right;
    background-repeat: no-repeat;
    display: none;
    width: 100%;
    border: 1px solid #1a3460;
}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

.resp_content img,
img.resp_content {
    max-width: 100%;
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* -------------------------------------------------- */
    /*	Wrap
	/* -------------------------------------------------- */



    /* ---------------------------------------- */
    /*	Columns
		/* ---------------------------------------- */

    .one-half {
        width: 364px;
    }

    .one-third {
        width: 236px;
    }

    .two-third {
        width: 492px;
    }

    .one-fourth {
        width: 172px;
    }

    .three-fourth {
        width: 556px;
    }

    /* -------------------------------------------------- */
    /*	Content > Main
	/* -------------------------------------------------- */

    #main {
        width: 488px;
    }

    /* -------------------------------------------------- */
    /*	Header
	/* -------------------------------------------------- */

    #header {
    }

    #logo {
    }

    /* ---------------------------------------- */
    /*	Main Navigation
		/* ---------------------------------------- */

    #main-nav a {
        padding: 26px 20px;
    }

        #main-nav a:after {
            content: '';
            display: none;
        }

    .no-js #main-nav li:hover > ul, #main-nav ul ul {
        top: 78px;
    }

    /* -------------------------------------------------- */
    /*	Home
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Projects Carousel & Post Carousel
		/* ---------------------------------------- */

    .projects-carousel li, .post-carousel li {
        width: 232px;
    }

    /* ---------------------------------------- */
    /*	Post Carousel
		/* ---------------------------------------- */

    .post-carousel .entry-body {
        width: 191px;
    }

    /* -------------------------------------------------- */
    /*	Blog
	/* -------------------------------------------------- */

    .entry-body {
        width: 358px;
    }

    /* ---------------------------------------- */
    /*	Comments
		/* ---------------------------------------- */

    .comment .comment-body, .comment .comment-meta {
        width: 419px;
    }

    .comment .children .comment-body, .comment .children .comment-meta {
        width: 349px;
    }

    /* ---------------------------------------- */
    /*	Respond
		/* ---------------------------------------- */

    .comments-form input {
        width: 127px;
    }

    .comments-form textarea {
        width: 468px;
    }

    /* -------------------------------------------------- */
    /*	Contact Us
	/* -------------------------------------------------- */

    #map {
        height: 340px;
    }

    .contact-form input {
        width: 150px;
    }

    .contact-form textarea {
        width: 534px;
    }

    /* -------------------------------------------------- */
    /*	Footer > Social Links
	/* -------------------------------------------------- */

    .social-links li:nth-child(5n+1) {
        margin-left: 0;
    }

    .social-links li:nth-child(5n) {
        margin-right: 10px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    /* -------------------------------------------------- */
    /*	Basic Elements & Classes
	/* -------------------------------------------------- */

    .fluid-width-video-wrapper {
        margin-bottom: 10px;
    }

    /* -------------------------------------------------- */
    /*	Generic Classes
	/* -------------------------------------------------- */

    .align-left, .align-right {
        float: none;
    }

    /* -------------------------------------------------- */
    /*	Top menu
	/* -------------------------------------------------- */

    .no-js #main-nav > ul, #main-nav .responsive-nav {
        display: block;
    }

    .menu-wrapper {
        padding: 4px;
    }

    /* ---------------------------------------- */
    /*	Columns
		/* ---------------------------------------- */

    .one-half, .one-third, .two-third, .one-fourth, .three-fourth {
        float: none;
        margin-right: 0;
    }

    .one-half {
        width: 300px;
    }

    .one-third {
        width: 300px;
    }

    .two-third {
        width: 300px;
    }

    .one-fourth {
        width: 300px;
    }

    .three-fourth {
        width: 300px;
    }

    /* -------------------------------------------------- */
    /*	Header
	/* -------------------------------------------------- */

    #header {
        height: auto;
        border-bottom: none;
    }

    #logo {
        display: block;
        float: none;
        text-align: center;
    }

    /* ---------------------------------------- */
    /*	Main Navigation
		/* ---------------------------------------- */

    #main-nav {
        float: none;
        margin: 0;
    }

        #main-nav li {
            width: 50%;
        }

        #main-nav a {
            border-bottom-color: #efefef;
            padding: 20px 20px 26px;
        }

        #main-nav > ul > li:last-child a {
        }

        #main-nav > ul > .current:last-child a { /*border-bottom-color: #f15a23;*/
        }

        #main-nav ul ul {
            width: 100%;
        }

        .no-js #main-nav li:hover > ul, #main-nav ul ul {
            top: 72px;
        }

            #main-nav ul ul li {
                width: auto;
            }

                #main-nav ul ul li:first-child > a {
                    border-top: none;
                }

                #main-nav ul ul li:last-child > a {
                    border-bottom: none;
                }

            #main-nav ul ul ul {
                border-bottom: 1px solid #252525;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                display: block !important;
                left: 0 !important;
                margin: 0;
                top: 0 !important;
                position: relative;
            }

            #main-nav ul ul li:last-child ul {
                border-top: 1px solid #252525;
                border-bottom: none;
            }

            #main-nav ul ul ul a {
                padding-left: 30px;
            }

            #main-nav ul ul ul li:first-child a {
                border-top: 1px solid #4c4c4c;
            }

    /* -------------------------------------------------- */
    /*	Content > Main
	/* -------------------------------------------------- */

    #main {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    /* -------------------------------------------------- */
    /*	Image Gallery Slider
	/* -------------------------------------------------- */

    .image-gallery-slider {
        margin-bottom: 10px;
    }

    /* -------------------------------------------------- */
    /*	Home > Slider
	/* -------------------------------------------------- */

    .ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container {
        /*background: #fff url(../img/loader.gif) no-repeat center 50%;*/
    }

    /* ---------------------------------------- */
    /*	Button
		/* ---------------------------------------- */


  
    /* -------------------------------------------------- */
    /*	Footer
	/* -------------------------------------------------- */

    .not-ie #footer .container:after {
        top: -56px;
    }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {



    /* -------------------------------------------------- */
    /*	Footer
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Contact Info
		/* ---------------------------------------- */

    #top .contact-info {
        margin-bottom: 6px;
        max-width: 300px;
        position: relative;
        left: 12%;
        /*background: url("../img/line.png") repeat-x scroll 0 100% transparent;*/
    }
    /* ---------------------------------------- */
    /*	Login
		/* ---------------------------------------- */

    #top #Login {
        position: relative;
        left: 12%;
        max-width: 300px;
    }

    /* ---------------------------------------- */
    /*	Social Links
		/* ---------------------------------------- */

    .social-links li:nth-child(12n+1) {
        margin-left: 0;
    }

    .social-links li:nth-child(12n) {
        margin-right: 15px;
    }

    /* ---------------------------------------- */
    /*	Footer
		/* ---------------------------------------- */

    /* ---------------------------------------- */
    /*	Footer copyright
		/* ---------------------------------------- */

    .footer-copyright {
        margin-bottom: 30px;
        max-width: 400px;
        position: relative;
        left: 0%;
        bottom: 0;
    }

    /* ---------------------------------------- */
    /*	Footer links
		/* ---------------------------------------- */
    #footer-bottom .footer-links {
        float: none;
        margin-bottom: 3px;
        max-width: 350px;
    }

        #footer-bottom .footer-links ul.social-links {
            position: relative;
            left: 25%;
            top: 0%;
        }

        #footer-bottom .footer-links:after {
            clear: both;
            content: ' ';
            display: block;
            height: 10px;
            /*background: url("../img/line.png") repeat-x scroll 0 100% transparent;*/
            width: 100%;
        }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    /* -------------------------------------------------- */
    /*	Header > Main Navigation
	/* -------------------------------------------------- */

    #main-nav li {
        width: 100%;
    }

    #main-nav a {
        padding: 18px;
    }

        #main-nav a:after, #main-nav > ul {
            display: none;
        }

        #main-nav a:after {
            content: '';
        }
         

    .no-js #main-nav li:hover > ul {
        top: 62px;
    }

    /* -------------------------------------------------- */
    /*	Home
	/* -------------------------------------------------- */

    /* ---------------------------------------- */
    /*	Projects Carousel
		/* ---------------------------------------- */

    .projects-carousel li, .post-carousel li {
        width: 300px;
    }

    /* ---------------------------------------- */
    /*	Post Carousel
		/* ---------------------------------------- */

    .post-carousel .entry-body {
        width: 255px;
    }

    /* -------------------------------------------------- */
    /*	Blog > Comments
	/* -------------------------------------------------- */

    .comment .avatar {
        margin-bottom: 10px;
    }

    .comment .comment-meta {
        margin-top: 5px;
        width: 231px;
    }

    .comment .author, .comment .author a {
        margin-top: 5px;
    }

    .comment .comment-body {
        clear: both;
        float: none;
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .comment .children .comment-meta {
        width: 161px;
    }

    /* -------------------------------------------------- */
    /*	Contact Us
	/* -------------------------------------------------- */

    #map {
        height: 140px;
    }

    .contact-form input, .comments-form input,
    .contact-form textarea, .comments-form textarea {
        width: 278px;
    }

    /* ---------------------------------------- */
    /*	Contact Info
		/* ---------------------------------------- */

    #top .contact-info {
        margin-bottom: 6px;
        max-width: 300px;
        position: relative;
        left: 2%;
        /*background: url("../img/line.png") repeat-x scroll 0 100% transparent;*/
    }
    /* ---------------------------------------- */
    /*	Login
		/* ---------------------------------------- */

    #Login {
        position: relative;
        left: 2%;
        max-width: 300px;
    }

    /* ---------------------------------------- */
    /*	Footer
		/* ---------------------------------------- */

    /* ---------------------------------------- */
    /*	Footer copyright
		/* ---------------------------------------- */
    #footer-bottom .footer-copyright {
        float: none;
    }

    .footer-copyright {
        margin-bottom: 30px;
        max-width: 300px;
        position: relative;
        left: 5px;
        bottom: 0;
    }

    /* ---------------------------------------- */
    /*	Footer links
		/* ---------------------------------------- */
    #footer-bottom .footer-links {
        float: none;
        /* background: url("../img/line.png") repeat-x scroll 0 100% transparent;	*/
        margin-bottom: 3px;
        max-width: 300px;
    }

        #footer-bottom .footer-links ul.social-links {
            position: relative;
            left: 10px;
            top: 0%;
        }

        #footer-bottom .footer-links:after {
            clear: both;
            content: ' ';
            display: block;
            height: 10px;
            /*background: url("../img/line.png") repeat-x scroll 0 100% transparent;*/
            width: 100%;
        }
    /* ---------------------------------------- */
    /*	Social Links
		/* ---------------------------------------- */

    .social-links li:nth-child(8n+1) {
        margin-left: 0;
    }

    .social-links li:nth-child(8n) {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 320px) {
    /* ---------------------------------------- */
    /*	Contact Info
		/* ---------------------------------------- */

    #top .contact-info {
        margin-bottom: 3px;
        max-width: 300px;
        position: relative;
        left: 0%;
        /*background: url("../img/line.png") repeat-x scroll 0 100% transparent;*/
    }
    /* ---------------------------------------- */
    /*	Login
		/* ---------------------------------------- */

    #Login {
        position: relative;
        left: 0%;
        max-width: 300px;
    }

    /* ---------------------------------------- */
    /*	Footer
		/* ---------------------------------------- */

    /* ---------------------------------------- */
    /*	Footer copyright
		/* ---------------------------------------- */

    .footer-copyright {
        margin-bottom: 30px;
        max-width: 300px;
        position: relative;
        left: 5px;
        bottom: 0;
    }

    /* ---------------------------------------- */
    /*	Footer links
		/* ---------------------------------------- */
    #footer-bottom .footer-links {
        float: none;
        /*background: url("../img/line.png") repeat-x scroll 0 100% transparent;*/
        margin-bottom: 3px;
        max-width: 300px;
    }

        #footer-bottom .footer-links ul.social-links {
            position: relative;
            left: 10px;
            top: 0%;
        }

        #footer-bottom .footer-links:after {
            clear: both;
            content: ' ';
            display: block;
            height: 10px;
            /*background: url("../img/line.png") repeat-x scroll 0 100% transparent;*/
            width: 100%;
        }
}

.watermarked {
    background-color: #F0F8FF;
    color: gray;
}

.labelNominationForm {
    display: block;
    margin: 15px 15px 15px 0;
    padding: 10px;
    border: 1px dashed #CCC;
    background-color: #FFF;
    color: #000;
    font-family: 'Courier New', Monospace;
    font-size: 0.9em;
    font-style: normal;
}

.Nominate-Notes:focus, select :focus {
    outline: none;
    border: 1px solid #4195fc;
    /*box-shadow: 0px 0px 14px #4195fc; 
    -moz-box-shadow: 0px 0px 14px #4195fc;
    -webkit-box-shadow: 0px 0px 14px #4195fc;*/
}
