/* CSS 2006 Copy right Dean R Wort & Ali Dog Productions */
/* Contact Dean at the wort zone dot net http://www.thewortzone.net/talkback.html */

html { margin: 0px; }

h1 {
	color: #535769;
	font: bold 1.6em Arial, Verdana, Helvetica, sans-serif;
}

h2 {
	color: #535769;
	font: bold 1.4em Arial, Verdana, Helvetica, sans-serif;
}

h3{
    color: #535769;
    font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
  }



body {
	background: #777777;
	text-align: center;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
img{
  border: none;   /* turns off borders on images esp links */
}
 #wrapperplain {
	margin:0px auto; 				/* to fix centering in Mozilla */
	background: url('../images/HG/hgcolback_plain.png') repeat-y;
	text-align: left;
	width: 748px;					/* width should be the same as the background image */
	padding: 0px 17px 0px 16px;     /* padding controls how the boxes line up change with care */
	/* box model hack */
	voice-family: "\"}\"";         /* This a standard hack to make internet explorer behave with css */
	voice-family:inherit;
	width: 715px;
}

 #wrapper3col {
	margin:0px auto; 				/* to fix centering in Mozilla */
	background: url('../images/HG/hgcolback_index.png') repeat-y;
	text-align: left;
	width: 748px;					/* width should be the same as the background image */
	padding: 0px 17px 0px 16px;     /* padding controls how the boxes line up change with care */
	/* box model hack */
	voice-family: "\"}\"";         /* This a standard hack to make internet explorer behave with css */
	voice-family:inherit;
	width: 715px;
}
	html>body #wrapper, html>body #wrapper3col { width: 715px; } /* The width of the rest of the world */

#wrapper3col {
	background: url('../images/HG/hgcolback_index.png') repeat-y;
}

#footer {
	margin: 0px auto; 				/* to fix centering in Mozilla */
	background: url('../images/HG/footerbg_index.png') repeat-y;
	width: 748px;					/* width should be the same as the background image */
	color: #B1B5C1;
	padding: 10px 0px 10px 0px;
}

#header {
    height:173px;
    /* This the default header back ground unless a cascading sheet is set after this with a new value  */
    background: url(../images/HG/hgheaderbg_index.png) repeat-y;

}

#menu {
	background: #5f5ba9;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 5px;
	color: #ffffff;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

	#menu ul {
		list-style: none;			/* removes list marker */
		padding: 0px;				/* removes left indent */
		margin: 0px;
	}

	#menu ul li {
		display: inline;			/* sets list items to display in a row */
		padding-left: 10px;			/* puts space in between list items */
	}
	
    #menu a:link, #menu a:visited {
		color: #fff;
		text-decoration: none;
	}


    #menu a:hover {
		color: #FFCC33;

	}

.here {                  /* The here class sets the color and increases the font size of the link to indicate what page you are on  */
  color: #D4D0C8;
  font-size: 1.2em;
  text-decoration: underline;
  text-decoration: none;
  font-weight: bolder;
}


#leftcol {
	width: 169px;
	float: left;
	/*background: url('../images/undermenu.png') no-repeat; */
	padding: 10px 8px 8px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 152px;
}
	html>body #leftcol { width: 152px; }

#maincol {
	width: 545px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 525px;
}
	html>body #maincol { width: 525px; }

#centercol {			/* basically a modification of "maincol" */
	width: 395px;
	float: left;
	padding: 10px;
    text-align: center;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 375px;
}
	html>body #centercol { width: 375px; }
	
#rightcol {
	width: 150px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
}
	html>body #rightcol { width: 130px; }
	
.clear { clear: both; }  /* cool trick to hold the three columns together */


.verticalmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	.verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover {
		display: block;
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		color: #1A286E;
		text-decoration: none;
		padding: 5px;
		width: 153px;
		height: 26px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 143px;
		height: 16px;
	}
		html>body .verticalmenu a:link, html>body .verticalmenu a:visited, html>body .verticalmenu a:hover {
			width: 155px;
			height: 16px;
		}

	.verticalmenu a:hover {
		background: url('../images/vertical.gif') no-repeat;      /* this is the little house under the page links when you hover over them */
	}

.photoright{
  float: right;
}

.photoleft{
  float: left;
  padding-right: 4px;
}

.italic{
  font-style: italic;
}

ol {
  list-style-type: upper-roman;
}

.totheleft{
  text-align: left;
  font-size: 1.25em ;
  margin: 10px;
  padding: 10px;
  background-color: #FFFF99;
}