body {
	font-size: small;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff7e7;
	}
	a img { border:0; }
	.small-meta {
font-size: 90%;
}
#wrapper {
	width: 950px;
	margin: 5px auto 5px auto;
background-color:#9EA88C;

	}

.clear{
	clear: both;
	}
#mainnavigation {
width: 100%;
font-size: 85%;
padding-left:5px;

}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 style the outer div to give it width 
.menu {
width:100%; 
float: left;
padding-bottom:200px;
background-color:red;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
background-color:#f7dec6;
}
.menu ul ul {
width:105px;

}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:105px;
position:relative;

}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size: 95%;
text-decoration:none; 
color:#000; 
width:99px; 
height:31px; 
border-right:1px solid #f7dec6; 
border-width:1px 1px 0 0; 
background:#9EA88C; 
padding-left:5px; 
line-height:30px;
}
.menu ul ul a {
border:1px solid #f7dec6; 
border-width:1px 1px 0 0; 
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:105px;
w\idth:97px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#ddc6b0;
}
.menu ul ul ul :hover > a {
background:#ddc6b0;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:105px; 
top:0;
width:105px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-105px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1.5em; 
padding:5px 0px 5px 5px; 
width:99px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:105px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
#container {
float: left;
width:100%;
background: #fff7e7 url(images/archslice2.gif) top left repeat-y;

}
#inner_container {
float: left;
width:100%;
background:  url(images/interior_951_final_possible8.jpg) top left no-repeat;
}
#defaultpageheader {
width: 100%;
margin: 0;
padding: 0;
font-family:"Garamond", "Times New Roman", "Times",serif;
float: left;
}
#header {
width: 100%;
margin: 0;
padding:0;
background: url(images/OPHIHomepageheaderNologo950.jpg) top left no-repeat;
font-family:"Garamond", "Times New Roman", "Times",serif;
height: 289px;
float: left;
}
#title {
width: 60%;
margin: 0;
padding: 0;
float:left;
color: #fff7e7;
}
#inner_title {
float: right;
margin-right: 20px;
width: 420px;
}
#inner_title .logo h1 {
margin: 2px 0 0 0 ;
padding: 0;
line-height: 70px;
}
#inner_title h2 {
color: #fff7e7;
margin: 0;
padding: 0;
font-size: 140%;
}
#inner_title h3 {
color: #fff7e7;
margin: 0;
padding: 0;
font-size: 100%;
}
#inner_title h3 a{
color: #fff7e7;
text-decoration:none;}
#wrapper #header #title .logo h1{
font-size: 7em;

padding: 0;
color:#fff7e7;
font-weight: 200;
}
#inner_title .logo h1 {
font-size: 6em;

padding: 0;
color:#fff7e7;
font-weight: 200;
}
#wrapper #header #title .logo h1{
float: left;
margin: 0 5px 0 10px;
}
#wrapper #header #title .strap {
margin:2em 0 0 1em;
float: left;
}
#wrapper #header #title .strap h2{
margin: 3px 0 0 3.5px;
padding:0;
color: #fff7e7;
text-align: left;
}
#header img, #searchbox{
float: right;
margin: 18px 18px 0 0;

}
#searchbox form .submit  {
	cursor: hand;
    background-color: transparent;
	text-decoration: underline;
	border: none;
	color: #f8dda7;
	font-family: "Garamond", "Times New Roman", "Times",serif;
	font-size: 1.15em;
	margin-left:0;
	padding-left:0;
}
#headertextbox{
clear: both;
width: 55%;

margin: 0px 0 0 420px;
}

#purpose {
float: left;
width: 70%;

margin: 0;
padding: 0 0 5px 0;
}

#purpose p.heading1, #purpose .heading2 {

font-style:oblique;
font-size: 4em;
color: #660000;
margin: 0;
padding: 0;
line-height: 35px;
}
 #purpose .heading2 {

 margin-left: 50px;
 margin-bottom: 20px;
 }

  #purpose p span  {
margin-left: 40px;

 }
   #purpose p.text {
line-height: 0.5em;
margin-left: 0 0 0 25px;
font-size: 1.15em;

 }
 #address {

 width:30%;
 float: right;
 margin: 95px 0 0 0;
 padding: 0;
 }
 #address p {
 margin: 0;
 padding: 0;
 }
#headertextbox #address p.addressheading2 a,#headertextbox #address p.addressheading1 a{
 color:#660000;
 text-decoration:none;
 }
 #bread_search{
 float:left;
 width: 100%;
 margin: 10px 0 0px 0;
 padding: 0;
 }
