@charset "UTF-8";
/* Master stylesheet for ßÏÀÖÔ° 
By ßÏÀÖÔ° Web Services
June 20, 2012  */

/* Master text styles */

body {
    background-color: #E6E4D8;
    background-image: url('/_files/images/master_template/body_bg.png');
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0px 0px 0px 0px;
    color: #423d3d;
    /*color: #5F5F5F;*/
    }
a
{
    text-decoration:none;
    color: #423d3d;
     /*color: #5F5F5F;*/
}
a:link 
{
    text-decoration:none;
    color:inherit;
}
a:visited 
{
    text-decoration:none;
    color:inherit;
}
a:hover 
{
    text-decoration:none;
    color:inherit;
}
a:active 
{
    text-decoration:none;
    color:inherit;
}

h1
{
    font-size:28px;
}
h2
{
    font-size:24px;
}
h3
{
    font-size:20px;
}
h4
{
    font-size:16px;
}
h5
{
    font-size:14px;
}
h6
{
    font-size:12px;
}
sup
{
    vertical-align: super;
    font-size:smaller;
}
sub
{
    vertical-align: sub;
    font-size: smaller;
}
/* Containers */


#header_container {
    background-color: #960816;
    }
    
#main_nav_container {
    background: url('/_files/images/master_template/main_nav_bg.png') repeat-x; 
    overflow:visible;
    margin-bottom:30px;
    /*box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.30);*/
    }

#department_header_container {
    background-image: url('/_files/images/department_page/department_header_bg.png');
    height: 121px;
    margin-top: -31px;
    margin-bottom: 30px;
    }

#content_container {
    height:auto;
    overflow:visible;
    margin-top:20px;
    }
    
#footer_container {
    background-image: url('/_files/images/master_template/footer_bg.png');
    background-repeat: repeat-x;
    background-color: #292929;
    clear: both;
    }

/* Header */
    
#header {
    height: 100px;
    width: 960px;
    margin: 0px auto 0px auto;
    background-image: url('/_files/images/master_template/header_seal_bg.png'); 
    background-repeat: no-repeat;
    background-position: center;
    }
    
#header #brand {
    margin-top:6px;
    height: 90px;
    width: 400px;
    float: left;
    }
#header #brand #logo 
{
    float:left;
}
#header #brand #name
{
    float:left;
    margin-top:40px;
    margin-left:11px;
}
#header #search 
{
    height: 70px;
    width: 400px;
    float: right;
    margin-top:20px;
    margin-right:25px;
    text-align:right;
    color:#DBC39E;
    font-weight:lighter;
    font-size:12px;
    letter-spacing: .5px;
}
#header #search a
{
    color:#DBC39E;
}
#header #search_box
{
    margin-top:12px;
    width:280px;
    position:relative;
    float:right;
    text-align:left;
}

#header #search_box input {
    color: #fff;
    font-size: 14px;
    font-weight: lighter;
    }

#header #search_box .search_options {
    color: rgb(255, 255, 255);
    z-index: 9999;
    width: 234px;
    display: none;
    position: absolute;
    }
    
#header #search_box .search_options ul {
    background-color: #d5d3c4;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    }

#header #search_box .search_options ul li {
    height: 31px;
    color: #635749;
    text-shadow: 1px 1px 1px #fff;
    font-weight: bold;
    line-height: 31px;
    padding-left: 35px;
    }

#header #search_box .search_options ul li.selected {
    background:url('/_files/images/master_template/search_select.png');
    }

#header #search_box .search_options ul li a {    
    color: #635749;
    text-shadow: 1px 1px 1px #fff;
    }

#header #search_box .lil-v-state-logo {
    display: block;
    height: 28px;
    width: 36px;
    float: right;
    margin-top: -30px; 
    }

#header #search input[type=text]
{
    background:url('/_files/images/master_template/search_txt_bg.png');
    height:15px;
    width:200px;
    border:inset 1px #87061B;
    border-radius:5px;
    padding:7px 2px 7px 30px;
    font-size:15px;
}
#header #search input[type=image]
{
    display:block;
    position:absolute;
    top:6px;
    left:10px;
}

/* Weather Next to Search */

#header #search_box {
    width: 285px;
    }
#header #search input[type=text] {
    width: 175px;
    }
#header #search_box #weather {
     float: right;
     margin-top: -27px;
     width: 58px;
     }
#header #search_box #weather #icon {
     float: right;
     }
#header #search_box #weather #icon img {
     width: 22px;
     }
#header #search_box #weather #temp {
     float: left;
     margin-top: 2px;
     font-size: 14px;
     }

/* Main_Navigation */

