/* Generic
______________________________*/
body {
	background-image:url(/portfolio/images/papertilefix2.jpg);
	font-size: 62.5%;
	margin:0;
	padding:0;
}

a {
	color: #b95300;
}

a:visited {
}

a:hover {
	color: #000;
	}

a:active {
	
}

/*Wrapper
_______________________________*/

#wrapper {
	width: 780px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	font-size: 1.3em;
	background-image:url(/portfolio/images/papertilefix2.jpg);
	background-repeat:repeat;
	margin-top:0px;
}

/* Header and Navigation
________________________________*/

#subtitle {
	background-image:url(/portfolio/images/mechanics.jpg);
	height:70px;
	background-repeat:no-repeat;
	margin-top:1.5em;
}

h1 {
	font-family: "Gill Sans", Verdana, Arial, sans-serif; 
	margin-left:.5em;
	text-align:left;
	padding-top:0em;
	font-variant:small-caps;
	font-size:1.8em;
	margin-top:-.2em;
	margin-bottom:0;
	letter-spacing:0.1em;
	font-weight:normal;
}

#header {
	padding-top:.5em;
	height:237px;
	width:780px;
}


ul#sitenav {
	display: block;  
	clear: both; 
	text-align:right; 
	margin: 0;
	padding:0;
	
	}

ul#sitenav li {
	display:block; 
	float: left;
	text-align: center;
	padding:0;
	margin:0;
	}

ul#sitenav a {
	text-decoration: none;
	display:block;
	/*float:left;*/
	color:  #000; 
	padding-top: 210px;
	font-family: "Gill Sans", Verdana, Arial, sans-serif; 
	font-size:1.5em; 
	font-variant:small-caps; 
	letter-spacing:0.2em;
	margin:0;
	text-align:center;
}

li#home a {

	width:200px;
	background-image:url(/portfolio/images/techhead1drop.jpg); 
	background-repeat:no-repeat;
}

li#home a:hover {
	background-image:url(/portfolio/images/techhead1hover.jpg);
	background-repeat:no-repeat;
}

li#modules a {
	width:190px;
	background-image:url(/portfolio/images/techhead2drop.jpg); 
	background-repeat:no-repeat;
	
}

li#modules a:hover {
	background-image:url(/portfolio/images/techhead2hover.jpg);
	background-repeat:no-repeat;
}

li#learn a {
	width:190px;
	background-image:url(/portfolio/images/techhead3drop.jpg); 
	background-repeat:no-repeat;
}

li#learn a:hover {
	background-image:url(/portfolio/images/techhead3hover.jpg);
	background-repeat:no-repeat;
}

li#about a {
	width:190px;
	background-image:url(/portfolio/images/techhead4drop.jpg); 
	background-repeat:no-repeat;
}

li#about a:hover {
	background-image:url(/portfolio/images/techhead4hover.jpg);
	background-repeat:no-repeat;
}

ul#sitenav a:hover, ul#sitenav a:active {color:#b95300}

/* Main Content
_________________________________*/

#maincontent {
	width: 780px;
	float: left;
	margin-top:0;
	margin-bottom:1em;
	margin-right:0;

}

h3 {
	font-family:Georgia, serif;
	font-variant:small-caps;
	margin-top:0em;
	letter-spacing:0.1em;
	font-size:1.3em;
	margin-bottom:0;
	}

h3.module {
	text-align:center;
}

h3.module a {
	color:#b95300;
}

h3.module a:hover {
	color:#000;
}

#maincontent p {
	width:720px;
	margin-left:auto;
	margin-right:auto;
	font-family: Georgia, serif;
	font-size:1.4em;
	line-height: 1.4em;
	letter-spacing:.1em;
	text-align:justify;
}

#maincontent p.pright {
	text-align:right;
}

#maincontent a.aright {
	color:#b95300;
	text-decoration:none;
}

#maincontent a.aright:hover {
	color:#000;
}

#weaponsthumb {
	float:left;
	width:195px;
}

#railroadsthumb {
	float:left;
	width:195px;
}

#steamboatsthumb {
	float:left;
	width:195px;
}

#firementhumb {
	float:left;
	width:195px;
}

ul#learnnav li {
	display:block; 
	float: left;
	text-align: center;
	padding:0;
	margin:0;
	}

/*ul#learnnav a {
	display:block;
	color:  #000; 
	padding-top: 210px;
	font-family: "Gill Sans", Verdana, Arial, sans-serif; 
	font-size:1.5em; 
	font-variant:small-caps; 
	letter-spacing:0.2em;
	margin:0;
	text-align:center;
}*/

li#students a {
	padding-top:1.1em;
	margin-left:40px;
	width:310px;
	height:310px;
	float:left;
	text-align:center;
	background-image:url(images/studentscircle.jpg);
	background-repeat:no-repeat;
}

li#students a:hover {
	background-image:url(images/studentscirclehover.jpg);
	background-repeat:no-repeat;
}

li#students h3 {
	padding-top:290px;
}

li#teachers a {
	padding-top:1.1em;
	margin-left:20px;
	width:310px;
	height:310px;
	float:left;
	text-align:center;
	background-image:url(images/teacherscircle.jpg);
	background-repeat:no-repeat;
}

li#teachers a:hover {
	background-image:url(images/teacherscirclehover.jpg);
	background-repeat:no-repeat;
}

#teachers h3 {
	padding-top:290px;
}

ol#teacherslist {
	padding-right:1.5em;
	width:680px;
	margin-left:auto;
	margin-right:auto;
	font-family: Georgia, serif;
	font-size:1.2em;
	line-height: 1.1em;
	letter-spacing:.1em;
	text-align:justify;
}

ol#teacherslist li {
	padding-bottom:.8em;
}

ul#secondnav li {
	display:block; 
	float: left;
	text-align: center;
	font-family:Georgia, serif;
	font-variant:small-caps;
	margin-top:0em;
	letter-spacing:0.1em;
	font-size:1.3em;
	margin-bottom:0;
	width:180px;
	}


/* Images
___________________________*/

#maincontent img.thumb {
	display:block;
	padding:5px;
	margin:0;
	border-style:none;
}

#maincontent img.imgright {
	float:right;
	padding:.2em 0 .2em .8em;
}

#maincontent img.imgleft {
	float:left;
	padding:.2em .8em .2em 0;
}

#maincontent img.arrow {
	border-style:none;
}

/* Fireman Image
___________________________*/

#fireman {
	display:block;
	margin:1em 0 1em 1em;
	height:565px;
	width:760px;
	background-image:url(/portfolio/images/LifeofaFiremanClean.jpg);
	position:relative;

}

#fireman a#firetitle {
  display:block; 
  width:760px; 
  height:0; 
  padding-top:565px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background:transparent url(/portfolio/images/LifeofaFiremanWeb.jpg) no-repeat 760px 760px; 
  cursor:default;
  }

* html #fireman a#firetitle {
	height:565px;
	he\ight:0;
}

#fireman a#firetitle:hover {
	background-position: 0 0;
	z-index:10;
}

#fireman dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }

#fireman #fnum1 {
  left:135px; 
  top:235px; 
  z-index:20;
  }

#fireman #fnum2 {
  left:355px; 
  top:235px; 
  z-index:20;
  }
#fireman #fnum3 {
  left:435px; 
  top:300px; 
  z-index:20;
  }
#fireman #fnum4 {
  left:490px; 
  top:450px; 
  z-index:20;
  }
#fireman #fnum5 {
  left:220px; 
  top:520px; 
  z-index:20;
  }

#fireman a#one, #fireman a#two, #fireman a#three, #fireman a#four, #fireman a#five {
  display:block; 
  width:40px; 
  height:40px; 
  background:transparent url(/portfolio/images/hover.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

#fireman #firetitle a, #fireman #firetitle a:visited {
  display:none;
  }

#fireman a span, #fireman a:visited span {
  display:none;
  }


