@charset "utf-8";
* { 
padding : 0; 
margin : 0; 
} 
img { 
padding : 5px; 
border : 1px solid #bb133e;
} 

img.flag {
padding: 0px; 
border : none;
}
img.floatTL { 
float : left; 
margin-right : 10px; 
margin-bottom : 40px; 
margin-top : 5px; 
margin-left : 10px; 
} 
img.floatTR { 
float : right; 
margin-left : 10px; 
margin-bottom : 5px; 
margin-top : 5px; 
margin-right : 10px; 
}

img.pub {
margin-left : 10px; 
margin-bottom : 20px; 
margin-top : 5px; 
margin-right : 10px;
} 
body {
   font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size : 13px;
   background-color : #547bb5;
   color: black;
}

body.index {
background-image : url(images/background/bkrd_main.jpg); 
background-repeat : repeat-x;
}
body.general {
background-image : url(images/background/bkrd_general.jpg);
background-repeat : repeat-x;  
} 

#maintext li {
padding : 5px 0 0 0; 
width : 100%; 
display : block; 
text-decoration : none; 
text-indent : 10px; 
}

#wrap { 
margin : 0 auto; 
width : 1000px; 
border : 5px solid #bb133e; 
} 
.clear { 
clear : both; 
} 
#header_top { 
float : left; 
width : 1000px; 
height : 65px; 
} 
#navigation {
padding : 0; 
width : 80.75em;
margin: auto; 
background : transparent; 
voice-family : "\"}\""; 
voice-family : inherit; 
font-size : 0.9em; 
margin-top : 18px; 
float : right; 
} 
#navigation ul { 
margin : 0; 
margin-left : 0; 
padding : 0; 
list-style : none; 
float : right; 
width : 100%; 
} 
#navigation li { 
display : inline;
margin: .2em 0;  
padding : 0; 
text-transform : uppercase; 
} 
#navigation a { 
display : block; 
margin : 0 1px 0 0; 
padding : 5px 10px; 
text-decoration : none; 
letter-spacing : 1px; 
border-bottom : 1px solid #a8c4ed; 
background : #000; 
color : #a8c4ed; 
float : left; 
} 
#navigation a:hover { 
background-color : #003399; 
color : #ffffff; 
} 

#navigation #current a { 
background-color : #a8c4ed; 
border-color : #a8c4ed; 
color : #00204e; 
} 

#header {
float : left;
width : 1000px;
height : 90px;
background-repeat : no-repeat;
}

#header.index { 
background-image : url(images/background/ic801518h_si_002.jpg);
}

#header.publications { 
background-image : url(images/background/ic801518h_si_003.jpg);
}

#header.research_areas {  
background-image : url(images/background/ja016817p-4_s2.jpg);
}  

#header.bob_morris{ 
background-image : url(images/background/RuHOHtmenPPh32.jpg);
}

#header.members{ 
background-image : url(images/background/RuHClCOtmenPPh3.jpg);;
}  

#header.pictures{  
background-image : url(images/background/bowling_bkrd.jpg);
}

#header.lab{  
background-image : url(images/background/om8009377_si_001.jpg);
}

#header.links{ 
background-image : url(images/background/RuHClCOtmenPPh3.jpg);
}

#logo { 
margin-top : 10px; 
margin-left : 10px; 
float : left; 
text-align : left; 
} 
#logo h1.lineone { 
font-size : 1.8em;
float: left; 
font-weight : lighter; 
font-family : helvetica, arial, sans-serif; 
border : none; 
letter-spacing : -1px; 
color : #547bb5; 
} 
#logo h1.lineone span { 
color : #00204e; 
} 
#logo h2.linetwo { 
font-size : 1.3em; 
font-family : helvetica, arial, sans-serif; 
text-transform : none; 
top : 25px; 
left : 14px; 
color : #00204e; 
} 
#left { 
float : left; 
width : 200px; 
} 
#left ul { 
list-style-type : none; 
margin : 7px 5px 0 10px; 
padding-top : 5px; 
border-top : 1px dotted #00204e; 
} 
#left li { 
padding : 5px 0 5px 0; 
} 
#left li a { 
width : 100%; 
display : block; 
text-decoration : none; 
border-bottom : 1px dotted #00204e;
padding-bottom : 8px; 
text-indent : 5px; 
color : #00204e; 
} 
#left li a:hover { 
color : #bb133e;  
} 

#left #current a {  
color : #bb133e; 
}

#left h2 {
padding : 10px; 
color : #00204e;
font-size : 1.2em;
}

#left h3 { 
margin : 10px 0 0 0; 
padding : 10px; 
color : #006600; 
text-decoration : underline; 
font-size : 1.4em; 
} 

#main { 
float : left; 
width : 800px; 
text-align : justify; 
} 

#main h2, #welcomebox h2, #newsbox h2, #leftcolumnbox h2, #rightcolumnbox h2{ 
padding : 10px; 
color : #00204e; 
font-size : 1.6em; 
}

#main h3, #members h3, #welcomebox h3, #newsbox h3, #leftcolumnbox h3, #rightcolumnbox h3, #research h3{
padding : 10px; 
color : #00204e;
font-size : 1.2em;
} 

#main p, #members p, #welcomebox p, #newsbox p, #leftcolumnbox p, #rightcolumnbox p{ 
margin : 0 10px 10px 10px; 
padding-top : 10px;  
}

#main p.profile {
line-height : 20px;
}

h2.titlebox {
margin-top : 10px; 
margin-left : 10px;
float : left;
width: 990px;
height: 40px;
color : #00204e; 
font-size : 1.6em;
}

#members div.imagebox {
float : left;
padding-left : 10px;
width : 150px;
height : 220px;
}

#research div.imagebox{
float: left;
padding-left: 10px;
width: 790px;
}

#members div.infobox {
float : left;
padding-right : 40px;
width : 300px;
height:220px;
}

#welcomebox {
float : left;
width : 600px;
padding-right : 100px;
}

#newsbox {
float : left;
width : 300px;
}

#leftcolumnbox, #rightcolumnbox{
float: left;
width: 450px;
padding-right: 50px;
}

 
#footer { 
float : left; 
width : 1000px; 
text-align : center; 
padding : 10px 0; 
border-top : 5px solid #bb133e; 
} 

#footer img {
padding: 0px; 
border : none;
}
}