#main_nav
{
    position:relative; 
    width: 960px;
    height:40px;
    margin: 0px auto 0px auto;
}
#main_nav #menu
{
    float:left;
}
#main_nav #menu .button
{
    display:block;
    margin:0px 10px;
    float:left;
    text-shadow: 1px 1px 1px #999;
    color:#000;
}
#main_nav #menu .button a
{
    color:#33251A;
    text-shadow: 1px 1px 1px #ECE6DD;
}
#main_nav #menu li 
{
    margin: 0px auto 0px auto;
    display: block;
    float: left;
    list-style: none;
    line-height: 40px;
}
#main_nav #menu .sep
{
    display:block;
    width:2px;
    height:30px;
    margin-top:5px;
    float:left;
    background: url('/_files/images/master_template/main_nav_txt_sep.png');
}
#main_nav #weather
{
    float:right;
    margin-right:40px;
}
#main_nav #weather #temp
{
    font-size:16px;
    margin-top:12px;
    float:right;
    color:#5B4C3D;
    text-shadow: 1px 1px 1px #999;
}
#main_nav #weather #icon
{
    margin:9px 0px 0px 3px;
    float:right;
}
#main_nav #expand
{
    position:absolute;
    top:40px;
    right:15px;
    width:100px;
    height:22px;
    padding-top:3px;
    background:#6D5642;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    text-shadow: 1px 1px 3px #000;
    color:#D5D3CE;
    text-align:center;
    font-weight:lighter;
    font-size:12px;
    text-transform:uppercase;
    cursor:pointer;
    letter-spacing: 2px;
}
/* ADDED FOR EXPAND MENU CHANGES */
#main_nav .expand-menu 
{
display: block;
width: 960px;
height: 8px;
background-color: rgb(109, 86, 66);
border-bottom-left-radius: 3px;
top: 40px;
position: absolute;
cursor: pointer;
float: left;
}
* + html #main_nav .expand-menu 
{
position: relative;
top: 0px;
}
#main_nav .expand-menu #expand 
{
    position: absolute;
    top: 8px;
    width: 100px;
    padding-top: 1px;
    background: none repeat scroll 0% 0% rgb(109, 86, 66);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-shadow: 1px 1px 3px rgb(0, 0, 0);
    color: rgb(213, 211, 206);
    text-align: center;
    font-weight: lighter;
    font-size: 11px;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 2px;
    height: 22px;
    right: 0px;
}
#sub_nav
{
    position:relative;
    width:960px;
    height:231px;
    margin-left: auto;
    margin-right:auto;
    background: url('/_files/images/master_template/dropdown_bg.png') repeat-x;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
#sub_nav #collapse
{
    position:absolute;
    bottom:0px;
    right:0px;
    width:78px;
    height:21px;
    padding-top:4px;
    text-align:center;
    color:#D4D3CE;
    background:#6D5642;
    font-size:13px;
    border-top-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:-1px -1px 1px #333;
    text-shadow:-1px -1px 1px #999;
    cursor:pointer;
}
#sub_nav .col
{
    width:170px;
    margin:25px 10px;
    float:left;
}
#sub_nav li
{
    display:block;
}
#sub_nav .col .title, #sub_nav .col .title a
{
    margin-bottom:10px;
    color:#fff;
    font-weight:bold;
    font-size:15px;
}
#sub_nav .col .link
{
    margin-left:14px;
    margin-bottom:3px;
    color:#fff;
    font-weight:normal;
    font-size:12px;
    color:#fff;
    text-shadow: 1px 1px 3px #333;
}

#sub_nav .col .link a {
    color:#fff;
    }

#sub_nav .sep
{
    width:2px;
    height:204px;
    margin-top:17px;
    float:left;
    background:url('/_files/images/master_template/dropdown_sep.png');
}

.noShow
{
    display:none;
}
.Show
{
    display:block;
}

/* Department Header */

#department_header_wrapper {
    height: 121px;
    background-position: right;
    background-repeat: no-repeat;
    }

#department_header {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    clear: both;
    }
    
#department_header h1 {
    font-size: 36px;
    line-height: 121px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
    color: #4d4d4d;
    text-shadow: 1px 1px 0px #d0cfc9;
    text-shadow: inset 1px 1px 1px #3d3d3d;
    }

#department_header .tagline {
    font-style: oblique;
    font-size: 20px;
    margin-top: -33px;
    display: block;
    height: 21px;
    margin-left: 27px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #4d4d4d;
    }

/* Content */

#content {
    height: auto;
    width: 960px;
    margin: 0px auto 0px auto;
    }

/* Common Sidebar Styles */
    
#content #left_sidebar #navigation ul, #content #right_sidebar #links ul {
    margin-left: 0px;
    }

    #content #left_sidebar .navigation ul, #content #right_sidebar .links ul, #content #right_sidebar .navigation_for_480 ul {
    margin-left: 0px;
    }

