@import "CMScontent.css";
body, html {padding:0;margin:0;border:0; 
			font-family:"Trebuchet MS", Helvetica, sans-serif; color:#4b2a19; }

body {min-width:899px;background: url(../images/bkgWood.jpg) repeat }

/*  <CONTAINER>
--------------------------------------------------*/
#wrapper {width:899px; margin:10px auto; padding:0;}
#container { background: url(../images/bkgPaper.jpg) repeat-y; width:899px; margin:0; padding:0}
#containerImg {background:url(../images/mainImgHeadquarters.jpg) no-repeat}

/*  <NAVIGATION>
--------------------------------------------------*/
#nav {width: 899px; list-style: none; margin:0; padding: 0 0 0 5px;position: relative; display: block; text-align:center;
	  font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; font-weight:bold; color:#4b2a19; }
#nav > li:hover { color:#3D5133}
#nav li {float: left; position: relative; display: inline;}
#nav li a {float: left; position: relative; display: inline; padding:5px 15px 0 15px; text-transform:uppercase;color:#4b2a19;   text-decoration:none}
#nav a:hover  {color:#3D5133;}

#headquarters #nav .headquarters a,
#bio #nav .bio a,
#histDocs #nav .histDocs a,
#livingHist #nav .livingHist a,
#squareDance #nav .squareDance a,
#banjoLuth #nav .banjoLuth a,
#photos #nav .photos a,
#univCoords #nav .univCoords a
	{color:#3D5133; cursor:default}


/*  <CONTENT>
--------------------------------------------------*/
#content {padding:160px 15px 10px 235px; margin:0;background: url(../images/BRheadquarters.png) no-repeat bottom right }
#content .BRimage {}

#bio #containerImg {background:url(../images/mainImgBio.jpg) no-repeat}
#bio #content {background: url(../images/BRbio.png) no-repeat bottom right}
#bio #content .lastPara {width:455px}

#histDocs #containerImg {background:url(../images/mainImgHistDocs.jpg) no-repeat}
#histDocs #content  {background: url(../images/BRhistDocs.png) no-repeat bottom right; padding-top:200px}

#livingHist #containerImg {background:url(../images/mainImgLivingHist.jpg) no-repeat}
#livingHist #content {background: url(../images/BRlivingHist.png) no-repeat bottom right; padding-top:185px }
#livingHist #content .lastPara {width:460px}

#squareDance #containerImg {background:url(../images/mainImgSquareDance.jpg) no-repeat}
#squareDance #content {background: url(../images/BRsquareDance.png) no-repeat bottom right;}
#squareDance #content .lastPara {width:470px}

#banjoLuth #containerImg {background:url(../images/mainImgBanjoLuth.jpg) no-repeat}
#banjoLuth #content {background: url(../images/BRbanjoLuth.png) no-repeat bottom right}

#photos #containerImg {background:url(../images/mainImgPhotos.jpg) no-repeat}
#photos #content {background: url(../images/BRphotos.png) no-repeat bottom right; min-height:330px; }
#photos #gallery td {vertical-align:bottom; padding:0 25px 35px 0}
#photos #gallery { margin-top:20px}

#univCoords #content {background: url(../images/BRunivCoords.png) no-repeat bottom right}
#univCoords #containerImg {background:url(../images/mainImgUnivCoords.jpg) no-repeat}

#dummy #content, #dummy #containerImg {background-image:none}
#dummy #content {padding:40px 15px 10px 235px}


/*  <FOOTER>
--------------------------------------------------*/
#foot { width:899px; min-height:10px; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(../images/footer.jpg) no-repeat}
#footNav { width:899px; text-align:center; margin:0; padding:0 0 0 5px;list-style: none;
	  		font-size:10px; font-weight:bold; color:#e1d8b4; }

#footNav > li:hover { color:#94bd8b}
#footNav li {float: left; position: relative; display: inline;}
#footNav li a {float: left; position: relative; display: inline; padding:23px 15px;text-transform:uppercase;color:#e1d8b4;   text-decoration:none}
#footNav a:hover  {color:#94bd8b;}

#headquarters #footNav .headquarters a,
#infAccts #footNav .infAccts a,
#bio #footNav .bio a,
#histDocs #footNav .histDocs a,
#livingHist #footNav .livingHist a,
#squareDance #footNav .squareDance a,
#banjoLuth #footNav .banjoLuth a,
#photos #footNav .photos a,
#univCoords #footNav .univCoords a
	{color:#94bd8b; cursor:default}


/*  <MISC>
--------------------------------------------------*/
.bold {font-weight:bold}
.italic {font-style:italic}
.imgCenter { float:none; text-align:center}
.clearMargin {clear:both; padding:0; margin:10px 0}

#backTo {float:right; text-align:right; margin:10px 40px 0 0; font-size:80%}