/* 
    Document   : style
    Created on : 22-Mar-2013, 12:39:53 PM
    Author     : Amir Entezaralmahdi
    Description:
        Purpose of the stylesheet follows.
*/



root {
    display: block;
}

#artslogo {
    width: 25px;
    height: 25px;
    background: 50% 50% no-repeat;
    text-decoration: none;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-left: -15px;
    padding: 10px;
    display: block;
}
a#artslogo:hover{background-color: #522E91;}

#applybtn {
    float: right;
}
#applybtn {
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  padding:8px;
  padding-left:18px;
  padding-right:18px;
  display:block;
    text-align:center;
     color:white;
     margin:5px;
     margin-top:8px;
    line-height:12px;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    -khtml-border-radius: 3px!important;
    border-radius: 3px!important;
   }
a#applybtn:hover {
    background: none;
}
#ubc7-unit-menu .nav{
    width:100%;
}


div.why h4{font-size:24px;margin-bottom:0px;}

@media (max-width: 767px) {
  div.newsitem .span3{width:23%;float:left;}
  div.newsitem .span9{width:73%;margin-left:3%;float:left;}
}
@media (max-width: 480px) {
  div.newsitem .span3{width:23%;float:left;}
  div.newsitem .span9{width:73%;margin-left:3%;float:left;}
}
@media(max-width:980px){
    #applybtn{float:none;}
    #artslogo{background-image:url("../img/FOA_FullLogo.png");background-position:18px 50%}
    #artslogo:hover{background:url("../img/FOA_FullLogo.png") 18px 50% #543090 no-repeat;}
    #artslogo{width:100%;float:none;}
}