#content #left_sidebar #navigation ul li, #content #right_sidebar #links ul li {
    list-style: none;
    margin-left: 0px;
    font-size: 15px;
    display: block;
    height: auto;
    border-bottom: solid 2px #d9d7cb;
    padding: 12px 0px 12px 5px;
    }

    #content #left_sidebar .navigation ul li, #content #right_sidebar .links ul li, #content #right_sidebar .navigation_for_480 ul li {
    list-style: none;
    margin-left: 0px;
    font-size: 15px;
    display: block;
    height: auto;
    border-bottom: solid 2px #d9d7cb;
    padding: 12px 0px 12px 5px;
    }

#content #right_sidebar #links ul li a, #content #right_sidebar #links ul li a.selected{
    cursor: pointer;
    }
    
    #content #right_sidebar .links ul li a, #content #right_sidebar .links ul li a.selected, #content #right_sidebar .navigation_for_480 ul li a.selected {
    cursor: pointer;
    }

#content #left_sidebar #navigation ul li.selected, #content #right_sidebar #links ul li a.selected{
    background-color: #D9D7CB;
    }

    #content #left_sidebar .navigation ul li.selected, #content #right_sidebar .links ul li a.selected, #content #right_sidebar .navigation_for_480 ul li a.selected {
    background-color: #D9D7CB;
    }


#content #left_sidebar #navigation ul li.top-page{
    background-color: #ACAA9E;
    }

    #content #left_sidebar .navigation ul li.top-page{
    background-color: #ACAA9E;
    }

#content #left_sidebar #navigation ul li a {
    margin-left: 10px;
    width: 155px;
    display: block;
    }

    #content #left_sidebar .navigation ul li a {
    margin-left: 10px;
    width: 155px;
    display: block;
    }

#content #left_sidebar #navigation ul li.top-page a{
    text-shadow: #333 1px 1px 1px;
    color: #F2F0E3;
    margin-left: 5px;
    }

    #content #left_sidebar .navigation ul li.top-page a{
    text-shadow: #333 1px 1px 1px;
    color: #F2F0E3;
    margin-left: 5px;
    }

/* Footer */

#footer {
    width: 960px;
    margin: 0px auto 0px auto;
    }

/* Maps and Directions section of the footer */

#footer #maps {
    height: 227px;
    width: 320px;
    float: left;
    margin-right: 30px;
    }
    
#footer #maps #maps_and_directions {
    height: 50px;
    width: 100px;
    margin-top: -30px;
    display: block;
    color: #F7DCB2;
    font-size: 18px;
    line-height: 22px;
    }

#footer #maps #maps_and_directions .maps {
    width: 100px;
    display: block;
    float: left;
    }

#footer #maps #maps_and_directions .directions {
    width: 100px;
    display: block;
    text-align: right;
    }
    
#footer #maps img {
    margin-top: -10px;
    }

/* Quick Links section of the footer */

#footer #quick_links {
    height: 227px;
    width: 350px;
    float: left;
    margin-right: 70px;
    }

#footer #quick_links #title {
    display: block;
    font-size: 18px;
    line-height: 18px;
    width: 100px;
    margin: 20px auto 5px 30px;
    /* color: #6D6F71; */
    color: #bcbdbf;
    }
    
#footer #quick_links #lists_wrapper {
    display: block;
    margin-left: 40px;
    }

#footer #quick_links ul, #footer #quick_links ul a {
    display: block;
    list-style: none;
    width: 140px;
    float: left;
    color: #F7DCB2;
    text-decoration: none;
    margin-left: 0px;
    }
    
/* Social Media section of the footer */

#footer #social {
    height: 227px;
    width: 121px;
    float: left;
    }

#footer #social #button {
    margin-top: 20px;
    height: 81px;
    width: 121px;
    background-image: url('/_files/images/master_template/footer_social.png');   
    display: block;
    cursor:pointer;
    }
    
#footer #social #vstate_logo {
    margin: 20px auto auto 16px;
    height: 68px;
    width: 90px;
    background-image: url('/_files/images/master_template/footer_vstate_logo.png');  
    display: block;
    cursor:pointer;
    }

#footer #social #button #button_text {
    color: #fff;
    width: 121px;
    text-align: center;
    display: block;
    padding-top: 65px;
    font-size: 14px;
    line-height: 14px;
    cursor:pointer;
    }
    
/* Copyright info in footer */
    
#footer #copyright {
    clear: both;
    width: 960px;
    height: 20px;
    /* color: #6D6F71; */
    color: #BCBDBF;
    font-size: 12px;
    text-align: center;
    padding-bottom:10px;
    }
    
