/* -- general styles -- */
body {
    background: #fff url(../images/background.gif) repeat-x top left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
	margin-top: 5px;
}

/* this fixes IE's odd position:fixed-like behavior for elements w/ position:relative (see http://friendlybit.com/css/ie6-resize-bug/) */
* html body {
    position: relative;  
}

h1 {
    font-size: 130%;
    color: #f60;
}

h2 {
    font-size: 110%;
	color: #00009c;
}

h3 {
    font-size: 100%;
}

a,a:link  {
    color: #00009c;
    font-weight: bold;
}

a:visited  {
    color: #f60;
}

a:focus,
a:hover {
    color: #f60;
}

img {
    border: 0;
}

img.photo {
	float: right;
	margin: 0 1em 1em 1em;
}

ul.menu {
	list-style: none;
	margin: 0;
}

ul.menu li {
	padding: 0.25em 0.5em;
}

ul.menubar {
    float: left;
    list-style: none;
	margin: 0;
}

ul.menubar li {
    float: left;
}

ul.menubar a {
	display: block;
	float: left;
	padding: 0.5em 1em;
	text-decoration: none;
}

ul.menubar a:hover {
	text-decoration: underline;
}

ul.menu a {
	text-decoration: none;
}

ul.menu a:hover {
	text-decoration: underline;
}

dl {
	margin-left: 1em;
}

dt {
	color: #000;
	font-weight: bold;
}

dd {
	margin-bottom: 0.5em;
	margin-left: 1.5em;
}

dl.advisory,
dl.contact {
	float: left;
	margin-top: 0;
	width: 40%;
}

dl.advisory dd,
dl.contact dd {
	margin-left: 0;
	margin-bottom: 1.5em;
}

dl.advisory dd .title,
dl.advisory dd .company,
dl.advisory dd .location {
	display: block;
}

dl.contact .phone {
	color: #000;
}

.phone {
	color: #00009c;
	font-weight: bold;
}

.clear {
	clear: both;
}

#page {
	background: #fff url(../images/left.gif) repeat-y left top;
}

#masthead {
	background: #f60 url(../images/masthead.gif) no-repeat top left;
	color: #fff;
	padding: 1em 0;
}

#brand {
	float: left;
}

#brand h1 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	margin-bottom: 0;
	padding-left: 30px;
	padding-top: 1em;
}

#brand h1 span {
	font-size: 80%;
	font-weight: normal;
}

#brand p {
	margin-top: 0;
	padding-left: 30px;
}

#masthead div#mascot {
	background-image: url(../images/spot.jpg);
	background-repeat: no-repeat;
	height: 85px;
	float: right;
	margin-right: 58px;
	width: 80px;
}

* html #masthead div#mascot {
	margin-right: 32px;
}

#topnav {
	background: #00009c url(../images/menubar.gif) repeat-x left top;
	color: #fff;
}

#topnav ul {
	margin-left: 1em;
}

#topnav a {
	color: #fff;
	display: block;
	padding: 1em 1em 0.5em 1em;
}

#topnav a:hover {
	color: #f60;
}

#topnav li.current {
	background: #fff url(../images/tab_right.gif) no-repeat right top;
}

#topnav li.current a {
	background-image: url(../images/tab_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000;
}

#topnav #contact {
	background: #00009c url(../images/menubar_contact.gif) no-repeat right top;
	float: right;
	text-align: center;
	width: 196px;
}

#topnav #contact a {
	text-decoration: none;
}

#wrapper {
	border: 1px solid #ccc;
}

#content {
	padding-top: 1em;
}

#content #expertise,
#content #services {
	float: left;
	margin-left: 2em;
}

#content #expertise h2,
#content #services h2 {
	margin-bottom: 0;
}

#content #expertise ul,
#content #services ul {
	margin-top: 0;
}

#leftnav {
	background-color: #ccebff;
	padding: 10px 0;
}

#leftnav h2 {
	color: #00009c;
	margin-left: 0.5em;
}

#leftnav p {
	margin-left: 0.5em;
}

#leftnav ul.menu {
	border-top: 1px solid #00009c;
	border-bottom: 1px solid #00009c;
}

#leftnav ul.menu li {
	padding: 0;
	margin: 0;
}

#leftnav ul.menu a {
	display: block;
	padding: 0.25em 15px;
	width: 205px;
}

#leftnav ul.menu .current,
#leftnav ul.menu .current a:hover {
	background-color: #e6f5ff;
	color: #f60;
	text-decoration: none;
}

#leftnav ul.menu a:hover {
	background-color: #ffdb91;
	color: #333;
}

#leftnav h3 {
	color: #00009c;
	margin: 1.5em 1em 1em 1em;
}

#leftnav blockquote,
#leftnav cite {
	font-size: 85%;
	margin: 1em;
}

#leftnav cite {
	color: #00009c;
	float: right;
	font-weight: bold;
	margin-top: 0;
}

#leftnav .contact {
	border-top: 1px solid #00009c;
	border-bottom: 1px solid #00009c;
	float: left;
	margin: 0.25em;
	padding: 0.5em 0 0.5em 0.25em;
	width: 220px;
}

#leftnav .contact span {
	display: block;
}

#leftnav .contact .company {
	color: #00009c;
	font-weight: bold;
}

#leftnav .contact div {
	float: left;
	margin-top: 1em;
	text-align: right;
}

#footer {
	background-color: #00009c;
	color: #fff;
	font-size: 80%;
	padding: 1em 0;
	text-align: center;
}

#footer ul {
    list-style: none;
	margin: 0 auto;
	width: 612px;
}

#footer ul li {
	border-left: 1px solid #f60;
    float: left;
}

#footer ul li.first {
	border-left: none;
}

#footer ul a {
	display: block;
	float: left;
	padding: 0em 1em;
	text-decoration: none;
}

#footer ul a:hover {
	text-decoration: underline;
}

#footer p {
	clear: both;
	margin-bottom: 0;
	padding-top: 0.5em;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #f60;
}