/*
-------------------------------------------------------
Author : Hussain SM
Website : http://chugsdesigns.com
Last Modified : 16th February 2007
-------------------------------------------------------
*/

/*
global styles
-------------------------------------------------- */

* { 
margin : 0;
padding : 0;
}
body {
background: #f0e8d8 url(../i/body.gif) repeat-x 0 0px;
font: 100%/1.3em "Trebuchet MS", "Trebuchet", "Arial", serif;
color: #000;font-weight: normal;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #1a1aaf;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #1a1aaf;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #1a1aaf;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #1a1aaf;
}
p {
padding: 0 0 15px;
}
abbr, acronym {
font-style: normal; 
border-bottom: 1px dotted #999; 
cursor: help;
}

/* list styles */

ul {
margin: 10px 0;
padding: 0;
}
ul li {
list-style-type: none;
margin: 0 0 15px;
padding: 0 0 0 20px;
background: url(../i/icon-bullet.gif) no-repeat;
line-height: 18px;
}
ol {
margin: 10px 0;
padding: 0 0 0 25px;
}
ol li {
margin: 0 0 15px;
}
ol.list-lower-latin {
list-style-type: lower-latin;
}

/* defination lists */

dl {
margin: 10px 0;
}
dt {
margin: 0 0 5px;
font-weight: bold;
}
dd {
margin: 0 0 10px;
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 5px 35px 0;
background: url(../i/blockquote.gif) no-repeat;
font: italic 1em/1.5em "Trebuchet MS", "Trebuchet", Arial, sans-serif;
color: #666;
}

/* image styles */

a img {
border: none;
}
img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
padding: 2px; 
background: #f0e8d8;
border: 3px double #DED1B9;
}

/* hn */

h1, h2, h3, h4 {
font-family: "Georgia", "Times New Roman", "Times", serif;
font-weight: normal;
color: #800000;
}
h2 {
margin: 0 0 20px;
padding: 0 0 5px;
font-size: 1.6em;
border-bottom: 1px solid #DED1B9;
}
h3 {
margin: 15px 0;
padding: 4px 0 4px 20px;
background: #F7EFDF url(../i/icon-arrow-black.gif) no-repeat 5px 50%;
font-weight: bold;
font-size: 1.2em;
}
h4 {
margin: 10px 0;
font-size: 1em;
font-weight: bold;
}
hr {
background: #DED1B9;
border: 0;
color: #DED1B9;
height: 1px;
margin: 20px 0;
}

/*
layout
-------------------------------------------------- */

#container {
width: 918px;
background: url(../i/container.gif) repeat-y 50% 0;
margin: 20px auto 0;
font-size: 0.9em;
text-align: left;
}
#col-main {
display: inline;
float: left;
width: 558px;
margin: -4px 0 0 0;
background: url(../i/main-top-alt.gif) no-repeat 0 0;
font-size: 0.9em;
text-align: center;
}
#col-left {
float: left;
width: 180px;
margin: 70px 0 0 0;
}
#col-right {
height: 1%;
float: right;
width: 180px;
margin: 70px 0 0;
}

/*
header
-------------------------------------------------- */

#header {
position: relative;
width: 550px;
height: 90px;
margin: 0 auto;
}
h1 {
margin: 0;
padding: 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
position: absolute;
left: 25px;
top: 20px;
display: block;
width: 500px;
overflow: hidden;
margin: 0;
padding: 51px 0 0 0;
background: url(../i/title.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 51px;
line-height: 51px;
}

/* 
navigation 
--------------------------------------------------- */

ul#nav {
position: relative;
width: 180px;
margin: 0 0 60px;
padding: 0;
background: url(../i/nav.gif) repeat-y 0 0;
font-size: 0.9em;
text-align: right;
}
#nav li {
height:1%;
position: relative;
display: block;
list-style-type: none;
margin: 0; 
padding: 0;
background: none;
text-transform: uppercase;
line-height: 30px;
}
#nav li:hover {
background: url(../i/nav-active.gif) repeat-y 0 0;
}
#nav li:hover a {
background: url(../i/nav-active.gif) repeat-y 0 0;
}
#nav li a {
display: block;
margin: 0; 
padding: 0 16px 0 0;
color: #lalaaf;
text-decoration: none;
height: 30px;
}
#nav li a:hover {
background: url(../i/nav-active.gif) repeat-y 100% 0;
color: #000;
}
#nav li a:active {
color: #000;
}
#nav li ul {
display: none;
}
#nav li:hover ul {
display: block; 
position: absolute; 
top: -5px; 
left: 175px; 
width: 200px;
background: #f0e8d8 url(../i/nav.gif) repeat-y 100% 0;
}
#nav li:hover ul li {
ackground: #f0e8d8;
}
#nav li:hover ul li a {
display: block;
padding: 0 16px 0 0;
background: none;
font-size: 0.85em;
color: #lalaaf;
text-transform: none;

}
#nav li:hover ul li a:hover {
background: url(../i/nav-active.gif) repeat-y 100% 0;
color: #000;
}

#nav li:hover ul li ul {
display: none;
}
#nav li ul li:hover ul {
display: block; 
position: absolute; 
top: -5px; 
left: 195px; 
width: 200px;
background: #f0e8d8 url(../i/nav.gif) repeat-y 100% 0;
}

