body
{
	margin: 0px;
/*	background-color: #CCCCCC; */
	background-color: white;
}

div.pageContainer {
	background: url('../image/nav_gray_bar.gif') top left repeat-y;

}

div.topBorder {
	background-color: #CCCCCC;
	height: 14px;
	font-size: 1px;
}

div.banner {
	padding-left: 10px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #8EB8C8;
	height: 135px;
}

div.bannerContainer {
	width: 710px;
	height: 135px;
}

div.imageRotate {
	width: 195px;
	height: 135px;
	background-color: black;
	float: left;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

div.bannerMain {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 135px;
}

div.navigation {
	float: left;
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 8px;
	padding-bottom: 50px;
	width: 182px;
/*	background:#CCCCCC; */
}

div.bodyContainer {
	width: 800px;
}

div.body {
	/* body always clears sidebar */
	margin-left: 206px; 
/*	margin-left: -10px;*/
/*	float: left; */
	background-color: white;
	border-left: 1px solid white;
}

div.actionBar {
	height: 14px;
	background: url('../image/action-background.gif') top left no-repeat;
	background-color: #8EB8C8;
	border-bottom: 1px solid white;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 207px;
}

div.actionBar a {
	color: white;
	text-decoration: none;
}

div.actionBarRight {
	float: right;
}

div.footer {
	clear: left;
	height: 65px;
	background-color: #8EB8C8;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 8px;
	font-family: Verdana, sans-serif;
	font-size: 7pt;
	color: #999999;
}

div.footerLinks {
	margin-top: 45px;
}

div.supportLink {
	text-align: center;
	color: #999999;
}

div.supportLink a {
	color: #999999;
}


div.footerLinks a {
	color: white;
	text-decoration: none;
}

div.logo img.gh_logo {
	width: 160px;
	height: 45px;
	border: 1px solid black;
	margin-left: 8px;
}

div.logo img.owhc_logo {
	width: 77px;
	height: 45px;
	border: 1px solid black;
	margin-left: 4px;
}

div.logo {
	float: right;
}

form.searchForm {
	margin-left: 8px;
	margin-top: 4px;
	margin-bottom: 8px;
}

input.searchQuery {
	width: 100px;
	height: 12px;
	border: 1px solid black;
	background-color: #E5E5E5;
	font-size: 8pt;
}

div.bodyContent {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	margin: 12px;
}

div.bodyContent p {
	margin-top: 0pt;
	margin-bottom: 6pt;
	/* text-indent: 18pt; */
}


div.bodyContent li p {
	margin-top: 0pt;
	margin-bottom: 6pt;
	text-indent: 0pt;
	text-align: left;
}

div.bodyContent p.reference {
	font-size: 8pt;
	margin-left: 12pt;
	text-indent: -12pt;
}

div.bodyContent a.reference {
	font-size: 8pt;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}

div.bodyContent a.offSite {
	font-weight: bold;
	color: #336699;
}

div.frontBody {
	background: url('../image/main-background.gif') top left no-repeat;
	background-color: #999999;
	padding-top: 39px;
	padding-left: 74px;
	padding-bottom: 100px;
	height: 400px;
}


div.frontBodySet {
	height: 57px;
	margin-bottom: 10px;
}

div.frontBodyIcon {
	float: left;
}

div.frontBodyTitle {
	float:left;
	margin-left: 10px;
	height:47px;
	width:335px; 

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/alpha-png24.png',sizingMethod='scale'); 

/* FIXME: put this in for non-IE6, out for others */
/*	background: url('../image/alpha-png24.png') top left no-repeat; */

	font-size: 22pt;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-top: 10px;
	padding-left: 10px;

}

div.frontBodyTitle a {
	color: #CCCCCC; text-decoration: none;
}

div.caseBody {
	background: url('../image/main-background.gif') top left no-repeat;
	background-color: #999999;
	padding: 20px;
	padding-bottom: 100px;
	height: 400px;
}

div.caseBody table.waitingRoom {
}

div.caseBody table.waitingRoom td {
	width: 33%;
	text-align: center;
	padding: 10px;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, sans-serif;
}


div.caseBody table.waitingRoom td a {
	color: #336699;
	text-decoration: none;
}

div.caseBody table.waitingRoom td img {
	border: 1px solid white;
}

div.caseBody #casePresentation {
	border: 1px solid black;
	background-color: #CCCCCC;
	width: 280px;
	height: 140px;
	padding: 6pt;
	text-align: left;
}

