
* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Arial, Helvetica, sans-serif;
		background: #ddc8a3;
		}
p {
		font-size: 1.3em;
		margin-bottom: 1em;
		color: #eed8b2;
		}

h1 {		font-size: 2.4em;
		text-transform: uppercase;
		color: #642f21;
		text-align: left;
		margin-bottom: .2em;
		}


h2 {		font-size: 1.8em;
		color: #642f21;
		margin-bottom: 0px;
		padding-top: 30px;
		}

h3 {		font-size: 1.8em;
		color: #642f21;
		text-align: left;
		margin-bottom: .3em;
		}

#sample{	font-size: 1.4em;
		letter-spacing: 8px;
		color: #eed8b2;
		text-align: right;
		margin-top: 2px;
		margin-bottom: 7px;
		}

#container{
		width: 900px;
		background: #ddc8a3;
		padding-left: 0x;
		}


#top{
		width: 900px;
		background: #ddc8a3;
		padding-left: 150px;
		text-align: left;
		}

#rspLogo{
		width: 100px;
		background: #ddc8a3;
		padding-left: 25px;
		padding-right: 0px;
		float: left;
		}

a img	{
		border:0;
		}

#HomeBoxNav  {
		float: left;
		width: 502px;
		}


#HomeBox{
		width: 500px;
		height: 400px;
		background: #642f21;
		float: left;
		}

#HomeBox a{
		text-decoration:none;
		color:white;
		}

#HomeBox img{
		width: 143px;
		height: 182px;
		background: #642f21;
		color: #eed8b2;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
		float: left;
		}


#HomeBox p{
		width: 280px;
		color: #eed8b2;
		font-size: 1.5em;
		line-height: 1.7em;
		padding-top: 13px;
		padding-right: 20px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		float: left;
		}

#HomeBox p2{
		width: 450px;
		color: #eed8b2;
		font-size: 1.5em;
		line-height: 2.0em;
		padding-top: 13px;
		padding-right: 20px;
		margin-left: 20px;
		margin-right: 10px;
		margin-top: 0px;
		float: left;
		}


#BioBox{
		width: 500px;
		height: 450px;
		background: #642f21;
		float: left;
		}

#BioBox p{
		width: 450px;
		color: #eed8b2;
		font-size: 1.2em;
		line-height: 1.4em;
		padding-top: 25px;
		padding-right: 40px;
		padding-left: 30px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		float: left;
		}


#BioBox ul{
		width: 450px;
		color: #eed8b2;
		font-size: 1.3em;
		line-height: 1.3em;
		padding-top: 13px;
		padding-right: 20px;
		padding-left: 50px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: -10px;
		float: left;
		}

#ContBox{
		width: 500px;
		height: 400px;
		background: #642f21;
		float: left;
		}

#ContBox p{
		width: 450px;
		color: #eed8b2;
		font-size: 1.4em;
		line-height: 1.5em;
		padding-top: 25px;
		padding-right: 40px;
		padding-left: 160px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		float: left;
		}

#TeachBox{
		width: 500px;
		height: 400px;
		background: #642f21;
		float: left;
		}

#TeachBox p{
		width: 450px;
		color: #eed8b2;
		font-size: 1.3em;
		line-height: 1.6em;
		padding-top: 25px;
		padding-right: 40px;
		padding-left: 40px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		float: left;
		}


#SampleBox{
		width: 500px;
		height: 400px;
		background: #642f21;
		float: left;
		}

#SampleBox img{
		height: 360px;
		background: #642f21;
		border: 8px solid #af9b5c;
		margin-right: 10px;
		margin-top: 10px;
		float: right;
		}

#SampleBox p{
		color: #eed8b2;
		font-size: 1.3em;
		line-height: 2.0em;
		text-align: right;
		padding-top: 300px;
		padding-left 20px;
		margin-left: 60px;
		margin-right: 0px;
		float: left;
		}

#ToolBox{
		width: 500px;
		height: 400px;
		background: #642f21;
		float: left;
		}