#middle_content .flexslider .flex-direction-nav {margin: 0; padding: 0; list-style: none;}, #middle_content .flexslider .flex-control-nav {margin: 0; padding: 0; list-style: none;}, #middle_content .flexslider .slides{margin: 0; padding: 0; list-style: none;}


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a,
.flexslider a,
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
***/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
/* .flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} Possibly a fix for slider not loading anything at all before all images are loaded. */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
***/
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0px; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.flex-caption a { color: #fff; }
.flex-caption .title { font-size: 20px; line-height: 22px; }

/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(/_files/images/flexslider_theme/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav .flex-next {background-position: -52px 0; right: -16px;}
.flex-direction-nav .flex-prev {left: -16px;}
.flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100px; text-align: center; float: right; margin-right: 10px; margin-top: -25px; position: relative; z-index: 10;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav a {width: 13px; height: 13px; display: block; background: url(/_files/images/flexslider_theme/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav a:hover {background-position: 0 -13px;}
.flex-control-nav a.flex-active {background-position: 0 -26px; cursor: default;}

/* alert bar */

#alert_container
{
    background: url('/_files/images/master_template/alert-bg.png') repeat-x; 
}
#alert_container #alert
{
    width: 960px;
    height:40px;
    margin: 0px auto 0px auto;
    background: url('/_files/images/master_template/alert-bang.png') no-repeat left center transparent;
    color: #BE4D02;
    text-shadow: 1px 1px 1px #FFE46E;
    overflow:hidden;
    
}
#alert_container #alert .alert_date
{
    margin-left:40px;
    padding-top:12px;
    font-size:16px;
    float:left;
}
#alert_container #alert .alert_date_short
{
    margin-left:20px;
    padding-top:12px;
    font-size:16px;
    float:left;
    display:none;
}
#alert_container #alert .alert_txt
{
    padding-top:12px;
    font-size:16px;
    float:left;
}
#alert_container #alert #alert_btn
{
    float:right;
    background: url('/_files/images/master_template/alert-button.png') no-repeat left center transparent;
    width:22px;
    height:40px;
    margin-right:40px;
    cursor:pointer;
}

/* END alert bar */

/* BEGIN Global Styles */

/* Global Styles */

#content #middle_content .tweet_this_quote {
    height: auto;
    width: 50%;
    font-size: 14px;
    line-height: 24px;
    background: url("/_files/images/department_page/quote_bg.png");
    margin: 10px;
    padding: 10px;
    }

/* END Global Styles */


/* Portal Logins List

.portal_table
{
    width:352px;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-wieght:300;
    box-shadow: 0 0 2px #999999;
    border-radius:5px;
    margin-left:24px;
    margin-right:24px;
    margin-top:24px;
    float:left;
}
.portal_table .heading
{
    width:350;
    height:18px;
    padding:5px;
    overflow:hidden;
    border-left:1px solid #AF9A79;
    border-top:1px solid #AF9A79;
    border-right:1px solid #AF9A79;
    font-size:18px;
    color: #33251A;
    text-shadow: 1px 1px 1px #F8F5F1;
    background-color:#AF9A79;
}
.portal_table .heading h3
{
    font-size:18px;
    color: #33251A;
    text-shadow: 1px 1px 1px #F8F5F1;
    font-weight:normal;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.portal_table .entry
{
    position:relative;
    width:350;
    height:78px;
    overflow:hidden;
    border:1px solid #AF9A79;
    color:#675A45;
}
.portal_table .icon
{
    float:left;
    width:66px;
    height:66px;
    padding:5px;
}
.portal_table .name
{
    float:left;
    width:253px;
    height:18px;
    border-left:1px solid #AF9A79;
    padding:30px 10px;
    font-size:14px;
    cursor:pointer;
}
.portal_table .name_noimage
{
    float:left;
    width:329px;
    height:18px;
    border-left:1px solid #AF9A79;
    padding:30px 10px;
    font-size:14px;
    cursor:pointer;
}
.portal_table .description
{
    position:absolute;
    top:5px;
    right:-251px;
    width:266px;
    height:64px;
    border-top:1px solid #AF9A79;
    border-bottom:1px solid #AF9A79;
    border-left:1px solid #AF9A79;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px;
    font-size:12px;
    overflow:hidden;
}
.portal_table .description .control
{
    width:15px;
    height:39px;
    float:left;
    background-color:#AF9A79;
    font-size:15px;
    font-weight:bold;
    padding-top:25px;
    cursor:pointer;
    text-align:center;
}
.portal_table .description .txt
{
    width:231px;
    height:44px;
    float:left;
    padding:10px;
    background-color: #E6E4D8;
}

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


END Portal Logins List */