#nav li a.more,
#nav li ul li a.more,
#nav li:hover a.more {
background: url(../i/nav-arrow.gif) no-repeat 96% 50%; 
color: #lalaaf;
}
#nav li a.more:hover,
#nav li ul li a.more:hover {
background: url(../i/nav-arrow.gif) no-repeat 96% 50%; 
color: #000;
}

body#default li#nav-home, 
body#about li#nav-about, 
body#clinical-services li#nav-services, 
body#research li#nav-research, 
body#training li#nav-training, 
body#people li#nav-people, 
body#contact li#nav-contact,
body#sharing li#nav-sharing, 
body#links li#nav-links, 
body#brtc-alumni li#nav-alumni, 
body#staff-resources li#nav-staff {
margin: 0;
background: url(../i/nav-active.gif) repeat-y 0 0;
}

li#nav-staff a,
li#nav-staff a:hover, 
li#nav-affiliates a,
li#nav-affiliates a:hover {
background: url(../i/icon-lock.gif) no-repeat 10px 50%;
}

/*
main column
-------------------------------------------------- */

#content {
margin: 25px;
text-align: left;
}

/* homepage */

#picture {
width: 500px;
/* height: 200px; */
margin: 29px auto;
/* background: url(../i/picture.jpg) no-repeat; */
}
#content-left {
float: left;
width: 249px;
border-right: 1px solid #DED1B9;
}
#content-left-inner {
margin-right: 15px;
}
#content-right {
float: left;
width: 250px;
}
#content-right-inner {
margin-left: 15px;
}
div.content-right-box {
margin: 0 0 15px;
background: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
div.content-right-box-inner {
margin: 1px 0;
padding: 10px 5px;
background: #fff;
}
div.content-right-box h3 {
margin: 0px;
padding: 0px;
font-size: 1.3em;
font-weight: normal;
text-transform: uppercase;
background: #fff;
}

/* people page */

div.person {
float: left;
width: 250px;
margin: 0 0 15px;
padding: 0 0 15px;
font-size: 0.9em;
text-align: center;
}
div.person.right {
float: right;
}
div.person.left {
float: left;
}
img.picture {
float: left;
margin: 0 10px;
padding: 2px; 
background: #f0e8d8;
border: 3px double #DED1B9;
}
p.details {
text-align: left;
}
p.details em {
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}

/* news */

#sec-news {
margin: 20px 0 0;
}
div.news-item {
margin: 0 0 15px;
padding: 0 0 15px;
}
h3.news-item-title {
padding: 0 0 5px 25px;
background: url(../i/icon-doc.gif) no-repeat;
font: 1em "Trebuchet MS", "Trebuchet", "Arial", serif;
}
p.news-item-date {
padding: 0 0 5px;
font-size: 0.85em;
color: #666;
text-transform: uppercase;
letter-spacing: 0.1em;
}

/* inner box */

div.inner-box {
margin: 10px 0 10px 0px;
padding: 10px;
background: #f0e8d8; 
border: 1px solid #DED1B9;
line-height: 1.4em;
}

/* search page */

ul#search-results li {
margin: 0 0 15px;
padding: 0 0 15px 20px;
border-bottom: 1px solid #DED1B9;
}
ul#search-results h3 {
margin: 0 0 10px;
padding: 0;
background: none;
font: bold 1em "Trebuchet MS", "Trebuchet", "Arial", serif;
}
ul#search-results li span {
background: #ff0; 
font-weight: normal;
color: #444; 
}

/* previous next entires */

p.content-navigate {
margin: 20px 0;
text-transform: uppercase;
}
span.alignright {
float: right;
background: #F7EFDF;
padding: 5px;
}
span.alignleft {
float: left;
background: #F7EFDF;
padding: 5px; 
}

/*
right column
-------------------------------------------------- */

div.col-right-sec,
div.col-right-box {
height: 1%;
margin: 0 0 40px 20px;
font-size: 0.8em;
}
div.col-right-sec h3,
div.col-right-box h3 {
margin: 0 0 10px;
padding: 0;
background: none;
font-size: 1.5em;
font-weight: normal;
}

/* search */

#form-search {

}

#form-search fieldset {
border: none;
}
#form-search label {
font-size: 0.95em;
}
#search-main {
width: 100px;
margin: 0;
padding: 3px;
background: #fff;
border: 1px solid #DED1B9;
}
.button {
padding: 2px;
background: #715D4A;
border: 3px double #999;
border-top-color: #bbb;
border-left-color: #bbb;
font-size: 85%;
color: #f0e8d8;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

div.col-right-box.contribute {
background: #fff;
padding: 10px 5px;
border: 1px solid #DED1B9;
line-height: 1.5em;
}

div.col-right-box.help {
background: #fff;
padding: 10px 5px;
border: 1px solid #DED1B9;
line-height: 1.5em;
}

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

#footer {
width: 558px;
margin: 0 auto;
padding: 25px 0 0;
background: url(../i/main-bottom.gif) no-repeat 0 0;
font-size: 0.7em;
color: #999;
line-height: 1.2em;
}
#footer p {
margin: 0 4px;
}

/* 
misc		
------------------------------------------------------ */

p.note {
font-size: 0.9em;
color: #999;
}
a.pdf span,
a.doc span {
position: absolute;
left: -1000px;
width: 900px;
}
a.pdf:link {
height: 1%;
background: url(../i/icon-pdf.gif) no-repeat 0 0;
padding: 0 0 0 20px;
}
a.doc:link {
height: 1%;
padding: 0 0 0 20px;
background: url(../i/icon-word.gif) no-repeat 0 50%;
}

/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */