@charset "UTF-8";
/* CSS Document */


#head
{
    position:relative;
}
#head-social
{
    position:absolute;
    top:20px;
    right:25px;
    width:305px;
}
#head-social ul
{
    overflow:auto;
    float:right;
}
#head-social li
{
    float:left;
    width:20px;
    display:block;
    margin: 0px 5px 0px 0px;
}
#head-social #tag
{
    float:right;
    margin-right:5px;
    margin-top: -1px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color:#ada48f;
    font-size:10px;
    text-transform:uppercase;
    clear:both;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
    display:none;
    background:url(../images/content/social/tooltip-bg.png) no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width:90px;
    height:26px;
    padding-top:8px;
    color:#000; 
}

#main
{
    width:645px;
    float:left;
}
#two_column #head #head_in{
    height: 112px !important;
}
#two_column #head #head_in h1{
    margin-top: 16px;
}
#two_column #head #tabs{
    top: 72px !important;
}
#side2
{
    float: right;
    margin: 720px -257px 20px 6px;
    padding-bottom: 11px;
    width: 251px;
}
#side3
{
    float: right;
    margin: 990px -257px 20px 6px;
    padding-bottom: 11px;
    width: 251px;
}

.upcoming-events-side
{
    width:247px;
    height:265px;
    background:url(../images/upcomingEventsSide_bg.png) no-repeat;
    
}
.upcoming-events-side h1
{
    width:165px;
    height:30px;
    float:left;
    
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    color:#dfeda7;
    text-transform: uppercase;
    padding: 18px 0px 0px 14px;
    
}

.upcoming-events-side h1 .sub
{
    color: #fff;
    font-weight: bold;
    padding-left: 5px;
}

.upcoming-events-side a.calendar-btn
{
    display: block;
    float: right;
    margin-right:5px;

    width: 60px;
    height: 40px;
    text-decoration: none;
    
    background: url(../images/btn_calendar_sm.png) no-repeat 0px 0px;
}
.upcoming-events-side a.calendar-btn:hover
{
    background-position:0px -40px;
}
.upcoming-events-side a.seeAll-btn
{
    display: block;
    float:right;
    
    background-color:#c7a045;
    text-decoration:none;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size:10px;
    color:#ffffff;
    padding:5px 12px 5px 12px;
    margin:5px 15px 0px 0px;
}
.upcoming-events-side a.seeAll-btn:hover
{
    background-color:#e6c16a;
}

.upcoming-events-side .content,
.upcoming-events-side #panel2
{
    width:235px;
    height:170px;
    overflow:hidden;
}

.upcoming-events-side .content li
{
    position:relative;
    width:220px;
    height: 40px;
    border-bottom: 1px dotted #4e4e4d;
    list-style-type: none;
    word-wrap: break-word;
    padding: 3px 0 10px 0;
}
.upcoming-events-side .content li .cell
{
    position:absolute;
    top:0px;
    left: 45px;
    width:170px;
    word-wrap: break-word;
}

a.info-item:link,
a.info-item:visited,
span.info-item
{
    display:inline-block;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #0552ae;
    text-decoration: none;
    padding-left: 10px;
}

a.info-item:hover
{
    text-decoration: underline;
}
.calender-icon
{
    position:relative;
    top:0px;
    left:0px;
    float: left;
    width: 28px;
    height: 31px;
    background: url(../images/cal_icon_bg_smaller.png) no-repeat;
    
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    margin: 0px 10px 0px 10px;
}
.calender-icon .month
{
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    vertical-align:top;
    background-color:#497503;
    margin-bottom:2px;
    font-size: 9px;
}
.calender-icon .day
{
    width: 100%;
    color: #c28c0a;
    font-size: 14px;
    position: relative; 
    top: -2px;
}

.student-resources
{
    width:605px;
    margin:15px 0px 20px 20px;
    background:url(../images/articleheader_bg_brown.png) no-repeat 0px 0px;
    overflow:auto;
}

.student-resources h1
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.7em;
    color:#fff;
    text-transform: uppercase;
    padding: 8px 0px 0px 20px;
    margin:0px;
}

.student-resources li
{
    display:inline-block;
    width:135px;
    float:left;
    margin:15px 2px 0px 13px;
}

