@charset "utf-8";

/* -----------------Basic CSS Elements------------------ */

html {
    margin: 0;
    padding: 0;
}

body {
    background-color:#ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

form {
    margin: 0;
}

#clear {
    clear: both;
}

select {
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

input {
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

a:link {
    color: #930;
    text-decoration: none;
}

a:visited {
    color: #930;
    text-decoration: none;
}

#buttoncontent a:link,
#buttoncontent a:visited {
    color: #222;
    text-decoration: none;
}

#subcontentdiv a:link,
#subcontentdiv a:visited {
    color: #222;
    text-decoration: none;
}

a:hover {
    color:#FF6600 !important;
    text-decoration: none;
}

/* --------------Specific Divs----------------- */

/* wraps the entire page including other divs*/
#wrapper {
    position: relative;
    background-color: #FFFFFF;
    width: 994px;
    margin: 0px auto;
    text-align: left;
}

/*-----------------------Header----------------------------*/

/* container that contains logo, title, and student link section */
#headercontainer {
    position: relative;
    width: 994px;
}

#topmasttop {
    background-image:url(../../images/fs_bgnd_topmast_upper_001.gif);
    height: 5px;
    width: 994px;
}

#topmastmain {
    width: 994px;
    background-image: url(../../images/fs_bgnd_topmast_vert_pixel_001.gif);
    background-repeat:repeat-x;
    margin: 0px;
    height: 86px;
}

/* div for mercer logo with gradient background */
#logo {
    display: inline;
    height: 76px;
    background-image: url(../../images/fs_ua_it_logo_gradient_004.gif);
    background-repeat: no-repeat;
    background-position:bottom;
    width: 399px;
    margin-left: 10px;
    float:left;
}

/* div for light grey section title with gradient background */
#sectiontitle {
    height: 61px;
    background-image: url(../../images/fs_h_faculty_title_gradient_005.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 500px;
    float: right;
    left: 386px;
}

/* student section  button, located upper right of page */
#studentSection {
    clear: right;
    float: right;
    background-image: url(../../images/fs_btn_student_section_003.gif);
    background-position: top right;
    background-repeat: no-repeat;
    width: 142px;
    height: 21px;
}

#topmastbottom {
    background-image:url(../../images/fs_bgnd_topmast_lower_001.gif);
    height: 5px;
    width: 994px;
}

/* container that contains the search bar and the global navigation buttons */
#bodycontainer {
    min-width:995px;
    margin: 0px;
    height: auto;
}

/* div containing the quick links and search bar elements. contains divs toolbartop, toolbarcontent, and toolbarbottom */
#toolbardiv {
    position: relative;
    clear: both;
    float: left;
    width: 461px;
    height: 30px;
    margin-top: 5px;
}

#toolbartop{
    background: url(../../images/cmn_bgnd_search_top_rounded_003.gif);
    background-repeat: no-repeat;
    width: 464px;
    height: 4px;
}

#toolbarcontent{
    background: #e9e9e9;
    margin-top: 0px;
    width: 464px;
    height: 20px;
    text-align: center;
}

#toolbarbottom{
    background: url(../../images/cmn_bgnd_search_bottom_rounded_003.gif);
    width: 464px;
    height: 4px;
}

/*------------------------ global navigation buttons ----------------------------*/

#globalnavdiv {
    float: right;
    width: 370px;
    height: 32px;
    margin-top: 0px;
    paddint-top: 0px;
}

#gnavss {
    background: url(../../images/cmn_btn_system_status_off_003.gif);
    margin: 0px;
    padding-left: 1px;
    width: 122px;
    height: 32px;
    float: left;
}

#gnavai {
    background: url(../../images/cmn_btn_about_it_off_003.gif);
    margin: 0px;
    padding-left: 1px;
    width: 122px;
    height: 32px;
    float: left;
}

#gnavcu {
    background: url(../../images/cmn_btn_contact_us_off_003.gif);
    margin: 0px;
    padding-left: 1px;
    padding-right: 0px;
    width: 122px;
    height: 32px;
    float: left;
}

/* ------------------------Main content-------------------------*/

#maincontent {
    width: 994px;
    margin-left: auto;
    margin-right: auto;
    height: 280px;
    clear: both;
}

#mainimage {
    display: inline;
    margin-top: 10px;
    margin-left: 0px;
    width: 450px;
    height: 260px;
    float: left;
}

/*------------------ main buttons ------------------------*/

#mainnavdiv {
    display: inline;
    margin-top: 10px;
    float: left;
    margin-left: 5px;
    width: 536px;
    height: auto;
}

#buttontop {
    background: url(../../images/cmn_bgnd_buttons_top_rounded_003.gif);
    background-repeat: no-repeat;
    width: 536px;
    height: 5px;
}

#buttonleft {
    background-image: url(../../images/cmn_bgnd_buttons_left_003.gif);
    background-repeat: no-repeat;
    width: 2px;
    height:254px;
    float: left;
}

#buttoncontent {
    background: url(../../images/cmn_bgnd_buttons_vert_pixel_003.gif);
    background-repeat: repeat-x;
    border-left: 0px;
    margin-top: 0px;
    width: 532px;
    height: 245px;
    float: left;
}

#buttonright {
    background-image: url(../../images/cmn_bgnd_buttons_right_003.gif);
    background-repeat: no-repeat;
    width: 2px;
    height:254px;
    float: left;

}

#listnav {
    display: inline;
    float: left;
    margin-top: 0px;
    width: 202px;
    height: 60px;
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
    font-size:11px;
}

#listnav .title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