#fireman a:hover span {
  position:absolute;  
  width:240px;
  display:block; 
  font-family:Georgia, serif; 
  font-size:1.2em; 
  color:#000;
  padding:10px;
  background-image:url(/portfolio/images/papertile.jpg);
  }


/* the hack for IE pre IE6 */
* html #fireman a:hover span {
  width:260px; w\idth:240px;
  }

#fireman a:hover span img {
  border-style:none;
  }

#fireman a#one:hover span {
  left:30px; 
  top:-220px;
  }

#fireman a#two:hover span {
  left:50px;
  top:-198px;
  }

#fireman a#three:hover span {
  left:-112px; 
  top:-196px;
  }
#fireman a#four:hover span {
  left:-175px; 
  top:-298px;
  }

#fireman a#five:hover span {
  left:0px; 
  top:-202px;
  }

		
/*#fireman a span:first-line {
	font-family:Georgia, serif;
	font-variant:small-caps;
	font-weight:bolder;
	margin:0;
	letter-spacing:0.1em;
	display:block;
	padding:2px;
	font-size:1.3em;
  }*/


/* Hook and Ladder Image
__________________________*/

#hook {
	display:block;
	margin:1em 0 1em 1em;
	height:569px;
	width:760px;
	background-image:url(/portfolio/images/HookandLadderClean.jpg);
	position:relative;
}

#hook a#hooktitle {
  display:block; 
  width:760px; 
  height:0; 
  padding-top:569px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background:transparent url(/portfolio/images/HookandLadderWeb.jpg) no-repeat 760px 760px; 
  cursor:default;
  }

* html #hook a#hooktitle {
	height:569px;
	he\ight:0;
}

#hook a#hooktitle:hover {
	background-position: 0 0;
	z-index:10;
}

#hook dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }

#hook #hnum1 {
  left:190px; 
  top:85px; 
  z-index:20;
  }
#hook #hnum2 {
  left:415px; 
  top:215px; 
  z-index:20;
  }
#hook #hnum3 {
  left:590px; 
  top:495px; 
  z-index:20;
  }
#hook #hnum4 {
  left:245px; 
  top:395px; 
  z-index:20;
  }
#hook #hnum5 {
  left:63px;
  top:235px;
  z-index:20;
}


#hook a#hone, #hook a#htwo, #hook a#hthree, #hook a#hfour, #hook a#hfive {
  display:block; 
  width:40px; 
  height:40px; 
  background:transparent url(/portfolio/images/hover.gif) -100px -100px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

#hook #hooktitle a, #hook #hooktitle a:visited {
  display:none;
  }

#hook a span, #hook a:visited span {
  display:none;
  }

#hook a:hover span {
  position:absolute;  
  width:240px; 
  display:block; 
  font-family:Georgia, serif; 
  font-size:1.2em;
  color:#000; 
  padding:10px;
  background-image:url(/portfolio/images/papertile.jpg);
  }

/* the hack for IE pre IE6 */
* html #hook a:hover span {
  width:400px; w\idth:388px;
  }

#hook a:hover span img {
  border-style:none;
  }

#hook a#hone:hover span {
  left:-100px; 
  top:50px;
  }
#hook a#htwo:hover span {
  left:-270px;
  top:-174px;
  }
#hook a#hthree:hover span {
  left:-100px; 
  top:-115px;
  }
#hook a#hfour:hover span {
  left:70px; 
  top:-171px;
  }	
#hook a#hfive:hover span {
  left:40px;
  top:-140px;
}

/*#hook a span:first-line {
	font-family:Georgia, serif;
	font-variant:small-caps;
	font-weight:bolder;
	margin:0;
	letter-spacing:0.1em;
	display:block;
	padding:2px;
	font-size:1.3em;
  	}*/


/* Footer
_______________________*/


#footer {
	width:780px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	letter-spacing:0.1em;
	line-height:20px;
	text-align:center;
	padding-bottom:1em;
}

#footer p {
	padding-top:.5em;
	border-top: 1px dashed;
}

#footer a{
	color:#000;
	
}

#footer a:hover {
	color:#b95300;
}