.student-resources a.res-item
{
    display:block;
    width:135px;
    height:115px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/btn_resItems.png) no-repeat 0px 0px;
}
.student-resources a.email { background-position:0px 0px; }
.student-resources a.bookstores { background-position:0px -115px; }
.student-resources a.libraries { background-position:0px -230px; }
.student-resources a.parking { background-position:0px -345px; }
.student-resources a.aid { background-position:0px -460px; }
.student-resources a.tuition { background-position:0px -575px; }
.student-resources a.testing { background-position:0px -690px; }
.student-resources a.connect { background-position:0px -805px; }

.student-services
{
    width:605px;
    margin:15px 0px 20px 20px;
}
.student-services > h1
{
    display:none;
}

/**
 * Accordion styles
 */
 .student-services #accordion ul{
     list-style: none;
     font-size: 1.1em;
 }
.student-services #accordion h2
{
    width:100%;
    height:35px;
    margin-bottom:5px;
    background:url(../images/btn_accordion_plusminus.gif) no-repeat right top;
    cursor: pointer;
    outline: none;
}
.student-services #accordion h2 > a
{
    display:block;
    width:555px;
    height:25px;
    text-decoration:none;
    background-color:#d1cbbc;
    
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#4e4e4d;
    padding: 10px 0px 0px 15px;
    outline: none;
}

.student-services #accordion h2.ui-state-active
{
    background:url(../images/btn_accordion_plusminus.gif) no-repeat right -35px;
    margin-bottom:0px;
    cursor: pointer;
}

.student-services #accordion h2.ui-state-active a,
.student-services #accordion h2.ui-state-active a:hover
{
    background-color:#d1cbbc;
    color:#4e4e4d;
}

.student-services #accordion .ui-accordion-content
{
    background-color:#f8f7f3;
    background: #f8f7f3 url(../images/accordion_div_bg.jpg) left top no-repeat;
    word-wrap: break-word;
    margin-bottom:5px;
    padding: 0 35px;
    padding-bottom: 20px;
    font-size: 1.2em;
}
.student-services #accordion .ui-accordion-content:after{
    display: block;
    content: '';
    clear: both;
}

.student-services #accordion .ui-accordion-content h2
{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 19px;
    color:#4e4e4d;
    padding: 12px 0px 0px 35px;
    font-weight:normal;
}
.student-services #accordion .ui-accordion-content h3
{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 17px;
    color:#4e4e4d;
    padding: 12px 0px 0px 0;
    margin-bottom: 12px;
    font-weight:normal;
}

.student-services #accordion .ui-accordion-content h4
{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 15px;
    color:#4e4e4d;
    padding: 12px 0px 0px 0;
    font-weight:normal;
}

.student-services #accordion .ui-accordion-content h5
{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 13px;
    color:#4e4e4d;
    padding: 12px 0px 0px 0;
    font-weight:normal;
}

.student-services #accordion .ui-accordion-content h6
{
    font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
    color:#4e4e4d;
    padding: 12px 0px 0px 0;
    font-weight:normal;
}
.student-services #accordion .ui-accordion-content p{
    margin: 10px 0;
    line-height: 1.4em;
}
.student-services #accordion .ui-accordion-content ul{
    float: left;
    padding: 0;
    margin: 0;
    font-size: 10px;
    margin-left: 20px;
}
.student-services #accordion .ui-accordion-content ul li{
    max-width: 120px;
}
.student-services #accordion .ui-accordion-content ol{
    padding-left: 16px;
}
.student-services #accordion .ui-accordion-content img{
    margin: 10px;
}
.student-services #accordion .ui-accordion-content table tr td{
    border: solid 1px #000;
    padding: 3px;
}
.student-services #accordion .ui-accordion-content table tr th{
    background-color:#504a33;    
    color:#e3b402;
    border: solid 1px #000;
    padding: 5px;
}
.schedule-form{#ccc; padding: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; position: relative; float: left;}
.schedule-form label{display: inline-block; width: 110px; text-align: right; margin-bottom: 10px; font-weight: bold;}
.schedule-form select{border: solid 1px #ccc; font-size: 11px;}
.schedule-form input[type=submit]{font-size: 1em; position: relative; left: 112px}


#icons{height: 54px; margin-bottom: 12px; margin-left: 20px;}
#icons li{float: left; margin-left: 12px;}
#icons li:first-child{margin: 0;}

.box {
        border-bottom: 1px solid #CDD3D6;
        overflow: auto;
        margin-bottom: 20px;
        background-color: white;
        padding: 20px;
}

.box h2 {
        color: #4b772b;
}