#bread_search_inner {
float: left;
width:90%;
}
#bread{
clear: both;
margin: 0 0 0 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
float: left;
width: 55%;
}
#bread p{
padding: 0 0 0 210px;
margin:0;
}
 #bread_search #default_searchbox form{
float: right;
width: 40%;
margin: 0 0 0 0;
padding:0;
}

 
#bread_search #ophi_social {
float: right;
width:10%;
}
#bread_search #ophi_social a{
float: right;
}

#bread_search #default_searchbox form .submit  {
cursor: hand;
background-color: transparent;
text-decoration: underline;
border: none;
color: #000000;
font-size: 90%;
margin-left:0;
padding-left:0;
}

#bread_home {
float:left;
width: 90%;
}
#ophi_social_home {
float: right;
width: 8%;
margin-top: 10px;
}
#main {
float: left;
width: 100%;
background-color: #fff7e7;
padding-top: 0px;
font-size: 85%;
line-height: 16px;
font-weight:500;
}
#defaultmain{
float: left;
width: 100%;
margin-top: 0;
padding-top: 0px;
font-size: 85%;
line-height: 16px;
font-weight:500;
}
#defaultpageheader img.main_image {

float: right;
width: 380px;
}
#defaultpageheader img.university_logo {
padding: 10px;
}


/*#main h1,h2,h4, #defaultmain h1,h2,h4{
color: #7a0404;
font-family:"Garamond", "Times New Roman", "Times",serif;

}*/
#main h1,h2,h3,h4, #defaultmain h1,h2,h3,h4{
text-align: left;
font-family:"Garamond", "Times New Roman", "Times",serif;
}
#rightcontainer h1, #leftcontainer h1, #rightsidebarindex h1{
color: #7a0404; /*red*/
font-size: 29px;
font-weight:bold;
line-height: 25px;
margin-left: 0;
padding-left: 0;
margin-bottom: 3px;
}
#rightcontainer h2, #leftcontainer h2, #rightsidebarindex h2{
color: #000000; /*black*/
margin-bottom: 3px;
font-size: 22px;
font-weight:bold;
line-height: 25px;
margin-left: 0;
padding-left: 0;
}
#rightcontainer h3, #leftcontainer h3, #rightsidebarindex h3{
font-size: 19px;
color: #7a0404;
margin-bottom: 3px;
font-weight:bold;
line-height: 20px;
margin-left: 0;
padding-left: 0;
}
#rightcontainer h4, #leftcontainer h4, #rightsidebarindex h4{
font-size: 12px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height: 8px;
margin-left: 0;
padding-left: 0;
margin-bottom: 3px;
}
#main a,#footer a, #defaultmain a {
text-decoration: none;
color: #7a0404;
font-weight:600;
}
#wrapper #main #leftcontainer .publications a{
font-size: 110%;
}
#main a:hover,#footer a:hover,
#defaultmain a:hover,
#headertextbox #address p.addressheading2 a:hover,
#headertextbox #address p.addressheading1 a:hover,
#inner_title h3 a:hover {
text-decoration:underline;
}
#menusidebar{
float: left;
width: 15%;
margin-top: 30px;
padding-left: 30px;
margin-bottom: 40px;
padding-bottom: 30px;
}

#menusidebar h3, #rightsidebar3column #simple h3, #rightsidebar3column #simple_top h3{

margin-bottom: 10px;
padding-bottom: 10px;
/*margin-left: 10px;*/

font-size: 16px;
text-align: center;
}
#rightsidebar3column #simple h3, #rightsidebar3column #simple_top h3{
width: 80%;
}
#rightsidebar3column h3 {
color: #7a0404;
text-align: left;
}
#wrapper #main #menusidebar ul,#rightsidebar ul ,#wrapper #defaultmain #menusidebar ul {
background-color: #fff7e7;
list-style: none;

margin: 0;
padding: 0;
}
#main #menusidebar ul li, #defaultmain #menusidebar ul li{
border-top: solid 1px #f2e1d1;
text-align: right;
margin: 5px 0 0 0;
padding: 5px 0 0 0 ;
}

#main #menusidebar ul ul li,#defaultmain #menusidebar ul ul li {
border-top: none;
background-color: #fff7e7;
margin: 5px 0 0 30px;
list-style: none;
}
#main #rightsidebar ul{
list-style: none;
}
#main #menusidebar ul ul, #defaultmain #menusidebar ul ul {
background-color: #fff7e7;

