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

body {background: #CECECE url(graygrad.gif) repeat-x;
		font-family: sans-serif;
		margin: 0;
		padding: 0;
		}
		
#title {background: gray url repeat-x;
		   position: absolute;
		   top: 0px;
		   left: 0px;
		   height: 125px;
		   width: 100%;
		  }
#title h1{text-transform: uppercase;
		     text-align: left;
		     font-size: 200%;
			 color: white;
		     margin: 0em;
			 padding: 0em;
			 font-family: serif;
		    }				
#title span{font-size: 50%; position: relative; top: -50px;}  

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

#main h2{ 	text-align: left;
				font-family: serif;
				color: white;
				background: black url(bluegradheader.gif) repeat-x;
				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: white;
			   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;
		      top: 150px;
		      left: 10px;
		      width: 175px;
}
.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;
	width: 976px;
}
#menu {text-align:left; position:relative; left: 144px; height:20px;}

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

#menu a {position:relative; 
		 text-decoration:none; 
		 background-color:#2F649B; 
		 color:#fff; 
		 font-family: sans-serif;
		 display:block; 
		 height:20px; 
		 font-size:12px; 
		 font-weight:bold; 
		 line-height:20px; 
		 width: 5em;}
		 
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:block;
				height:20px; 
				font-size:12px; 
				font-weight:bold; 
				line-height:20px;}

#menu a#active {text-decoration:none;
				color: yellow; 
				font-family: sans-serif; 
				display:block;
				height:20px; 
				font-size:12px; 
				font-weight:bold; 
				line-height:20px;}
				
.mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:20px solid #2F649B; border-left:20px solid #FFFFFF; overflow:hidden;}
.mright {position:relative; float:left; top:0; width:0; height:0; border-left:20px solid #2F649B; border-bottom:20px solid #2F649B; overflow:hidden;}
.mmid {position:relative; float:left; top:0; width:25px; height:20px; background:#2F649B; overflow:hidden;}
.mid1, .mid2, .mid3, .mid4 {width:0; height:0; position:absolute; border-left:5px solid #2F649B; border-bottom:5px solid #888888; overflow:hidden;}
.mid5, .mid6, .mid7, .mid8, .mid9. {width:0; height:0; position:absolute; border-bottom:5px solid #2F649B; border-left:5px solid #888888; overflow:hidden;}
.mid1 {left:15px; top:0;}
.mid2 {left:10px; top:5px;}
.mid3 {left:5px; top:10px;}
.mid4 {left:0px; top:15px;}

.mid5 {left:20px; top:0;}
.mid6 {left:15px; top:5px;}
.mid7 {left:10px; top:10px;}
.mid8 {left:5px; top:15px;}
.mid9 {left:5px; top:15px;}

.boxx {position:relative; float:left; top:0; width:25px; height:20px; background:#888888; overflow:hidden;}
.boxx1, .boxx3, .boxx5, .boxx7 {float:left; height:0; border-right:5px solid #888888; border-top:5px solid #2F649B;overflow:hidden;}
.boxx2, .boxx4, .boxx6, .boxx8,.boxx9 {float:left; height:0; border-bottom:5px solid #2F649B; border-left:5px solid #888888; overflow:hidden;}

.boxx1 {width:15px;}
.boxx2 {width:0;}
.boxx3 {width:10px;}
.boxx4 {width:5px;}
.boxx5 {width:5px;}
.boxx6 {width:10px;}
.boxx7 {width:0;}
.boxx8 {width:15px;}
.boxx9 {width:10px;}
/*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;}