/* extra file to help the css mouseover work in the navbar with MSIE */
/* view-source:http://www.xs4all.nl/~peterned/htc/csshover3-source.htc */

body { behavior:url("csshover.htc"); }

/* START PAGE LAYOUT */

body {
 margin:0px;
 padding:0px;
 border:0;
 background:#fff url('images/white_shade.png') top left no-repeat;
 font: normal 100% Verdana, Helvetica, Trebuchet, Arial, sans-serif;
 word-spacing:0em;
 letter-spacing:0em;
 color:#333333;
 font-size:10px;
}

.onlyprint { display:none; }
.donotprint {  }

/* { padding:0px; margin:0px; } */

.wrapper { 
 text-align:left;
 margin:0px auto;
 padding:0px;
 width: 820px;
}

.upper {
 background:#fff url('images/header_logo.jpg') left top no-repeat;
 padding-top:240px;
}

.left {
 float:left;
 padding-right:4px;
 width: 130px;
}

.middle {
 float:left;
 width:680px;
 color:#666666;
}

.footer {
 clear:both;
 margin:0px 20px 0px 0px;
 text-align:center;
 background:#fff url('images/bg_shade_under.gif') left bottom repeat-x; 
 padding-bottom:30px;
 color:#000;
 font-size:xx-small;
}

.footer a {
 text-decoration:none;
}
/* END PAGE LAYOUT */

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

/* START NAVBAR */


ul.home {
 float:left;
 margin:0px;
 padding:0px;
 list-style-type: none;
 height:31px;
}

ul.home li { 
 float:none;
 width:134px;
 height:22px;
 text-align:center;
 font-weight:normal;
 padding-top:10px;
 text-transform:uppercase;
 white-space:nowrap;
 padding-bottom:0px;
 background:#fff url('images/bg_button_empty.gif') left top repeat-x;
}

ul.home li a {
 text-decoration:none;
 text-transform:uppercase;
}

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

/* http://css.maxdesign.com.au/listamatic2/horizontal04.htm# */

#navbar {
 float:left;
 height:31px;
}

ul#navbar {
 padding:0px;
 width:666px;
 background-color:#fff;
 margin:0px;
 list-style-type: none;
}

ul#navbar li {
 margin:0px 0px 0px 3px;
 list-style-type: none;
}

ul#navbar li {
 float:left;
 height:22px;
 width:108px;
 background:#fff url('images/bg_button_orange.gif') left top no-repeat;
 text-align:center;
 padding-top:10px;
 color:#000;
 text-transform:uppercase;
 white-space:nowrap;
}

ul#navbar li:hover {
 background:#fff url('images/bg_button_blue2.gif') left top no-repeat;
 color:#fff;
}

ul#navbar li a, ul#navbar li a:hover, ul#navbar li a:active {
 text-decoration:none;
}

body#who_we_are li#who_we_are { background:#fff url('images/bg_button_blue2.gif') left top no-repeat; color:#fff; }
body#what_we_do li#what_we_do { background:#fff url('images/bg_button_blue2.gif') left top no-repeat; color:#fff; }
body#where_we_work li#where_we_work { background:#fff url('images/bg_button_blue2.gif') left top no-repeat; color:#fff; }
body#media li#media { background:#fff url('images/bg_button_blue2.gif') left top no-repeat; color:#fff; }
body#research li#research { background:#fff url('images/bg_button_blue2.gif') left top no-repeat; color:#fff; }
body#services li#services { background:#fff url('images/bg_button_blue2.gif') left top no-repeat; color:#fff; }

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

ul#navbar li:hover ul#sub_navbar {
 display:block;
 position:absolute;
 margin:5px 0px 0px 0px;
 padding:0px;
 background: url('images/white_shade.png') top left repeat;
 border:1px solid #dcdcdc;
}

ul#navbar li:hover ul#sub_navbar li a {
 display:block;
 padding:2px;
}

ul#sub_navbar { 
 display:none;
}

ul#sub_navbar li { 
 float:none;
 margin:0px;
 background:none;
 text-align:left;
 font-weight:normal;
 padding-top:6px;
 text-transform:uppercase;
 white-space:nowrap;
 padding:5px 5px 0px 5px;
 color:#600;
 width:17em;
}

ul#sub_navbar li a {
 padding:0px;
 margin:0px;
}

