/* CSS and code written by Danner Claflin for Pathway Book Service */

body {background: #CECECE url(Assets/AAAACover.jpg) center;
		font-family: sans-serif;
		margin: 0;
		padding: 0;
		}
		
 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */
 img, div { behavior: url(iepngfix.htc) }
		
#title {background: transparent url(assets/titlebg.png) no-repeat top;
		   position: absolute;
		   top: 0px;
		   left: 0px;
		   height: 125px;
		   width: 100%;
		   text-align: center;
		  }
#title h1{   text-align: center;
		     margin: 0em;
			 padding: 0em;
			 font-family: serif;
		    }				
#title span{font-size:75%;}  

#main{		 position: relative;
			 top: 150px;
			 background: #EEEEEE;
			 padding-bottom: 1em;
			 min-width: 250px;
			 margin-right:199px;
			 margin-left: 224px;
			 voice-family: "\"}\"";
			 voice-family: inherit;
			 margin-right:201px;
			 margin-left: 226px;
			   -khtml-border-radius: 10px;
			   -moz-border-radius: 10px;
			   -o-border-radius: 10px;
			   border-radius: 5px; 
}
html>body #main {
			 margin-right:201px;
			 margin-left: 226px;
}

#main h2{ 	text-align: left;
				font-family: serif;
				margin-top: 0em;
				margin-bottom: 0em;
				padding: 0.25em 0.5em 0.25em 0.5em;
		}
#main p {text-transform: none;
			   text-align: left;
			   margin: 0.25em 0.25em 0.5em 0.25em;
			   padding: 0.25em 1em 0.25em 1em;
			  }
#main li {margin-left: 1em; 
		  margin-right: 1em;
		  list-style-type: disc;}

span.text{margin-left: auto;
		  margin-right: auto;
		  display: block;
		  text-align: center;}

span#mainpic {}
span.pic { margin: 0.5em 0.5em 0.5em 0.5em;
		   padding: 0.5em 0.5em 0.5em 0.5em;}

#rightside{ position: absolute;
			   top: 150px;
			   right:10px;
			   width:170px;
			   background: #EEEEEE;
			   padding: 0.25em 0.25em 0.25em 0.25em;
			   margin: 0 0 0 0;
			   text-align: center;
}
.rightinfo{ width: auto;
			   padding: 0.25em 0.25em 0.25em 0.25em;
			   margin: 0.25em 0em 0.25em 0em;
			   -khtml-border-radius: 10px;
			   -moz-border-radius: 10px;
			   -o-border-radius: 10px;
			   border-radius: 5px;
}

#leftside { position: absolute;
			  background: #EEEEEE;
		      top: 150px;
		      left: 10px;
		      width: 200px;
}
.leftinfo {  width: auto;
			   background-color: white;
			   padding: 0em 0.25em 1.25em 0.25em;
			   margin: 0em 0em 0em 0em;
			   font-size: 75%;
			   -khtml-border-radius: 10px;
			   -moz-border-radius: 10px;
			   -o-border-radius: 10px;
			   border-radius: 5px; 
}

/* MENU ENGINE */
#container {height:1em; position:absolute; top:105px; text-align: center;}
#menu {text-align:center; position:relative; margin:auto; height:20px;}

.box {position:relative; float:left; top:0; height:20px; overflow: hidden; padding:0.25em; }

#menu a {position:relative; 
		 text-decoration:none; 
		 background-color:transparent; 
		 color:#fff; 
		 font-family: sans-serif;
		 display: inline; 
		 height:20px;
		 font-size:14px; 
		 font-weight:bold; 
		 line-height:20px;}
		 
html>body #menu a {width:auto;}

#menu a:visited {color:#fff;}

#menu a:hover {color:#000;}

#menu a:active {text-decoration:none;
				color: black; 
				font-family: sans-serif; 
				display:inline;
				height:20px; 
				font-size:14px; 
				font-weight:bold; 
				line-height:20px;}

#menu a#active {text-decoration:none;
				color: yellow; 
				font-family: sans-serif; 
				display:inline;
				height:20px; 
				font-size:14px; 
				font-weight:bold; 
				line-height:20px;}
				
/*END MENU ENGINE*/
				 
div.clearer {clear: both; line-height: 0px; height: 0px; border: 0px;}

.floatright { float: right; position: relative; margin: 0.5em 0 0.5em 0.5em;}
.floatleft { float: left; position: relative; margin: 0.5em 0.5em 0 0.5em;}

div.noCSS {display: none;}