html {min-height: 100%;}
		
* {
	margin: 0;
	padding: 0;
	}
		
body {
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
	background-color: #E1E7CC;
	background-image: url(../images/layout/backroundpattern.jpg);
	background-repeat: repeat;
}
		
p,code,ul {padding-bottom: 1.2em;}
		
li {list-style: none;}		
		
blockquote {
			background: url(../images/layout/quote.gif) no-repeat;
			display: block;
			font-weight: bold;
			padding-left: 28px;
		}


/* Layout */

.insidecontainer {
	border: 2px solid #999999;
	/* can try changing color to match with header color; default with dark green was CCCCCC
#BCC894 green
#A3B36C green
 */	
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 760px;
	background-color: #F5F5F5;	/* original was white #FFF
also try a little off white #
*/			}
		
.outsidecontainer {
	background-repeat: no-repeat;
	background-position: center bottom;
		}


/* HEADER */

.header {
	/* header image with green fade towards top then use this line  background: url('../images/layout/headbackcolor4.jpg');  */
	height: 190px;
	background-color: #9C9473;
	/* change background color of header, will need to take out header background image to have this show up, also need to match footer color too
#BCC894 green
#A3B36C green
#9C9473 pastel gray/green
 */			
	border:solid;
	border:thin solid #666666; /* added  border on header with change in color scheme */
		}
		
.header h1{
		/* padding top and left positions text in the header box created by ".header" */
			padding-top: 80px;
			padding-left: 250px;
			font-family: "Lucida Sans";
			font-size: 30px;
}
		
.header a{
			text-decoration:none;
			color: #FFFFFF;
			padding-bottom:5;
}
		
		
/* header image class, moves pic left and positions off top, left, and bottom edge */
.headimg {
	float:left;
	position: relative;
	left: 22px;
	top: 22px;
	right: 0px;
	bottom: 22px;
	border: thin solid #333333;
}


/* PATH below header, has navigation elements */
.breadcrumb {
	background:#9C9473;
	/* change background color of breadcrumb to match header
default with green fade image in header ........ background:#466962;
#BCC894 green
#A3B36C green
#9C9473 pastel gray/green
 */	

	color: #FFF;
	font: normal 1.1em Verdana,sans-serif;
	padding: 8px 12px;
	/*	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-top-color: #CCCCCC; */
	border:solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
		
/* These can be used as breadcrumbs */		
.breadcrumb a {
	color: #FAFAFA;
	text-decoration: none;
	}
.breadcrumb a:hover {
	color: #FFE;
	text-decoration: underline;
}
			
			

/* MAIN */
.main {
	border-top: 4px solid #FFF;
	padding: 8px 12px 0 0;
	background-repeat: repeat-y;
	}
	
/* content */
.content {
	float: right;
	width: 560px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	/* setting for font of main text */
	line-height:1.5em;
	}
	
.content .descr {
		color: #664;
		font-size: 0.9em;
		margin-bottom: 6px;
	}
	
.content a {color:#286EA0; font-weight:700;}
.content a:visited{color:#3399CC;}
	
.content li {
	list-style: url(../images/layout/this.gif);
	margin-left: 10px;
	}

.content img {
	padding:10px;
	margin-right: 10px;
	margin-left: 10px;
}


.content h2 {
	line-height:125%;
	font-size:135%;
	padding-bottom:10px;
}

.content h3 {
	line-height:120%;
	font-size:125%;
	padding-bottom:10px;
}



/* LEFT NAVIGATION */
/* TOP LEFT LINKS */
		
.leftnav {
	float: left;
	width: 160px;
}

.leftnav h2 {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.leftnav ul {
	border-top: 1px solid #EAEADA;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 5px;
	width:160;
}
			
.leftnav li a {
	background:url(../images/layout/thatmenu.gif) repeat-x bottom left;
	border-left:4px solid #ccc; /*preceding sets left side gray bar in link box */
	font-size: 1.3em;
	color: #0066FF;
	display: block;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 5%;
	width:150;
	}
		
.leftnav li a:hover {
	background:url(../images/layout/thatmenu2.gif) repeat-x bottom left;
	color:#333333;
	border-left-width: 4px;
	border-left-style: solid;
	border-top-color: #b0b0b0;
	border-right-color: #b0b0b0;
	border-bottom-color: #b0b0b0;
	border-left-color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}


/* LINKS TO OTHER THINGS */
.navmo {
	float: left;
	width: 160px;
		}
.headnavmo {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 18px;
	margin: 0;
	padding-left: 12px;
		}
.navmo ul {
			border-top: 1px solid #EAEADA;
		padding-top: 0;
			padding-right: 5;
			padding-bottom: 0;
			padding-left: 5px;
			width:160;
					}
			
.navmo li {
	border-left:2px solid #ccc;
	display: block;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 5%;
	width:150;
	font-weight: bold;
		}

.navmo li a {
	color: #286EA0;
	text-decoration: none;
		}

		
.navmo li a:hover {
			color:#333333;
			border-left-width: 2px;
			border-left-style: solid;
			border-left-color: #333333;
}



/* FOOTER */
.footer {
	background:#9C9473;
	/* change background color of breadcrumb to match header
default with green fade image in header ........ background:#466962;
#BCC894 green
#A3B36C green
#9C9473 pastel gray/green
 */	
	border:solid;
	border:thin solid #666666;
 /* added  border on header with change in color scheme */
	color: #F7F7F2;
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	font-family: sans-serif;
	font-size: 1.1em;
	font-weight: bold;
		}
		
.footer a {
	color:#286EA0;
/*default with dark green #FFF 
color on left side is #286EA0
*/
		}
		

.footer a:visited {
	color: #333333;
/*default with dark green #99FFCC  
#333333  black
*/	
}
		
.footer a:hover {
/*default with dark green #999999  
color on left side is #333333  black
*/	

	color: #333333;
}
			
			
/* ADD BOXES*/

/* TOP BIG ADD BOX */
.bigadbox {
		float: left;
		margin-top: 10px;
		margin-right: 35px;
		margin-bottom: 5px;
		margin-left: 0;
		border-top-width: 3px;
		border-right-width: 3px;
		border-bottom-width: 3px;
		border-left-width: 3px;
	}
	


/* LEFT COLUMN ADD BOX */
.leftadd {repeat-x bottom left #f4f4f4;
	border-bottom:1px solid #d8d8d8;
	border-left:1.3px solid #ccc;
	border-right:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
	clear:left;
	line-height:1.3em;
	padding:5px;
	width:140px;
	margin-left: 7px;
	}

/* BOTTOM FOOTER ADD BOX */


/* MISC */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
.center {text-align:center;}
.bold {
	font-weight: bold;
}

.space
{
	margin-bottom: 1.5em;
}


.img2 {
border:1px solid #969696;
padding:1px;
}