/* --------------------------------------------------------------------------------
Main content region (ID: #content)
Version: 15 July 2009
-------------------------------------------------------------------------------- */

#content { clear: both; width: 900px; margin: 15px 15px 0 15px; }

/* Containers and Boxes
-------------------------------------------------------------------------------- */

#side, #main, #introduction, #featured, #public, #partners, #contractors, .half, .third { float: left; }
#side { width: 200px; margin-right: 15px; }
#main { width: 675px; }
#main, #side-nav, #back-link, #public, #partners, #contractors, .box, .sub-nav { border: 1px solid #aaa; padding: 4px;
	background: #fff url(/library/template/images/box-bg.gif) repeat-x bottom;
	}
#introduction { width: 590px; margin-right: 10px; padding-bottom: 1em; }
#featured { width: 300px; }
#public { width: 280px; margin-right: 10px; }
#partners { width: 280px; margin-right: 10px; }
#contractors { width: 290px; }
.half { width: 49%; }
.third { width: 33%; }
div.right { text-align: right; }
div.center { text-align: center; }
.box, #side-nav, #back-link, .sub-nav { margin-bottom: 1em; }
.quote { margin: 0 0 1em 0; border: 1px solid #a59988; padding: 5px;
	font: italic 120% "Times New Roman", serif; color: #524c43; text-align: center;
	background: #f4f2e6 url(/library/template/images/quote-bg.gif) repeat-x bottom;
	}
.document { clear: both; border-top: 1px solid #eee; padding-top: 2em; margin-bottom: 2em; }
.first { border-top: 0; padding-top: 0; }

div.error, p.error { margin: 0 0 1.5em 0; border: 1px solid #c00; padding: 5px; background-color: #f5d5d5; }
.alert { margin: 0 0 1.5em 0; border: 1px solid #fc0; padding: 5px; background-color: #ffd; }
.notice { margin: 0 0 1.5em 0; border: 1px solid #258; padding: 5px; background-color: #e7eef7; }
.panel { margin: 0 0 1em 0; border: 1px solid #ccc; padding: 5px; background-color: #efefef; }

div.file-viewer { position: relative; width: 673px; margin: 40px 0 0 0; border: 1px solid #bbb; background: #f3f3f3; }
div.file-viewer div.image { position: absolute; top: 7px; left: 7px; width: 90px; }
div.file-viewer div.text { margin: 0 0 0 100px; padding: 5px; font-size: 85%; }


/* Headers and Text
-------------------------------------------------------------------------------- */

#content h2, #content h3, #content h4 { margin: 0 0 0.75em 0; font: bold 120%/1em Arial, sans-serif; }
#introduction h2 { font-size: 150%; font-weight: normal; border-bottom: 1px solid #ccc; padding-bottom: 3px; }
#content h3 { margin-top: 2em; color: #555; border-bottom: 1px solid #aaa; padding-bottom: 3px; }
#main h2, #side-nav h3, #public h3, #partners h3, #contractors h3 { margin-top: 0; border: 1px solid #464; padding: 4px;
	color: #fff; background: #6d886c url(/library/template/images/heading-bg.gif) repeat-x top;
	}
#side h3 { font-size: 105%; }
#content h4 { margin: 2em 0 0.5em 0; font-size: 110%; }
#side h4, #featured h4 { margin: 0 0 0.25em 0; border: 0; padding: 0; font-size: 100%; }
#content .document h4 { margin-top: 0; }
#content .alert h4, #content .notice h4 { margin-top: 0.5em; }

#content p { margin: 0 0 1em 0; }
#featured div p, #side p { margin: 0; }
#side p, .box p, .reduced p, .notes { font-size: 85%; }
p.right { text-align: right; }
p.center { text-align: center; }
p.file-box { text-align: center; padding: 0.25em; }
#content .document p { margin: 0.5em; }
#content .sub-nav p { margin: 0; text-align: center; }
#back-link p { margin: 0.25em; font-size: 100%; line-height: 1em; padding-left: 10px;
	background: url(/library/template/images/back.gif) no-repeat 0% 60%;
	}

.more { padding-right: 8px; background: url(/library/template/images/more.gif) no-repeat 100% 60%; }
.outbound { padding-right: 8px; background: url(/library/template/images/outbound.gif) no-repeat 100% 60%; }
.file-info, .inactive, .subtle { color: #888; }
span.error { color: #c00; }
.superseded { color: #f00; text-decoration: line-through; }

#content a:link { color: #00c; }
#content a:visited { color: #518; }
#content a:hover { color: #00f; }

#content blockquote { margin: 0 2em; }

#side-nav a:link, #back-link a:link { text-decoration: none; }
#side-nav a:visited, #back-link a:visited { text-decoration: none; }
#side-nav a:hover, #back-link a:hover { text-decoration: underline; }

#side-nav h3 a { display: block; width: 178px; }
#side-nav h3 a:link, #side-nav h3 a:visited, #side-nav h3 a:hover { color: #fff; text-decoration: none; }

p.small {font-size: 85%; line-height: 1.25em; color: #777;}

/* Lists
-------------------------------------------------------------------------------- */

#content ul, #content ol { margin: 0.75em 0 1em 0; padding: 0 0 0 1.5em; }
#content ol { margin-left: 0.5em; }
#content li { margin: 0.5em 0; }
#content ul ul, #content ol ul { margin: 0; padding: 0 0 0 1.5em; }
#content ul h3, #content ol h3, #content ul h4, #content ol h4 { margin: 0; }

#content .compact li { margin: 0; }
#content ul.spacious { margin: 1em 0 2em 0; }
#content ul.spacious li { margin: 1em 0; }
#content ul.separated li { margin: 1em 0 2em 0; }
#content ul.separated li ul li { margin: auto; }

#side-nav ul { list-style: none; margin: 0; padding-left: 3px; }
#side-nav li { margin: 0.75em 0; line-height: 1em; }

#side-nav ul ul { list-style: disc; padding-left: 3em; font-size: 85%; color: #888; }

#side .box ul { font-size: 85%; }

#side ul.acrobat-icons { padding: 0; }
#side ul.acrobat-icons li { list-style: none; padding-left: 20px; 
	background: url(../images/acrobat.gif) no-repeat 0% 2px;
	}

#sitemap ul {list-style-type: disc; margin: 1em 0; padding: 0;}
#sitemap li {margin-bottom: .5em; list-style-type: none;}
#sitemap li a {padding-left: 15px;}
#sitemap ul ul {margin: .5em 0 0 0; padding: 0; list-style-type: none;}


/* Tables
-------------------------------------------------------------------------------- */

#content table { width: 100%; margin: 1em 0; border-collapse: collapse; }
#content th { border: 1px solid #373; padding: 2px 5px; font-weight: bold; background: #cdc; }
#content tr.odd { background: #f9f9f9; }
#content td { border: 1px solid #ddd; padding: 2px 5px; vertical-align: top; }
#content table.structural td { border: 0; padding: 0; }
#content table.gallery td { border: 0; padding: 5px; text-align: center; }

/* Images
-------------------------------------------------------------------------------- */

img.left { float: left; margin: 0 1em 1em 0; }
img.right { float: right; margin: 0 0 1em 1em; }
.document img.left { float: left; margin: 0 1em 2em 0; }
.document img.right { float: right; margin: 0 0 2em 1em; }

img.photo { border: 1px solid #aaa; padding: 3px; }
img.file-icon { margin-bottom: -0.25em; }
img.partner-logo { float: left; margin: 0 1em 1em 0; }

.map { margin: 0 0 1em 0; border: 1px solid #42653b; background-color: #c7d8c4; }

