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

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

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

body {background-color:#333333}

.container {}

#header {background-color:#333333; height:75px; margin-bottom:9px;}
#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 h1 {color:#ffffff; font-size:19px; display:none;}
#header #logotype h2 {color:#91e149; font-size:19px; display:none;}
#header #logotype span {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;}

#middle {width:770px; height:430px; background-color: #fff; margin: auto; background:url("/_shared/photos/tree.jpg")no-repeat; border: solid #fff 10px;}
#middle #main-navigation {padding:20px 80px 20px 30px; margin-top: 136px; position:absolute; margin-left:290px; float:right; background-color: #4a3c4b; letter-spacing:.05em;}
#middle ul {list-style:none; margin:0px; padding:0px; font-family:georgia, serif; font-size:14px;}
#middle ul li {padding:2px 0px;}
#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.last-child {border-right:0px;}
#middle ul li.apply-now a { font-style:italic;}
#middle #lastline {font-family:georgia, serif; font-size: 23px; color: #333333; background-color: #c7c9cb; margin-top:330px; padding:36px;}

#content { color: #fff; width: 271px; height: 330px; font-family:arial, sans-serif; background-color:#007b86; float: right; line-height: 180%; }
#content p {padding: 0px 20px; font-size: 1em; letter-spacing:0em; line-height:1.9em;}
#content h3 {font-family:georgia, serif; font-size:1.7em; color:#acf2f4; padding:30px 0px 0px 20px;}
#content ul {list-style:none; padding:0px; margin:0px;}
#content h4 {font-size: 100%; font-weight: bold; padding: 0px; margin:16px 0px 0px 0px ; }

#footer {width:820px; height:430px; font-size:9px; margin: auto; text-align: right; }
#footer ul {list-style:none;font-family:arial, sans-serif; margin-top: 15px;}
#footer ul li {display:inline; padding:0px 6px 0px 2px; border-right:1px #fff solid; letter-spacing:.2em;}
#footer ul li.last-child {border-right:0px; margin-right: 0px; padding-right: 0px;}
#footer ul li a {text-decoration:none; color: #fff;}
#footer ul li a:hover {text-decoration:none; color: #acf2f4;}