/* CSS Document */

body {
	   font-family: Verdana, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	   font-size: 12px;
	   line-height: 17px;
	   color: black;
	   text-align: left;
	   background-image: url(/bg.gif);
	   background-repeat: repeat-y;
       background-color: #fff;
       margin: 0;
	   padding: 0;	   
	   
     }
	
#container { 
			width: 960px; 
			margin: 0; 
	 		padding: 0;
	 		text-align: left;
 			background-color: #000;
			display: block
		 }

#banner {
			background-color: #008a64;
			color: white;
			font-style: italic;
			font-size: 11px;
			margin: 0px;
			width: 100%;
	}


#title {
			background-color: #000;
			width: 960px;
			height: 250px;
			margin: 0;
			padding: 0;

	}

#title img {
			float: left;
			}
	
#menu {
			float: left;
			width: 280px;
			padding-top: 28px;
			margin-left: 20px;
			background-color: #000;

	}
	
#menu a img { padding-top: 3px; padding-bottom: 2px; border-top: 1px solid #ccc; }

#content {
			width: 960px;
			margin: 0;
			padding: 20px 0 0 0;
			display: block;
			background-color: #fff;
	}


#left, #mid, #right {
			width: 279px;
			margin: 20px;
			float: left;

	}

#main { float: left; width: 600px; margin: 20px 10px 0 20px; }
#side { width: 280px; margin: 20px 20px 0 0; float: left; background-image: url(stripe.gif); background-repeat: repeat-y; padding: 0 0 0 30px; font-family: Arial; min-height: 500px; }

#ill { width: 150px; float: left; margin: 0 10px 0 0  }
#copy { width: 400px; float: left; margin: 0 0 0 40px }


p { margin: 9px 0px 8px 0  }

ul { margin: 0; padding-left: 0px; list-style: square;
			  }
ol { list-style: circle; }

a { color: inherit; text-decoration: none; border: none }

p a { color: #008a64; text-decoration: none; border: 0px }
p a:hover { border-bottom: 1px solid #008a64; }
a:hover img { border: 0 }

img { border: 0 }


li { text-indent: 0px;  }

.caption { font-size: 90%; }

.sidebar {  margin: 0; background-color: #ffffe8;   }

.sidebar li { padding: 4px 1px 3px 1px; text-transform: uppercase; letter-spacing: .1em; font-size: 10px; border-top: 1px solid #ccc; list-style: none; }

.sidebar li a { color: #000; text-decoration: none; border: 0 }

.sidebar li a:hover { color: #008a64; font-weight: 700 }

.caps {
		font-family: Arial;
		font-size: smaller;
		text-transform: uppercase;
		letter-spacing: .1em;	}

h1 {
		font-family: Arial;
		font-size: smaller;
		text-transform: uppercase;
		letter-spacing: .1em;
		margin: 30px 0 10px 0;
		font-weight: bold; }

.pull { float: left; margin: 0 15px 10px 0; }

blockquote {
		font-size: 90%; margin: 0 20px 20px 20px; }

.toc_section { border-top: 1px solid black; font-weight: 700; font-size: smaller; margin: 32px 0 17px 0; padding: 2px 0 0 0; letter-spacing: 1px; }


a div.more { background-image:url(/more.gif); width: 95px; height: 29px; margin-top: 20px; float: right}	
a:hover div.more { background-image:url(/moreover.gif)}