padding: 0px;
}
#menusidebar ul ul li,#menusidebar ul ul li a,#rightsidebar li{
font-weight: normal;
margin:0;
padding:0;
color: #000000;
}
#menusidebar li , #rightsidebar li{
padding-bottom: 7px;
padding-top: 7px;
}

#rightsidebar ul, #rightsidebar h3{
margin-left: 20px;
}

#rightcontainer {
width: 78%;
float: right;
text-align: justify;
/*padding-right: 10px;*/
}
#leftcontainer{
width:72%;
float: left;
background-color: #fff7e7;
padding:0 10px 0 0;
margin: 0;
}
#content{
float: left;
width: 67%;
text-align: justify;
padding: 3px 20px 3px 0;
}
/***************************************** New homepage formatting 15th June 2011********************************/
.spotlight{
width: 95%;
float: left;
background-color: #ddc6b0;
padding: 5px 15px 30px 25px;
margin-top: 10px;
margin-bottom: 10px;
}
.spotlightborder{
width: 71%;
float: left;
border: double 4px #ddc6b0;
padding: 5px 15px 10px 25px;
margin-top: 10px;
margin-bottom: 5px;
}
.featurebox {
background-color: #ddc6b0;
padding: 10px;
margin-top: 15px;

}
#main #rightsidebarindex .featurebox h2, #defaultmain #rightcontainer #rightsidebar3column .featurebox h2 {
color: #7a0404;
text-align:center;
font-style:normal;
margin: 0;
padding: 0;
}

.button_panel {
width: 100%;
float: left;
padding-top: 15px;
padding-left: 0;
margin-left: 0;
margin-bottom: 10px;
}
.spotlight img, .button_panel img  {
display: block;
padding-left: 12px;
float: left;
}
.button_panel img  {
padding-left: 0px;
}
.button_panel dl{
float: left;
width: 165px;
margin:0 0 10px 0;
padding: 0;

}
.button_panel dt {
width: 155px;
padding: 0px 0 10px 0px;
margin: 0 0 5px 0;
}
.button_panel dl dt a img {
margin-bottom: 5px;
}
.button_panel dd {
width: 155px;
padding-left: 15px;
padding-top: 5px;
margin: 0;
}
.spotlight img  {
padding-left: 0px;
}
.spotlight dl{
float: left;
width: 210px;
margin:0 5px 10px 0;
padding: 0;

}
.spotlight dt {
width: 205px;
padding: 0px 0 10px 0px;
margin: 0 0 5px 0;
}
.spotlight dl dt a img {
margin-bottom: 5px;
}
.spotlight dd {
width: 200px;
padding-left: 5px;
padding-top: 5px;
margin: 0;
}
.ophibox{
width: 95%;
float: left;
background-color: #f7dec6;
padding: 10px 0 10px 35px;
margin-top: 10px;
margin-bottom: 10px;
}
.ophibox dl{
width: 210px;
float: left;
margin: 0 5px 10px 0;
padding-left: 1px;
}
.ophibox dt{
padding: 0px 0 0px 0px;
margin: 0 0 5px 0;
}
.ophibox dl dd a img {
margin-bottom: 5px;
display: block;
text-align: center;
}
.ophibox dd {
padding-left: 0px;
padding-top: 5px;
margin: 0;
}
/*************************************end of new homepage formatting *******************************************/
/*************************************podcast sidebar formatting ***********************************************/
#defaultmain #rightcontainer #content dl{
float: left;
width: 124px;
margin: 10px 0 10px 0;
padding: 0;
height: 120px;
}
#defaultmain #rightcontainer #content dl dd{
margin: 0;
padding: 0;
width: 120px;
font-size: 80%;
color: #7a0404;
text-align:left;
}
/************************************end podcast sidebar formatting*******************************************/
/************************************online training portal sidebar*******************************************/
.sidebarimagelist dl {
float: left;
width: 100%;
margin: 0 0 10px 0;
padding: 0;
}
.sidebarimagelist dl dt {
width: 24%;
float: left;
display: block;
margin:0;
padding:3px 7px 0 10px;
}
.sidebarimagelist dl dd {
float: right;
width: 62%;
display: block;
margin:0 ;
padding:0 5px 0 7px;
text-align:left;
}
/*************************************end online training portal sidebar*************************************/
#leftcontainer p{
padding: 3px 20px 3px 0;
}
#rightsidebar3column{
width: 30%;
float:right;
padding-top: 0px;
margin-top: 0px;

}
#rightsidebarindex {
width: 25%;
float:right;
margin-bottom: 20px;

}
#dynamicbox, #mailboxfixed {
background-color:#9EA88C;
padding-bottom: 5px;
margin-bottom: 10px;
}
#mailboxfixed {
width: 250px;
}
#mailboxfixed p {
padding:0 5px 0 5px;
text-align: left;
}
#dynamicbox h1,#dynamicbox h2,#dynamicbox h3,#dynamicbox h4, #manualbox h1, #manualbox h2,#manualbox h3,#manualbox h4,{
padding-left: 11px;
padding-right: 11px;
}