#buttonbottom {
    float: left;
    background: url(../../images/cmn_bgnd_buttons_bottom_rounded_003.gif);
    width: 536px;
    height: 5px;
    background-repeat: no-repeat;
}

#btnrow {
    float: left;
    margin: 0px;
    width: 532px;
    height: 60px;
}

#btnemail {
    display: inline;
    background:url(../../images/cmn_btn_email_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

#btnhs {
    display: inline;
    background: url(../../images/cmn_btn_hardware_software_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

#btntelcomm {
    display: inline;
    background: url(../../images/cmn_btn_telecommunications_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

#btnwebserv {
    display: inline;
    background: url(../../images/cmn_btn_web_services_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

#btnnetwork {
    display: inline;
    background: url(../../images/cmn_btn_internet_network_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

#btnsecurity {
    display: inline;
    background: url(../../images/cmn_btn_security_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

#btnclasstech {
    display: inline;
    background: url(../../images/cmn_btn_classroom_technology_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

#btnnew {
    display: inline;
    background: url(../../images/cmn_btn_new_faculty_student_off_003.gif);
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
    margin-right: 0px;
    width: 53px;
    height: 53px;
    float: left;
}

/* ------------Horizontal grey rule---------------- */
#hzrule {
    clear: both;
    min-width:995px;
    margin: 0px;
    height: 10px;
    border-bottom: 1px;
    border-bottom-style:solid;
    border-bottom-color: #666666;
}

#hzrule2 {
    clear: both;
    min-width:995px;
    margin: 0px;
    height: 5px;
    border-bottom: 1px;
    border-bottom-style:solid;
    border-bottom-color: #666666;
}

/* container for subcontent, 4 text boxes at bottom of page */
#subcontentdiv {
    clear: both;
    width: 994px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    height: 150px;
}

#subcontentbox {
    display: inline;
    margin-left: 9px;
    width: 320px;
    height: auto;
    float: left;
}

#subcontentheader {
    width: 320px;
    height: 30px;
}

#subcontentheadertop {
    background: url(../../images/cmn_bgnd_subcontent_header_top_rounded_004.gif);
    background-repeat: no-repeat;
    width: 320px;
    height: 6px;
}

#subcontentheadercontent {
    background: url(../../images/cmn_bgnd_subcontent_header_content_hz_pixel_004.gif);
    background-repeat: repeat-y;
    width: 310px;
    height: 17px;
    padding-left:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}

#subcontentheaderbottom {
    background: url(../../images/cmn_bgnd_subcontent_header_bottom_rounded_004.gif);
    width: 320px;
    height: 5px;
}

/*--------------------- subcontent content white boxes ----------------------*/

#sctop {
    background: url(../../images/cmn_bgnd_subcontent_list_rounded_top_004.gif);
    background-repeat: no-repeat;
    width: 318px;
    height: 4px;
    margin-top: 5px;
}

#scleft {
    background: url(../../images/cmn_bgnd_subcontent_list_left_003.gif);
    background-repeat: no-repeat;
    width: 2px;
    height: 103px;
    float: left;
}

#sccontent {
    background: url(../../images/cmn_bgnd_subcontent_list_vert_pixel_003.gif);
    background-repeat: repeat-x;
    padding-left: 5px;
    width: 309px;
    height: 103px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    list-style: outside;
    list-style-image:url(../../images/ua_bullet2.gif);
    color: #000000;
    min-height:100px;
    *height: 100px;
    float: left;
}

#sccontent ul {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 17px;
    padding-left: 0px;
}

#sccontent li {
    margin-bottom: 5px;
}

#scright {
    background: url(../../images/cmn_bgnd_subcontent_list_right_003.gif);
    background-repeat: no-repeat;
    width: 2px;
    height: 103px;
    float: left;
}

#scbottom {
    clear: both;
    background: url(../../images/cmn_bgnd_subcontent_list_rounded_bottom_004.gif);
    width: 318px;
    height: 4px;
    background-repeat: no-repeat;
}

/* ----- IT Blog News Feed -------------------------------------------------- */
div.it-blog-feed div#subcontentheadercontent {
    position: relative;
}

div.it-blog-feed a.rss-subscribe {
    background: url(/images/rss.png) no-repeat;
    background-position: 0 0;
    display: block;
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 3px;
    width: 12px;
}

div.it-blog-feed a.rss-subscribe:hover {
    background-position: 0 -12px;
}

div.it-blog-feed ul {
    margin: 0 !important;
    list-style: none;
}

div.it-blog-feed li {
    background: url("/images/newspaper.png") no-repeat;
    background-position: 0 2px;
    padding: 0 0 0 16px;
}

div.it-blog-feed li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

/*----------------- footer content ----------------------*/

#footercontainer {
    width: 994px;
    margin-top: 10px;
    height: 111px;
	color: white;
}

#footertop {
    background: url(../../images/cmn_bgnd_footer_top_rounded_004.gif);
    background-repeat: no-repeat;
    width: 994px;
    height: 7px;
}

#footercontent {
    background: url(../../images/cmn_bgnd_footer_hz_pixel_003.gif);
    background-repeat:repeat-y;
    width: 994px;
    height: 104px;
    float: left;
	 text-align: center;
	    margin-left: 0 auto;
   	 margin-right: 0 auto;
   
}




#footerbottom {
    background: url(../../images/cmn_bgnd_footer_bottom_rounded_003.gif);
    background-repeat: no-repeat;
    width: 994px;
    height: 7px;
    float: left;
}

#mlogo img {
	border:none;
	
}


#social_icons {
 margin-top: 3px;
  
}
/* ---------------bottom white footer---------------- */

#footer2 {
    background-color: #ffffff;
    width: 100%;
    height:100%;
}