/* Live CSS */
@font-face {
  font-family: 'alternate_gothic_fsno_3';
  src: url("/resources/css/fonts/AlternateGothicNo3/AlternateGothicNo3-webfont.eot");
  src: url("/resources/css/fonts/AlternateGothicNo3/AlternateGothicNo3-webfont.eot?#iefix") format("embedded-opentype"), url("/resources/css/fonts/AlternateGothicNo3/AlternateGothicNo3-webfont.woff") 
  format("woff"), url("/resources/css/fonts/AlternateGothicNo3/AlternateGothicNo3-webfont.ttf") format("truetype"), 
  url("/resources/css/fonts/AlternateGothicNo3/AlternateGothicNo3-webfont.svg#alternate_gothic_fsno_3") format("svg");
  font-weight: normal;
  font-style: normal;
}

a#skiplink {
    color: #000;
    position: absolute;
    top: 10px;
    left: 10px;
}

a:hover#skiplink {
    color: #000;
}

.fullclass {
    display: none !important;
}

#header{
    height:107px!important; 
    background: #000 url("img/header.gif") repeat-x bottom left;
    padding:0px!important;
    }
    
#header #header_wrapper{
    padding:0px!important;
    margin-top:0px!important;
    }
    
#landing_page_image{
    padding-top:0px!important;
    }
    
    
.navigation-section{width:960px;}
.blackbar{height:65px; width:960px; background:#000; margin-top:0px!important; }
.blackbar .logo {width:640px; float:left; margin:20px 20px 10px 12px;}
.blackbar .logo img{width:394px;}
.blackbar .tools-section , .blackbar .search-section{margin-top:20px; float:left;}
.blackbar ul{margin:0px; padding:0px;}
#header #header_wrapper .blackbar .search-box, .search-button{float:left;}
#header #header_wrapper .blackbar input.search-button{
    background:#900; 
    color:#FFF; 
    border:0; 
    width:75px; 
    height:28px; 
    line-height:28px; 
    font-size:14px; 
    border-top-right-radius: 3px; 
    border-bottom-right-radius: 3px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    }
#header #header_wrapper .blackbar .search-section .search-box  input.search-input{
    width:120px!important; 
    height:24px; 
    font-size:14px; 
    font-weight:300; 
    padding-left:10px; 
    border:1px solid #CCC;
    -webkit-appearance: none;
   -webkit-border-radius: 0px
    }

.mainnav {height:41px; clear:left; border-bottom:1px solid #900; background:#FFF; width:960px;}
.mainnav ul {list-style-type:none; margin:0px; padding:0px; z-index:200;}
.mainnav ul li{float:left; }
#header #header_wrapper .mainnav ul li a.f-hover , .mainnav ul.right li a{display:block; line-height:41px; height:41px; color:#000; text-decoration:none!important; text-transform:uppercase; padding:0px 15px;}
#header #header_wrapper .mainnav ul li a:hover {background:#900; color:#FFF!important;}
.mainnav ul.left li a{font-family:alternate_gothic_fsno_3; font-weight: normal; font-size:18px;}
#header #header_wrapper .mainnav ul.left .active a.f-hover{background:url("img/whitearrow.gif") no-repeat bottom center; color:#000!important;}
.mainnav ul.right li.divider{ width:136px; height:41px;}
#header #header_wrapper .mainnav ul.left .active a.f-hover:hover{color:#000!important;}
#header #header_wrapper .mainnav ul.right li a  { font-size:12px!important; color:#333!important; letter-spacing:0.07em; font-weight:300; padding:0px 7px;}
#header #header_wrapper .mainnav ul.right li a:hover {color:#FFF!important;}
#header #header_wrapper .mainnav ul.right li a.give{font-family:alternate_gothic_fsno_3; color:#FFF!important; background:#900; padding:0px 10px; font-size:24px!important; border-right:1px solid #FFF;}

.about  .mainnav ul li.left1 a,
.admission .mainnav ul li.left2 a,
.academics .mainnav ul li.left3 a,
.campus .mainnav ul li.left4 a,
#header #header_wrapper  .students .mainnav ul.right li.right1 a,
#header #header_wrapper .parents .mainnav ul.right li.right2 a,
#header #header_wrapper .alumni .mainnav ul.right li.right3 a {
background:#900; color:#FFF!important;
}


