/*
	Site ~ Core CSS.
	Main control sheet for style
*/

/* =Includes
----------------------------------------------------------------------------*/
@import "960.css";
@import "reset.css";
@import "text.css";

/* =General
----------------------------------------------------------------------------*/
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

p.mir {line-height:0;}
body {color:#444444; background:#657446;}

/* =Layout
----------------------------------------------------------------------------*/
#masthead  {background:url(../img/bgnd.png) top left #F8F4EA;}
.mastheadView {position:relative; height:80px;}
#globalNav {position:absolute; top:0; right:0px; list-style:none;}
#globalNav li {float:left; width:60px; text-align:center; margin:0 0 0 2px;}
#globalNav a {width:60px; text-align:center; background:#D9D9D9; height:1.5em; height:1.5em; display:block;}
#globalNav a:visited {color:#404040;}
#globalNav a:hover {color:#BFBFBF; background:#404040;}
#searchBlock {position:absolute; top:20px; right:0px; padding:10px;}
.nav {list-style:none;}
#navBlock {border-bottom:1px solid #81A2BA;}

#content, #secondaryContent {background:url(../img/bgnd.png) top left #F8F4EA;}
#content .wrap, #secondaryContentView {padding:20px 0 30px;}
#secondaryContentView {border-top:1px solid #81A2BA;}
.objectBlock {padding:10px; margin:0 0 10px 0;}
.moduleBlock {margin:0 0 10px 0;}
#sub .objectBlock {padding:0;}

.breadcrumb {list-style:none; margin:0 0 10px 10px; padding:0;}
.breadcrumb li {display:inline; margin:0 0 10px 0;}
.breadcrumb li a {border-right:1px solid #000; padding-right:5px;}

#sidebar dl, #sidebar fieldset {margin:0;}
#switcher {margin:0; padding:0; position:absolute; top:10px; right:10px; text-align:right;}
#switcher li {display:inline; margin:0 0 0 5px;}
#smaller {font-size:90%;}
#bigger {font-size:125%;}

#loginBlock p {text-align:center; padding:0 0 10px 0;}

#meta ul, #related ul {list-style:none;}
#meta ul li, #related ul li {padding:0; margin:0 0 10px 0;}
#meta .tags {display:inline;}
#meta ul li .tags li {display:inline; margin:0 5px 0 0;}

#searchBlock {padding:10px 10px 0 10px;}
#searchBlock dl {margin:0;}
#searchBlock dt, #searchBlock dd {display:inline; margin:0; padding:0;}

#footer {background:url(../img/footer_main_bgnd.png) top left; padding:0 0 20px 0;}
#footer .wrap {background:url(../img/footer_bgnd.png) top left #7FA237;}

#subNav ul {padding:0; margin:0;}
#subNav li {padding:0; margin:0; list-style:none;}
#subNav ul ul {}

#pageContent {background:url(../img/pageContent_bottom.gif) bottom center no-repeat #fff; margin:0 10px 20px;}

#home #pageContent {background:none;}

#pageContentView {background:url(../img/pageContent_top.gif) top center no-repeat; padding:20px;overflow:hidden; position:relative;}

#registerEvents {width:140px; font-size:90%; position:absolute; top:10px; right:10px; padding:4px 0; text-align:center; background:#81A2BA;}
#registerEvents a {color:#fff;}
#registerEvents a:hover {color:#C3D9FF;}

#eventList {margin:0; padding:0; list-style:none;}
#eventList li {margin:0 0 5px 0; padding:5px; background:#fff;}
#eventList li.even {background:#F4F2EC;}
#eventList p {margin:0;}

#pageContent h4.eventRegister {text-align:center; background:#DAE8BD; line-height:2.5em; height:2.5em;}

#pageContent #eventList {list-style:none; margin:0; padding:0;}
#pageContent #eventList li {margin:0 0 10px 0; padding:10px;}
#pageContent #eventList li h3 {margin:0; color:#7FA237;}
#pageContent #eventList li.postOdd {background:#F4F2EC;}
#pageContent #eventList li.teamEvent{background:#DAE8BD;}

.printPage {text-align:right; width:25%; position:absolute; top:5px; right:10px;}

#featureBlock {border-left:1px solid #81A2BA; border-bottom:1px solid #81A2BA; border-right:1px solid #81A2BA; background:#F9F8F6; font-size:xx-small; position:relative; padding:5px 0;}
#featureBlock a {font-weight:normal;}
#breadcrumb {list-style:none; margin:0 0 0 10px; padding:0; color:#66822C;}
#breadcrumb li {display:inline; padding:0; margin:0 10px 0 0;}
#breadcrumb li a {padding:0 10px 0 0;}

.footerView {background:url(../img/footer_bgnd_bottom.png) bottom center no-repeat; padding:0 0 10px 0;}
.copyright {padding:0 0 10px 0;}

#homeBlock {width:460px; height:334px; background:url(../img/home_primary.png) top left no-repeat; position:relative; margin:0 0 20px 0;}
#sloganBlock {position:absolute; text-align:center; left:0; right:0; bottom:70px; color:#185E8F;}
#startHere a {width:215px; height:38px; display:block; position:absolute; left:14px; bottom:14px;}

h3.slogan {font-size:1em; color:#81A2BA; width:auto; position:absolute; left:220px; top:37px;}

.postList {margin:0; padding:0;}
.postList li {list-style:none; margin:0;}
.postList li.postOdd {background:#F4F2EC;}
#pageContent .meta ul {list-style:none;}
#pageContent .meta li {margin:0; padding:0;}

.postItem h3 {margin:0;}

.teamNav {padding:0; margin:0 0 20px 0; list-style:none; background:url(../img/bgnd.png) top left #F8F4EA; border:1px solid #81A2BA;}
.teamNav li {padding:0 5px; margin:0; border-right:1px solid #81A2BA; display:inline;}
.teamNav li.last {border-right:none;}

/* =Typography
----------------------------------------------------------------------------*/
a {color:#185E8F; text-decoration:none; font-weight:bold;}
a:visited {color:#101F61;}
a:hover  {color:#EB8422;}

blockquote {padding:10px; margin:10px; background:#FCF9F2;}
blockquote blockquote {background:#E3E0DA;}
blockquote blockquote blockquote {background:#C9C7C1;}

#pageContent ul {list-style:disc;}
#pageContent ul ul {list-style:circle;}
#pageContent ul ul ul {list-style:square;}
#pageContent ul ul ul ul {list-style:disc;}

#pageContent h1, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h1 {margin:0;}

.eventDate {color:#81A2BA;}

#projectTitle {width:455px; height:66px; position:absolute; top:20px; left:0;}
#projectTitle a {width:218px; height:41px; display:block; color:#81A2BA; background:url(../img/logo.gif) top left no-repeat;}
#slogan {position:absolute; top:85px; left:20px;}

.moduleBlock p {margin:0;}

.pageTitle {color:#7FA237; margin:0;}

.localNavButton, .localNavButton:visited {background:#185E8F; color:#fff; width:80px; height:20px; line-height:20px; text-align:center; display:block;}
.localNavButton:hover {background:#EB8422; color:#fff;}

.stepPlacementHolder {position:relative;}
#pageContent h4.stepPlacement {position:absolute; text-align:center; width:400px; right:100px; left:100px; top:20px; font-size:90%; color:#185E8F;  z-index:9;}

.next {float:right;}

.localNav {margin:0 0 20px 0; z-index:10;}
.localNavBottom {margin:0;}

.nav {margin:0; padding:0;}
.nav em {font-style:normal;}
#navBlock .nav li {margin:0; padding:0; width:auto; float:left; text-align:center; height:2.5em; line-height:2.5em;}
#navBlock .nav li a {margin:0; padding:0; width:90px; display:block; height:2.5em; line-height:2.5em; color:#608AA8;}
#navBlock .nav li a:hover {background:url(../img/navBlock_top.png) top center no-repeat #81A2BA; color:#F8F4EA;}

#subNav li {padding:2px 0;}
#subNav li a {display:block; padding:2px 4px;}
#subNav li a:hover {background:#81A2BA; color:#F8F4EA;}
#sidebar h3 {margin:0; padding:2px 6px; font-size:150%; background:#DAE8BD; font-weight:normal; color:#7FA237;}

#sidebar #eventList h3 {font-size:100%; background:none; padding:0;}

#login p {text-align:center;}
#login fieldset, #login dl {margin:0;}

#secondaryContentView h3 {margin:0; font-weight:normal; color:#7FA237;}

#footer .nav {width:100%; height:2em; line-height:2em; margin:0 0 20px 10px;}
#footer .nav li {margin:0; padding:0; width:auto; float:left; text-align:center; height:2.5em; line-height:2.5em;}
#footer .nav li a {margin:0; padding:0 15px; padding:0; width:90px; display:block; height:2.5em; line-height:2.5em;}
#footer h4 {background:#A6A6A6; font-size:100%; text-transform:uppercase; padding:3px 6px; margin:0;}
.footerBlock {background:#F3F3F3;}

#footer a {color:#fff;}
#footer .nav li a:hover {color:#41531C; background:url(../img/footer_tab_bgnd.png) bottom center no-repeat #F8F4EA;}
#footer a:hover {color:#41531C;}

#footer p {margin:0; color:#DDCDA6;}

/* Page Designations */
#home #navBlock .nav li a.home-link, #events #navBlock .nav li a.eventsLink, #about-tbi #navBlock .nav li a.about-tbiLink, #tbi-support #navBlock .nav li a.tbi-supportLink, #forms #navBlock .nav li a.formsLink, #research #navBlock .nav li a.researchLink, #resources #navBlock .nav li a.resourcesLink, #tbi-team #navBlock .nav li a.tbi-teamLink, #blog #navBlock .nav li a.blogLink, #contact #navBlock .nav li a.contactLink {background:url(../img/navBlock_top.png) top center no-repeat #81A2BA; color:#F8F4EA;}

#home #footer .nav li a.home-link, #events #footer .nav li a.eventsLink, #about-tbi #footer .nav li a.about-tbiLink, #tbi-support #footer .nav li a.tbi-supportLink, #forms #footer .nav li a.formsLink, #research #footer .nav li a.researchLink, #resources #footer .nav li a.resourcesLink, #tbi-team #footer .nav li a.tbi-teamLink, #blog #footer .nav li a.blogLink, #contact #footer .nav li a.contactLink {background:url(../img/footer_tab_bgnd.png) bottom center no-repeat #F8F4EA; color:#41531C;}

/* =Forms
----------------------------------------------------------------------------*/
#comments {background:#F4F2EC; padding:10px;}
#comments form {}
#comments label {width:90px; display:block; float:left; text-align:right; margin:0 10px 0 0;}
#comments p {clear:left;}
#comments p.submit {padding:0 0 0 100px; margin:0 0 5px 0;}

ul#registrationForm {margin:0; padding:0 20px 20px; list-style:none;}
ul#registrationForm li {margin:0 0 10px; padding:5px;}
ul#registrationForm label {width:20%; display:block; float:left; margin:0 0 0 5px;}

ul#registrationForm + p {text-align:center;}

#notice {background:#F7F4EE; padding:10px 10px 1px; margin:0 0 20px 0;}
#notice p {margin:0 0 10px 0;}

.errorDisplay {background:url(../img/error_bgnd.png) top right repeat-y #FEF5D9; position:relative;}
#pageContent ul .errorDisplay ul.errorlist {list-style:none; margin:0; width:30%; position:absolute; right:10px; text-align:right; top:0; bottom:; color:#fff; font-weight:bold;}

.loginForm label, .loginForm input {display:block; margin:0 0 10px 0;}
p.errors {background:#C6640D; color:#fff; padding:5px; text-align:center;}