.ToolLeft {
		width: 135px;
		height: 160px;
		float: left;
		text-align: center;
		padding-top: 25px;
		padding-left: 20px;
		padding-bottom: 2px;
		margin-bottom: 5px;
		}


#ToolLeft img{
		width: 60px;
		height: 80px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 25px;
		float: left;
		}



.ToolLeft p{
	
		font-size: 1.3em;
		float: left;
		color: #eed8b2;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-bottom: 5px;
		}

.ToolLeft a{
		color: #eed8b2;
		text-decoration:none;
		}

.ToolRight{
		width: 170px;
		height: 160px;
		float: left;
		text-align: left;
		padding-top: 40px;
		padding-left: 15px;
		padding-bottom: 2px;
		margin-bottom: 5px;
		}



/* ----------Middle Content---------- */



/* ----------Middle Main pic at left---------- */
#picContainer  {
		float: left;
		width: 258px;
		height: 400px;
		padding-left: 55px;
		background: #FFffff;
		margin-left: 4px;
		}

#picSpot {
		float: right;
		width: 135px;
		padding-top: 10px;
		margin-right: 10px;
		padding-left: 20px;
		background: #FFffff;
		}

/* ----------End Middle Main pic at left---------- */

/* ---------- Main Narrative---------- */



#MainNarrative  {
		font-size: 1.1em;
		float: left;
		width: 510px;
		margin-top: 0px;
		margin-left: 0px;
		background: ##642f21;
		}


.ProjectNarrative a:hover {
		text-decoration: underline;
		}




.projectFont {
	  font-size: 1.3em;
	  line-height: 1.1em;
	  }





/* ---------- End Main Narrative---------- */




/* ---------- Navigation Main---------- */

#navSide  {
		width: 240px;		
		background: #642f21;
		float: right;
		text-align: center;
		margin-top: 0px;
		padding-top: 4px;	
		padding-left: 4px;	
		}



.navLeft {
		width: 80px;		
		background: #642f21;
		float: left;
		text-align: left;
		padding-top: 1px;
		margin-bottom: 2px;
		}

.navMid {
		width: 80px;		
		background: #642f21;
		float: left;
		text-align: left;
		padding-top: 1px;
		margin-bottom: 2px;
		}


.navRight {
		width: 80px;		
		background: #642f21;
		float: left;
		text-align: left;
		padding-top: 1px;
		margin-bottom: 2px;
		}



/* ---------- END of Navigation Main---------- */


#footerBar  {
		float: left;
		width: 510px;
		height: 10px;
		background: #f47830;
		}

/* ---------- end of horizontal rule---------- */

/* ---------- END of Navigation Main---------- */
	
.clearfloat {
		clear: both;
		height: 0;
		font-size: 1px;
		}

.bottomFont {
	  font-size: 1.2em;
	  text-align: left;
	  padding-top: 10px;
	  padding-left: 10px;
	  margin-top: -5px;
	  margin-bottom: -5px;
	  color: #ffffff;
	  }

.licensedFont {
	  font-size: .7em;
	  text-align: centered;
	  margin-top: -2px;
	  margin-bottom: -15px;
	  color: #ffffff;
	  }


/* ---------- footer Navigation--------- */

#footerNavigation  {
		background: #ddc8a3;
		width: 940px;
		text-align: left;
		float: left;			
		padding-top: 18px;
		padding-left: 15px;
		padding-bottom: 3px;	
		}
#footerNavigation li {
		display: inline;
		border-right: 2px solid #af9b5c;
		}

#footerNavigation li a{
		display: inline;
		padding: 0px 2px;
		font: 1.3em/1 "Times New Roman", Times, serif;
		color: #642f21;
		text-decoration:none;
		}


#footerArt 	{
		font: 1.5em/1 Helvetica, "Arial", sans-serif;
		text-transform: uppercase;
		float: right;
		text-align: center;
		background: #56a750;
		margin-top: -16px;
		margin-right: 60px;
		width: 200px;
		}