div.caseBody #casePresentation h1 {
	font-size: 13pt;
	margin-bottom: 6pt;
}

div.caseBody #casePresentation p {
	font-size: 8pt;
	font-weight: normal;
	margin-bottom: 6pt;
}


div.breadcrumbs {
	font-size: 8pt;
	color: #CCCCCC;
}

div.breadcrumbs a {
	font-size: 8pt;
	color: #CCCCCC;
	text-decoration: none;
}

div.bodyContent {
	margin-right: 10%;
}

div.bodyContent img {
	/* margin: 10px;*/
}

div.bodyContent p {
	/*

removed because it interfers with cell centering in tables
text-align: justify; */
}

div.jumpBox {
/*	float: right; */
/*	border: 1px solid black; */
	text-align: right;
/*	background-color: #006699; */
/*	width: 200px; */
	margin-right: -20px;

        /* box should clear images and other floats */
        /* when there is a jump box at the top, this makes the WHOLE PAGE clear the nav area
        clear: both;
        */
}

div.jumpBoxBottom {
	clear: both;
}

div.jumpBoxInner {
/*
	margin-top:4px;
	margin-bottom:4px;
	background-color: #999999;
	background-color: #E0E0E0;
	text-align: center;
*/
}

div.jumpBox img {
	border: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
}

span.didyouknowPhrase {
/* removed on request from Shayna, Dec 20 2005 */
/*	font-size: 13pt;
	color: #996633; */
	font-weight: bold;
}

a.activityLink {
	text-decoration: none;
	display: block;
	border: 2px solid black;
	background: #336699;
	color: white;
	width: 400px;
	padding: 10px;
	text-align: center;
	font-size: 13pt;
        text-indent: 0px;
}

a.activityLink b {
	display: block;
}

div.activityLink {
    cursor: pointer;
    /* background-color: #336699; */
    border: 1px solid black;
    width: 400px;
    height: 56px;
    padding: 10px;
    padding-right: 30px;
    text-align: center;
    color: black;
    margin-bottom: 12px;
}
div.activityLink div.playButton {
    float: left;
}
div.activityLink div.title {
    margin-left: 50px;
    padding-top: 10px;
}

div.mapToc0, div.mapToc1, div.mapToc2, div.mapToc3, div.mapToc4, div.mapToc5 {
	margin-left: 20px;
	font-size: 10pt;
	font-weight: normal;
}
div.mapToc0 a, div.mapToc1 a, div.mapToc2 a, div.mapToc3 a, div.mapToc4 a, div.mapToc5 a {
	color: #336699;
	text-decoration: none;
}

div.mapToc0 {
	margin-bottom: 12pt;
	font-size: 13pt;
	font-weight: bold;
}

div.mapToc1 {
}

div.activityListItem {
	margin-left: 40px;
	margin-bottom: 3pt;
}

div.activityListItem a {
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}

div.jumpBoxRelated {
	width: 300px;
	border: 1px solid black;
	margin-top: 12pt;
}

div.jumpBoxRelatedTitle {
	padding: 3pt;
	color: white;
	background: #336699;
	text-align: center;
	font-weight: bold;
	margin-bottom: 3pt;
}

div.jumpBoxRelated a {
	display: block;
	padding: 3pt;
	font-size: 8pt;
	color: black;
	text-decoration: none;
}

div.jumpBoxRelated a:hover {
	color: #336699;;
}

table.default {
	border-collapse: collapse;
}

table.default td {
	border: 1px solid black;
	padding: 4px;
}

div.imageHolder {
    /* border: 1px solid green; */
    padding: 3px 0px 3px 0px;
    margin: 0px 0px 0px 0px; 
    /* width and alignment are set with style="" on an image-by-image basis */
    /* if this is set, images appear below the navigation bar which is float: left
    clear: both;
    */
}

div.imageHolderLeft {
    float: left;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px; 
    /* if this is set, images appear below the navigation bar which is float: left
    clear: both;
    */
}

div.imageHolderRight {
    float: right;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px; 
    /* if this is set, images appear below the navigation bar which is float: left
    clear: both;
    */
}


div.caption {
    font-size: 9pt;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
}

div.mediaCredit {
    text-align: right;
    font-style: italic;
    font-size: 8pt;
}

div.navigationPanel form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

/* -------------- interactive: see activity.css ---------------- */