/*
Designed by Chris Latham, chris at lathamdesign dot com

colors:
dark blue #357
medium blue #579
red #c20
medium red #910
light beige #eed
beige #ddb
*/









/* skip to content link */
div.skip {position: absolute; top: 0; right: 12%; font-size: .75em; display: none;}
div.skip a {color: #fff;}
div.skip a:hover {color: #fff;}









/* global tag definitions */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; margin: 0; padding: 0; color: #eed; background: #357;}
img {border: none;}
a {color: #c20;}
a:visited {color: #910;}

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 2em; margin: 1em 0 2em 0; color: #c20;}
h2 {font-size: 1.2em; margin: 2em 0 .5em 0;}
h2 a {text-decoration: none;}
h3, h4, h5, h6 {font-size: 1em; margin: 2em 0 .5em 0;}
p, li, dd {margin: .5em 0; line-height: 150%;}
p {}

ul {list-style: square;}
ul.nobullet li {list-style: none;}
ul.links li {list-style: none; margin: 1em 0;}
ul.links li a {font-weight: bold;}
li {}

dl {margin-left: 2em;}
dt {font-weight: bold; margin-top: 2em;}
dd {margin-left: 2em;}

code, kbd {font-size: 1em; font-weight: bold;}









/* table styles */
table th, table td {border-bottom: 1px dotted #cca;}
caption {font-weight: bold; padding: 1em;}
table.lefthead th {text-align: right; vertical-align: top;}










/* forms */
fieldset {width: 25%; float: left; border-width: 0 1px 0 0; padding: 0 1em;}
legend {font-weight: bold;}
input[type="text"], textarea {border: 1px #579 solid; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #579;}
input[type="submit"] {padding: 2px; margin: auto; color: #357; background: #fff; font-weight: bold; border: 1px #579 solid;}
input[type="submit"]:hover {color: #c20; border-color: #c20;}
form div {margin: 1em 0;}









/* search results */
div.results div {border-top: 1px solid #ddb;}








/* header */
#header {padding: 2em 3em; background: #bba; color: #eed; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-variant: small-caps; letter-spacing: .25em;}
#header img {display: block;}









/* main navigation */
#nav {background: #910 url(/coi/images/nav_background.gif) repeat-x; color: #eed; text-align: right; border-bottom: #eed solid 1px;}
#nav ul {list-style: none; margin: 0; padding: 4px;}
#nav li {display: inline; margin: 0 .5em; padding: 4px;}
#nav li:hover {}
#nav a {color: #eed; text-decoration: none; padding: 4px;}
#nav a:hover {text-decoration: underline;}
img.logo {position: absolute; top: 10px; left: 40px;}









/* sub-navigation and spotlight text */
#subnav {float: left; width: 190px; margin: 140px 10px 0 12px; text-align: left; color: #ace;}
#subnav p {line-height: 200%;}
#subnav ul {margin: 0; padding: 0;}
#subnav li {margin: 0; padding: 0 0 .25em .5em; text-indent: -.5em; list-style: none; line-height:1.5}
#subnav li li {padding: 0 0 .25em 1em;}
#subnav li a {color: #ace; text-decoration: none;}
#subnav li a:hover {color: #fff;}

#subnav h4 {
	color:white;
	font-weight: bold;
	font-size: 110%;
	text-indent: -6px;
}










/* container holding subnav and content */
#container {margin: 0 100px 0 200px; background: #579 url(/coi/images/container_background.jpg) no-repeat; padding: 100px 0;}
#content {padding: 1.5em 3em; background: #fff url(/coi/images/content_background.jpg) repeat-x bottom; color: #357; line-height: 150%;}

div.news {background: url(../images/news_background.gif) repeat-x bottom; clear: right; padding: 2em; margin: 0 -3em;}
div.news img {display: block;}
div.news img.thumbnail {float: left; margin: 0 1em 0 0;}









/* footer */
#footer {padding: 1em 100px 2em 200px; font-size: 80%; border-top: 1px #579 solid;}
#footer p {margin: .25em 0;}
#footer a {color: #eed;}