* {
margin: 0;
padding: 0;
}
html {
/*force scrollbar in FF + Safari to prevent jumping side-to-side on short pages*/
height: 100%;
margin-bottom: 1px;
}
body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-size: 1.4em;
color: #f00;
margin: 0 55px 1em 20px;
font-weight: 400;
}
h2 {
font-size: 1.1em;
margin: 1.25em 55px .25em 20px;
}
h3{
}
p {
font-size: 1.1em;
line-height: 1.4;
margin: 0 55px 1em 20px;
}
blockquote {
font-size: 1.1em;
line-height: 1.4;
margin: 1.50em 55px 1em 60px;
}
a {
color: #104EB4;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
text-decoration: none;
}
#wrapper {
margin: 22px auto 15px auto;
padding-bottom: 20px;
width: 777px;
}
/*#header {
background: #fff url(images/header_about-us.jpg) no-repeat left top;
height: 199px;
position: relative;
}
#navigation {
position: absolute;
top: 37px;
left: 16px;
}*/
#headerAboutUs {
background: #fff url(images/header-about-us.jpg) no-repeat left top;
height: 20.2em;
min-height: 202px;
}
#headerServices {
background: #fff url(images/header-services.jpg) no-repeat left top;
height: 20.2em;
min-height: 202px;
}
#headerProjects {
background: #fff url(images/header-projects.jpg) no-repeat left top;
height: 20.2em;
min-height: 202px;
}
#headerPublications {
background: #fff url(images/header-publications.jpg) no-repeat left top;
height: 20.2em;
min-height: 202px;
}
#headerPeople {
background: #fff url(images/header-people.jpg) no-repeat left top;
height: 20.2em;
min-height: 202px;
}
#headerContactUs {
background: #fff url(images/header-contact-us.jpg) no-repeat left top;
height: 20.2em;
min-height: 202px;
}
#headerError {
background: #fff url(images/header-error.jpg) no-repeat left top;
height: 20.2em;
}
#navigation {
float: left;
margin: 38px 0 0 16px;
}
#navigation img {
behavior: url("pngbehavior.htc");
}
#navigation ul {
margin: 50px 0 0 16px;
list-style: none;
}
#navigation ul li {
margin: 0 0 5px 0;
padding: 0;
}
#navigation ul li a {
color: #fff;
text-decoration: none;
font-weight: 700;
}
#navigation ul li a:hover {
color: #f00;
}
/****Styles for Services sub-sections navigation*****/
#navigation ul li a.ServicesSub {
color: #666;
text-decoration: none;
font-weight: 700;
}
#navigation ul li a.ServicesSub:hover {
color: #f00;
}
#main {
float: left;
width: 775px;
clear: both;
border-top: none;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
border-left: 1px solid #c4c4c4;
}
#sidebar {
width: 155px;
float: left;
padding-top: 20px;
}
#sidebar img {
margin: 0 0 23px 33px;
}
#sidebar ul {
margin: 0 16px 15px 16px;
list-style-type: none;
}
#sidebar ul li {
margin-bottom: .8em;
list-style-type: none;
}
* html #sidebar ul li { /* kills the pesky IE margin madness */
float:left;
clear: left;
margin-bottom: .6em;
}
#sidebar ul li a {
color: #666;
text-decoration: none;
padding-left: 15px;
display: block;
}
#sidebar ul li a:hover {
color: #000;
text-decoration: none;
background: url(images/bullet_grey_star.gif) no-repeat 0.1em;
}
#sidebar ul li a#active {
background: url(images/bullet_red_star.gif) no-repeat 0.1em;
color: #f00;
margin-bottom: .4em;
}
#mainContent {
width: 504px;
padding: 20px 0;
border-right: solid 1px #c4c4c4;
border-left: solid 1px #c4c4c4;
float: left;
}
#mainContent ul {
font-size: 1.1em;
line-height: 1.4;
margin: 1em 55px 1em 35px;
}
#sidebar2 {
padding-top: 20px;
}
#sidebar2 img {
margin-left: 10px;
}
#clear {
clear: both;
height: 50px;
}
#footer {
margin: 0 0 10px 0;
}
#footer p#copyright {
margin: 4px 0 15px 8px;
color: #c4c4c4;
font-size: 1.1em;
float: left;
}
#footer #footerContact {
float: right;
margin: 4px 25px 15px 0;
}
#footer #footerContact a {
color: #f00;
text-decoration: none;
}
#footer #footerContact a:hover {
color: #c4c4c4;
}
#printLogo {
display: none;
}