/* //////////////////////////////////////////// MAIN FORMATTING //////////////////////////////////////////// */
body { font-family: arial, sans-serif; font-size: 10pt; margin: 0px; padding: 0; background: #ffffff; width: 100%; height: 100% }
#layout { width: 100%; height: 100% }


/* //////////////////////////////////////////// HEADER //////////////////////////////////////////// */
#header { height: 121px; vertical-align: top; border-bottom: 3px solid #003366; background: #ffffff }
#title { display: none }
#logo { position: absolute; top: 0px; left: 0px; z-index: 2; width: 194px; height: 171px; display: block }
#headercontent { background: #003366; height: 120px; margin-bottom: 1px; display: block; font-size: 11pt; font-weight: bold; font-style: italic; color: #ffffff; padding-left: 220px }
#slogan { position: absolute; top: 40px; left: 230px; display: block }
#sloganindent { padding-left: 10px; display: block }


/* //////////////////////////////////////////// HEADER - BACKGROUND IMAGES //////////////////////////////////////////// */
#main, #back, #res, #reports, #recog, #staff, #contact, #donate, #links, #news 
{ float: right; background: no-repeat top left transparent; width: 358px; height: 120px; display: block }

#maintitle, #backtitle, #restitle, #reportstitle, #recogtitle, #stafftitle, #contacttitle, #donatetitle, #linkstitle, #newstitle 
{ background: no-repeat top left transparent; width: 445px; height: 35px; position: absolute; top: 103px; right: 0px; z-index: 1; display: block }

#main { background-image: url('../images/mainsection.jpg') }
#back { background-image: url('../images/back.jpg') }
#res { background-image: url('../images/res.jpg') }
#reports { background-image: url('../images/reports.jpg') }
#recog { background-image: url('../images/recog.jpg') }
#staff { background-image: url('../images/staff.jpg') }
#contact { background-image: url('../images/contact.jpg') }
#donate { background-image: url('../images/donate.jpg') }
#links {background-image: url('../images/links.jpg') }
#news {background-image: url('../images/news.jpg') }

#maintitle { background-image: url('../images/maintitle.gif') }
#backtitle { background-image: url('../images/backtitle.gif') }
#restitle { background-image: url('../images/restitle.gif') }
#reportstitle { background-image: url('../images/reportstitle.gif') }
#recogtitle { background-image: url('../images/recogtitle.gif') }
#stafftitle { background-image: url('../images/stafftitle.gif') }
#contacttitle { background-image: url('../images/contacttitle.gif') }
#donatetitle { background-image: url('../images/donatetitle.gif') }
#linkstitle { background-image: url('../images/linkstitle.gif') }
#newstitle { background-image: url('../images/newstitle.gif') }


/* //////////////////////////////////////////// SECTION & PAGE HEADINGS //////////////////////////////////////////// */
h1 { display: none }
h2 { margin: 0px; color: #800000; font-size: 13pt; text-transform: lowercase; width: 445px; position: absolute; top: 135px; right: 0px }
h3, h3.pagetop { font-size: 13pt; color: #003366; margin: 40px 0 0 0 }
h3.pagetop { margin-top: 0px }
h4 { font-size: 11pt; margin: 0 5px 0 0; display: inline }
p.h3 { margin-top: 10px }
p.h4 { margin-top: 0px }


/* //////////////////////////////////////////// MAIN NAVIGATION //////////////////////////////////////////// */
#navi { display: none; }
#nojs { display: none }
#menu { display: none }
#banner { display: none }

/* //////////////////////////////////////////// ANIMATED BANNER //////////////////////////////////////////// */


/* //////////////////////////////////////////// CONTENT //////////////////////////////////////////// */
#content { text-align: justify; vertical-align: top; background: #ffffff; padding: 80px 10px 5px 10px }
#copy { margin: 0px 0px 30px 0px; line-height: 13pt; color: #330000 }


/* //////////////////////////////////////////// PHOTOS //////////////////////////////////////////// */
// span.left { background: #D6C8B8; color: #003366; font-size: 8pt; text-align: left; padding: 7px; margin: 3px 10px 5px 0px; float: left; display: inline }
// span.right { background: #D6C8B8; color: #003366; font-size: 8pt; text-align: left; padding: 7px; margin: 3px 0px 5px 10px; float: right; display: inline }

span.left { display: none }
span.right { display: none }


/* //////////////////////////////////////////// KEYWORDS //////////////////////////////////////////// */
b { font-size: 11pt }


/* //////////////////////////////////////////// NEWS SYSTEM //////////////////////////////////////////// */
div.newsinfo { font-size: 8pt; border-top: 1px solid #DED6C6; text-align: right; margin: 0 0 20px 0 }
div.linkpos { text-align: right }
div.newslinks { font-size: 8pt; text-align: right; padding: 2px 4px 2px 4px; background: #D5C5B5; margin: 0 0 20px 0; display: block; width: 340px; border: solid 1px #C7B29D }
a:visited.newslinks, a:link.newslinks, a:hover.newslinks { font-weight: normal; text-decoration: none }


/* //////////////////////////////////////////// CASE REPORTS //////////////////////////////////////////// */
/* Main container */	
#odContainer { display: block }

/* Breadcrumb block */	
#odBreadcrumbContainer {
	font-size: 8pt; 
	padding: 2px 4px 2px 4px; 
	background: #D5C5B5; 
	margin: 0 0 10px 0; 
	display: block; 
	text-align: left; 
	border: solid 1px #C7B29D; 
	font-weight: bold; 
	width: 400px
	}
div.nav { font-size: 8pt; margin: 0 0 20px 0; font-weight: bold }

/* Category list block */	
#odCatContainer {
	margin-bottom: 10px;}
#odCatHeader { display: block }
#odCatList { font-size: 9pt; border: solid 0px black }
td.odSubcatCell { padding-right: 20px }

	
/* Category title (viewall) */	
.odCatTitle {
	font-weight: bold;
	padding-top: 0.3em;}
	

/* Answer block */
#odDtlContainer {
	margin-bottom: 20px;
	padding: 0.3em 3px 0.3em 3px;}
#odDtlContent {
	padding: 0.3em 3px 0.3em 3px;}
#odDtlHeader { display: block; font-weight: bold }
.odDtlItem {
	margin-bottom: 1em;}
.odDtlItem small {
	line-height: 3em;}
.odDtlQuestion {
	font-weight: bold;}
.odDtlAnswer{}
div.credit { border-top: 1px solid #C7B29D; font-size: 9pt }

/* List of question block */	
#odQtnContainer {
	padding: 0.3em 3px 0.3em 3px;
	margin-bottom: 10px;}
#odQtnHeader { display: block; font-weight: bold }
#odQtnList { display: block; font-size: 9pt }
.odQtnItem {
	margin-bottom: 0.3em;}


/* Search form */	
#odSearchContainer {
	margin-bottom: 30px;
	padding: 0.3em 3px 0.3em 3px;}