.f-dropdown{visibility:hidden; position:absolute;  background:#900; color:#FFF; padding:25px 20px 0px 20px; z-index:600;}
li.left4 .f-dropdown{}
.column {float:left; width:165px; margin-right:20px;}
.column h6{font-family:alternate_gothic_fsno_3; text-transform:uppercase; font-size:16px; margin:0px;}
.column ul.submenu {margin-bottom:20px;}
.column ul.submenu li{float:none; text-indent:-0.5em; padding-bottom:2px;}
#header #header_wrapper .column ul.submenu li a{color:#FFF; font-size:13px; margin:0px; width:162px; display:block; padding-left:15px;  
font-family: 'Roboto', sans-serif; text-transform:capitalize; text-decoration:none!important;}
.column ul.submenu li a:hover{background:#EEE; color:#666;}


#dropTools{visibility:hidden;}
.tools-section ul {position:relative;}
.tools-section ul li {cursor:pointer; list-style:none; line-height:0px;}
.tools-section ul li ul {position:absolute;left:0;right:0; width:95px; background:#900;border:1px solid #900; z-index:700;}
#header #header_wrapper .blackbar .tools-section ul li ul li a{color:#FFF; text-decoration:none!important; font-size:13px; display:block; padding:0px 10px; line-height:33px;}
#header #header_wrapper .tools-section ul li ul li a:hover{background:#EEE; color:#666!important;}
#header #header_wrapper .blackbar .tools-section ul .tools {position:relative; display:block; color:#FFF!important; text-decoration:none!important; font-family:alternate_gothic_fsno_3; text-transform:uppercase; font-size:18px;  
 height:28px; line-height:28px; background:#000 url("img/tool.gif") no-repeat 0px 5px; padding-left:20px; width:50px;}
 .tools-section ul .tools:hover {color:#900;}
 #header #header_wrapper .tools-section ul a.t-active{background:url("img/tool-active.gif") no-repeat bottom left!important;}
 
 /* Footer */
#footer_wrapper {background-image:url("img/footer.png")!important; height:61px!important;}
 #footer_backdrop {background:#333; height:375px;}

#footer_backdrop #footer .footer{width:960px; background:#333; padding:10px; color:#FFF!important; height:355px; font-size:12px; margin-left:-30px;}
#footer_backdrop #footer .footer a{color:#FFF!important; text-decoration:none;}
#footer_backdrop #footer .footer li{line-height:2.2em;}
#footer_backdrop #footer .footer a:hover{color:#FFF!important; text-decoration:underline;}
#footer_backdrop #footer .footer-column{width:170px; float:left;}
#footer_backdrop #footer .resources{width:190px!important;}
#footer_backdrop #footer .findit{width:150px!important;}
#footer_backdrop #footer #connect {width:270px;}
#footer_backdrop #footer #connect a{display:inline-block; margin:0px 0px 15px 30px;}
#footer_backdrop #footer #connect a:hover {opacity: 0.8;}
#footer_backdrop #footer #connect h4{text-align:center; padding-left:20px;}
#footer_backdrop #footer #connect img{border:0;}
#footer_backdrop #footer ul.no-bullet{list-style-type:none; margin:0px; padding:0px;}
#footer_backdrop #footer .footer h4{font-size:195%; font-family:alternate_gothic_fsno_3!important; text-transform:uppercase; font-weight:300; margin:0px; padding:5px 0px 10px 0px; color:#FFF!important;}
#footer_backdrop #footer .font-test{font-family:alternate_gothic_fsno_3; font-size:125%; text-transform:uppercase;}
#footer_backdrop #footer .address{font-size:14px; padding-bottom:10px;}
#footer_backdrop #footer .address-column{ width:180px;}
#footer_backdrop #footer .copyright{font-size:9px; padding-top:20px;}
#footer_backdrop #footer h5.subheader{text-align:center; font-size:16px!important; margin:0px;  font-weight:300!important; font-style:normal!important; }
#footer_backdrop #footer #connect h5.subheader a{font-family:alternate_gothic_fsno_3!important; text-decoration:none!important; font-weight:300!important; font-style:normal!important;}
#footer_backdrop #footer #connect h5.subheader a:hover{text-decoration:underline!important; opacity:1!important;}
#footer_backdrop #footer .footer h4.subheader {font-family:alternate_gothic_fsno_3!important;}

/* initially hide alert then show with javascript */
.alert-section {
    display: none;
    background-color: #FFFC19;
    padding: 20px 0 20px 0;
}

.alert-section div {
    width: 910px;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 10px 30px 10px 20px;
    font-size: 13px;
    position: relative;
}

.alert-section div a.close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
}