ul#sub_navbar li:hover {
 background:#fff url('images/bg_button_empty.gif') left top repeat-x;
}

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

ul#leftnavbar {
 margin:0px;
 padding:4px 0px 0px 0px;
 list-style-type: none;
}

ul#leftnavbar li { 
 float:none;
 width:134px;
 height:28px;
 text-align:center;
 font-weight:normal;
 padding-top:8px;
 text-transform:uppercase;
 white-space:nowrap;
 padding-bottom:0px;
 background:#fff url('images/bg_button_empty.gif') left top repeat-x;
}

ul#leftnavbar li a {
 text-decoration:none;
 text-transform:uppercase;
}

/* END NAVBAR LAYOUT */

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

/* START CONTENT */

p { margin:0; padding:0; }
hr { height:0; border:0; border-top:1px solid #b2b2b2; text-align:center; }

.content_img {
 float:left;
 width:218px;
 margin-left:4px;
 overflow:hidden;
 text-align:center;
}

.content {
 float:left;
 width:438px;
 border:#dcdcdc 1px solid;
 background:#fff url('images/bg_shade_under.gif') left bottom repeat-x; 
 padding-bottom:20px;
}

.content_index {
 border:#dcdcdc 1px solid;
 background:#fff url('images/bg_shade_under.gif') left bottom repeat-x; 
 padding-bottom:20px;
}

.teaser {
 background:#fff url('images/bg_shade_under.gif') left bottom repeat-x; 
 padding-bottom:20px;
}

.teaser h2 {
 color:#023867;
 height:36px;
 background: #dcdcdc url('../css/images/button.gif') 3px 50% no-repeat;
 margin:0px;
 padding:6px 0 0 25px;
 text-transform:uppercase;
 font-size:120%;
 font-weight:bold;
 text-align:left;
}

.teaser ul {
 padding:0px 1px 0px 5px;
 margin:0px 1px 0px 5px;
}

.teaser li {
 padding:1px;
 margin:1px;
}

.content h1, .content_index h1 {
 background:#f1860f url('images/bg_shade_top.gif') left top repeat-x; 
 margin:0px;
 padding:0 10px;
 padding-top:6px;
 text-transform:none;
 color:#000;
 font-size:120%;
 font-weight:bold;
 text-align:left;
}

.content h1 {
 height:24px;
}

.content_index h1 {
 height:40px;
}

.content h2 {
 color:#002a54;
 font-size:120%;
 font-weight:bold;
}

.content h3 {
 color:#000;
 font-size:100%;
 font-weight:normal;
}

.content_image {
 width:216px;
 height:97px;
 overflow:hidden;
 margin:0px;
 padding:0px;
}

.content_text {
 padding:10px;
}

.middle a:link		{ color:#000000; text-decoration:none; }
.middle a:visited	{ color:#333333; text-decoration:none; }
.middle a:active	{ color:#000000; text-decoration:none; }
.middle a:hover		{ color:#000000; text-decoration:underline; }

.upper a:link		{ color:#000000; text-decoration:none; }
.upper a:visited	{ color:#333333; text-decoration:none; }
.upper a:active		{ color:#000000; text-decoration:none; }
.upper a:hover		{ color:#000000; text-decoration:underline; }

#navbar a:link		{ color:#000000; text-decoration:none; }
#navbar a:visited	{ color:#333333; text-decoration:none; }
#navbar a:active	{ color:#000000; text-decoration:none; }
#navbar a:hover		{ color:#000000; text-decoration:underline; }

#sub_navbar a:link		{ color:#002a54; text-decoration:none; }
#sub_navbar a:visited	{ color:#002a54; text-decoration:none; }
#sub_navbar a:active	{ color:#000000; text-decoration:none; }
#sub_navbar a:hover		{ color:#000000; text-decoration:underline; }

#leftnavbar a:link		{ color:#000000; text-decoration:none; }
#leftnavbar a:visited	{ color:#333333; text-decoration:none; }
#leftnavbar a:active	{ color:#000000; text-decoration:none; }
#leftnavbar a:hover		{ color:#000000; text-decoration:underline; }


/* GOOGLE MAPS */

#theGoogleMapsDiv { z-index:10; }

ul#sub_navbar li { z-index:100; }
/* END CONTENT */