/* Master stylesheet for ßÏÀÖÔ° 
Responsive 320 Version
By ßÏÀÖÔ° Web Services
January 9, 2013  */

/* Header */
    
#header {
    height: 123px;
    width: 320px;
    }

#header #brand {
    margin-top: 0px;
    height: 53px;
    width: 320px;
    }

#header #brand #name {
    margin-top: 20px;
    }

#header #brand #logo {
    display: none;
    }   

#header #search {
    height: 70px;
    width: 320px;
    float: left;
    margin-top: 0px;
    background-color: #464646;
    }

#header #search #above_search_links {
    float: right;
    width: 150px;
    text-align: center;
    margin: 15px 10px auto auto;
    font-size: 10px;
    color: #fff;
    }

#header #search #above_search_links a {
    color: #fff;
    }

#header #search_box {
    margin:20px 0px 0px 10px;
    width:145px;
    }

#header #search_box .lil-v-state-logo {
    display: none;
    }

#header #search input[type=text] {
    width:100px;
    }

/* Weather */
#header #search_box #weather {
     display: none;
     }

/* Main_Navigation */

#main_nav_container {
    box-shadow: none;
    }

#main_nav {
    width: 320px;
    height: 188px;
    background-image: url('/_files/images/homepage_responsive/480/mainnav_bg.png');
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 2px #abada4;
    }
    
#main_nav #menu {
    padding-top: 5px;
    }
    
#main_nav #menu li {
    width: 260px;
    }

#main_nav #menu .sep {
    display:none;
    }

#main_nav #menu .button {
    text-shadow: 1px 1px 1px #fff;
    color: #33251A;
    margin-left: 30px;
    }

#main_nav #weather {
    display:none;
    }

#main_nav #expand {
    display:none;
    }

#main_nav .expand-menu {
    display: none;
    }

#sub_nav {
    display: none;
    }

/* Content */

#content {
    width: 320px;
    }

/* Gallery Slider */

.flex-direction-nav a {
    width: 32px;
    height: 32px;
    background-size: 62px auto;
    }

.flex-direction-nav .flex-prev {
    left: -10px;
    }

.flex-direction-nav .flex-next {
    background-position: -32px 0px;
    right: -11px;
    }


/* Footer */

#footer {
    width: 280px;
    }

/* Maps and Directions section of the footer */

#footer #maps {
    width: 280px;
    height: 200px;
    top: 350px;
    }

#footer #maps #maps_and_directions {
    margin-top: -25px;
    margin-left: 15px;
    }

#footer #maps img {
    width: 85%;
    height: auto;
    }
    
/* Quick Links section of the footer */

#footer #quick_links {
    width: 280px;
    height: 350px;
    }
    
/* Social Media section of the footer */

#footer #social {
    width: 280px;
    top: 530px;
    }

#footer #social #button {
    margin-top: 0px;
    margin-left: 60px;
    }

/* Copyright info in footer */

#footer #copyright {
    width: 280px;
    top: 690px;
    height: 50px;
    color: #292929;
    }
    
/* Alert Banner */

#alert_container #alert {
    width: 320px;
    }

/* Flex Slider */

.flex-caption {
    height: 108px;
    top: 103px;
    }

/* Portal Logins List */

#universal_portal {
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    float:none;
    }

#student_portal {
    margin-left:auto;
    margin-right:auto;
    float:none;
    }
    
#emp_portal {
    margin-left:auto;
    margin-right:auto;
    float:none;
    }