/* -----------------------------------------------------------------------

   Base Website - Public CSS
   http://url-to-site.com

----------------------------------------------------------------------- */

body {background-color:#636363}

table tr td.table-right {}

.container {background:url("/_shared/images/bg_pic_yellow.gif") no-repeat bottom right; background-color: #fcfc7e; }
.variation2 {background:url("/_shared/images/bg_pic_orange.jpg") no-repeat bottom right; background-color: #ff8728; }
.variation3 {background:url("/_shared/images/bg_pic_blue.jpg") no-repeat bottom right; background-color: #74ebd5; }

#header {background-color:#333333; height:85px;}
#header #logotype a {float:left; margin:0px 0px 0px 100px; height:75px; width:200px; background:url("/_shared/images/logo_uofi.gif") no-repeat;}
#header #logotype a:hover {background:url("/_shared/images/logo_uofi_over.gif") no-repeat; cursor:pointer;}
#header #logotype span {color:#ffffff; font-size:19px; display:none;}
#header #logotype h1 {color:#ffffff; font-size:19px; display:none;}
#header #logotype h2 {color:#91e149; font-size:19px; display:none;}
#header #logotype2 a {float:left; margin:0px 0px 0px 100px; height:75px; width:200px; background:url("/_shared/images/logo_siu.gif") no-repeat;}
#header #logotype2 a:hover {background:url("/_shared/images/logo_siu_over.gif") no-repeat; cursor:pointer;}
#header #logotype2 h1 {color:#ffffff; font-size:19px; display:none;}
#header #logotype2 h2 {color:#91e149; font-size:19px; display:none;}
#header #logotype2 span {color:#91e149; font-size:19px; display:none;}
#header ul {list-style:none; padding:0px; margin:0px; font-family:georgia, serif; font-size:14px; float:right; padding-right:28px; padding-top:40px;}
#header ul li {display:inline; padding:0px 3px; padding-right:8px; border-right:1px #fff solid; letter-spacing:.05em;}
#header ul li.last-child {border-right:0px;}
#header ul li.apply-now a { font-style:italic;}
#header ul li a {color:#fff; text-decoration:none;}
#header ul li a:hover {color:#c9f5f9; text-decoration:none;} 

#main-navigation a.selected {color:#007b86;}

#middle {width:100%; height:330px;}
#middle ul#sub-navigation {background-color:#007b86;list-style:none; width:125px; height:305px; float:left; text-align: right; letter-spacing:.1em;}
#middle ul {list-style:none; margin:0px; padding:25px 105px 0px 0px; font-family:georgia, serif; font-size:16px; padding-left:10px; }
#middle ul li {padding:6px 0px 0px 0px; width:200px;}
#middle ul li a {color:#fff; text-decoration:none; }
#middle ul li a.selected {font-style:italic;}
#middle ul li a:hover {color:#acf2f4; text-decoration:none;}
#middle ul li a.sublinks {color:#fff; font-family:verdana, sans-serif; font-size:10px; }
#middle ul li a.sublinks:hover {color:#acf2f4; text-decoration:none;}
#middle ul li a.sublinks span{font-style:italic;}
#middle ul #thirdnav { margin-top:-10px; }
#middle ul #thirdnav ul {margin:0; padding:0; display:block; padding-top:0px; }
#middle ul #thirdnav li {margin-left:-10px;margin-top:-8px; width:200px;  padding-top:0px;}

#middle #main-photos {background:url("/_shared/photos/middle_pic.jpg")no-repeat; height:330px;}
#middle #flickr-photos {width:290px; background-color:#4a3c4b; height:300px; padding: 30px 0px 0px 20px; float: left; }
#middle #flickr-photos #flickr-container img {margin: 6px; float: left;}
#middle #flickr-photos #flickr-container a:hover img {opacity:.5;}
#middle #flickr-photos a {font-size: 13px; letter-spacing: .1em; color: #fff; font-style: italic; font-weight:bold; text-decoration:none;}
#middle #flickr-photos a:hover {color: #acf2f4;}
.viewall {margin-left:95px; font-size: 13px; letter-spacing: .1em; color: #fff; font-style: italic; font-weight:bold; text-decoration:none;}



#content {font-family:arial, sans-serif; background-color:#acf2f4; margin-left:240px; padding:50px 0px 100px 35px; z-index:5;}
#content h3 {font-family:georgia, serif; font-size:30px; color:#007b86; font-style:italic; letter-spacing:2px;  border-bottom:1px #007b86 solid; padding-bottom:5px;}
#content ul {list-style:none; padding:0px; margin:0px; }
#content h4 {font-size: 100%; font-weight: bold; padding: 0px; margin:16px 0px 0px 0px ;padding-bottom:8px; }
#content a {text-decoration:none; color: #000;}
#content a:hover {text-decoration:none; color: #007b86;}


#footer #footer-navigation {font-size:9px; letter-spacing:.05em; }
#footer ul {list-style:none; padding:0px; margin:0px; font-family:arial, sans-serif; font-size:14px; float:right; padding-right:35px; padding-top:80px; padding-bottom:30px;}
#footer ul li {display:inline; padding:0px 6px 0px 2px; border-right:1px #000 solid;}
#footer ul li.last-child {border-right:0px;}
#footer ul li a {text-decoration:none; color: #000;}
#footer ul li a:hover {text-decoration:none; color: #007b86;}