#dynamicbox .dynamicboxheading, #mailboxfixed .mailboxfixedheading {
padding: 5px;
background-color:#485a44;
color: #ffffff;
}
#dynamicbox a.dynamictitle, #mailboxfixed a.mailboxfixedtitle{
color: #000;
}
#simple{
margin: 10px 0 10px 0;
}
#simple ul li{
list-style: none;
}
#simple_top{
margin: 40px 0 20px 30px;
}
#simple_top ul li{
list-style: none;
}
#manualbox {
background-color:#f7dec6;
padding-bottom: 5px;
margin-bottom: 10px;
}
#manualbox ul li{
list-style: disc;
margin: 0px 0 0px 10px;

color: #000000;
}
#manualbox .manualboxheading {
padding: 5px;
background-color:#ddc6b0;
color: #000000;
}
#rightsidebar3column p, 
#rightsidebarindex p,
#rightsidebarindex #dynamicbox h1,
#rightsidebar3column #dynamicbox h1,
#rightsidebarindex #dynamicbox h2,
#rightsidebar3column #dynamicbox h2,
#rightsidebarindex #dynamicbox h3,
#rightsidebar3column #dynamicbox h3{
padding: 0px 10px 0px 10px;
text-align: left;
}
#footer{
width: 100%;
float: left;
text-align: center;
font-size: 80%;
background-color: #fff7e7;
margin:0;
padding:0;
line-height: 0.5em;
border-top: solid 5px #ddc6b0;

}
/* From original OPHI site */
.staff td{
	border:1px solid #7a0404;
	padding: 10px;
	text-align:left;
}
.people-box{
	width: 500px; 
	height: 75px; 
	border:1px solid #7a0404;
}
.people-picture{
	width: 75px;
	height: 75px;
	border-right: 1px solid #7a0404;
}	
.people-name{
	text-indent: 5px;
	font:18px arial, helvetica, sans-serif;	
	color: #7a0404;
	height: 30px;
}
.people-title{
	text-indent: 5px;
	color: #635241;
}
.people-email{
	text-indent: 5px;
	vertical-align:bottom;
	height: 25px;
	border-top: 1px solid #7a0404;
}
/* Wordpress-specific stuff */
.postmetadata{
	color: #000;
	margin: 0;
	padding: 0;
}

p img{
	padding: 0;
	max-width: 100%;
}
img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright{
	padding:0;
	margin: 2px 0 5px 10px;
	display: inline;
	float:right;
}
.alignleft{
	padding:0;
	margin: 2px 10px 5px 0;
	display: inline;
	float:left;
}
.aligncenter,
div.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.navigation .alignleft{
	text-align:left;
}
.navigation .alignright{
	text-align:right;
}
.navigation{
	font-size:1.2em;
	clear:both;
	margin:20px 0;
}
/*Meta Data styling*/
.post-meta {
list-style:none;
}
.post-meta-key {
display: block;
width:100px;
font-weight: bold;
}
/* Tables */
#main table,#defaultmain table{
  border-collapse: collapse;
  border: 1px solid #8c1c21;
  color: #000;
  padding: 0;
  margin: 5px;
}
#main tbody td, #defaultmain tbody td{
  border: 1px dotted #8c1c21;
  padding: .4em;
  color: #000;
  vertical-align: top;
  text-align: left;

}

#main th, #defaultmain th{
  text-align: left;
  color: #000000;
  background-color: #cccccc;
  font-weight: bold;
  padding-top:3px;
  text-align: center;
  border-width: 0px 1px 1px 1px;
  border-color: #8c1c21;
  border-style: dotted;
}
 #main th a , #defaultmain th a{
color: #000000;
}
#main .noborder table, #defaultmain .noborder table,#main .noborder tbody  td, #defaultmain .noborder tbody  td {
border: none;
}