form#odSearchForm table {
	border: 1px solid #666666;}
form#odSearchForm table th {
	border-bottom: 1px solid #666666;
	text-align: left;}
input.odCheckbox { 
	vertical-align: top; }

	
/* Search result block */	
#odSearchResult {
	margin-bottom: 30px;
	padding: 0.3em 3px 0.3em 3px;}
#odResultHeader {
	font-size: 12px;
	font-weight: bold;
	padding: 0.3em 3px 0.3em 3px;}
#odResultContent {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Form to jump to other category */	
#odJumpCat {
	padding: 0.3em 3px 0.3em 3px;
	margin-bottom: 10px;
	margin-top: 30px;}
	
	
/* Link: 'View all categories' */	
#odViewallContainer {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Link: 'Search' */		
#odSearchLinkContainer {
	padding: 0.3em 3px 0.3em 3px;}

	
/* Link: Printable view */	
#odPrintableContainer { margin-bottom: 5px }
	
	
/* Copyright block */	
#odCopyrightContainer { font-size: 7pt }


/* //////////////////////////////////////////// INFOBOXES //////////////////////////////////////////// */
span.infobox { float: right; display: inline; background: url('../images/inforight.gif') no-repeat bottom right transparent; padding: 0px 25px 0px 0px; margin: 5px 0px 5px 10px; width: 200px }
span.infocontent { font-size: 10pt; color: #800000; font-weight: bold; font-style: italic; text-align: center; background: url('../images/infoleft.gif') no-repeat top left transparent; padding: 5px 0px 0px 20px; margin: 0px; display: block }


/* //////////////////////////////////////////// TEXT LINKS //////////////////////////////////////////// */
a:visited { font-weight: bold; text-decoration: none; color: #800000 }
a:link { font-weight: bold; text-decoration: none; color: #800000 }
a:hover { font-weight: bold; text-decoration: none; color: #003366 }

/* //////////////////////////////////////////// LISTS //////////////////////////////////////////// */
ul { list-style-type: square; margin: 0px 0px 10px 25px; text-align: left }
ol { list-style-type: decimal; margin: 0px 0px 10px 35px; text-align: left }


/* //////////////////////////////////////////// FOOTER //////////////////////////////////////////// */
#footer { height: 21px; text-align: left; vertical-align: middle; font-size: 8pt; border-top: 2px solid #003366 }
div.footer { font-size: 8pt; color: #ffffff; background-color: #003366; text-align: center; padding: 2px; margin-top: 1px }