body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0px;
	}
a {
	font-weight: bold;
	color: #333333;
}
a:visited {
font-weight: bold;
	color: #333333;
}
a:hover {	
	text-decoration: underline overline;
}
#wrap {
	min-width: 500px;
	max-width: 1400px;
	}
/* homepage styles */
#homepageheader {
	background: #000000 url(images/topback.gif) repeat-x bottom;
	height: 250px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
	clear: both;
}
#homepagelogo {
	text-align: center;
	margin-top: 20px;
}
#homepagenavigationbar {
	background: #8e9d20 url(images/greennavbar.gif) center;
	position: absolute;
	top: 212px;
	text-align: center;
	padding: 10px;
	white-space: nowrap;
	width: 97%;
	left: 10px;
}
#homepagecontentwrapper {
	background: #FFFFFF;
	position: absolute;
	width: 100%;
	top: 260px;
	text-align: center;
}
#homepagenavigationbar a{
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	color: #000000;
	padding: 10px;
	letter-spacing: .3em;
}
#homepagenavigationbar a:visited{
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	color: #000000;
	padding: 10px;
	letter-spacing: .3em;
}
#homepagenavigationbar a:hover{
	font-weight: bold;
	background: #000000;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
/*}	
#homepageleft {
	position: absolute;
	width: 130px;
	left: 0px;
	top: 0px;
}
#homepageright {
	float: right;
	width: 150px;
}
#homepagecenter {
	text-align: center;
	width: 90%;
	height: 400px;
end homepage only styles*/
/*contentpage styles*/
}
.homepageball {
	float: left;
}

#header {
	background: #000000 url(images/topback.gif) repeat-x bottom;
	height: 160px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
}
#logo {
	text-align: center;
	margin-top: 10px;
}
#navigationbar {
	background: #8e9d20 url(images/greennavbar.gif) center;
	position: absolute;
	top: 123px;
	text-align: center;
	padding: 10px;
	white-space: nowrap;
	width: 98%;
	border-bottom: 1px solid #000000;
}
#navigationbar a{
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	color: #000000;
	padding: 10px;
	letter-spacing: .3em;
}
#navigationbar  a:visited{
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	color: #000000;
	padding: 10px;
	letter-spacing: .3em;
}
#navigationbar a:hover{
	font-weight: bold;
	background: #000000;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#contentwrapper {
	background: #FFFFFF;
	position: absolute;
	width: 100%;
	top: 165px;	
	}
	
#left {
	position: absolute;
	width: 130px;
	left: 0px;
	top: 0px;
	padding: 5px;
	background: #EBE1D5;
	letter-spacing: 0.1em;
	line-height: 2em;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #666666;
	font-size: 90%;
	border-left: 1px solid #000000;
}
#right {
	float: right;
	width: 150px;
}
#center {
	margin-right: 145px;
	margin-left: 145px;
	background: #FFFFFF;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
/*end content page styles*/

}
h2 {
	color: #000000;
	border-bottom: 2px solid #EBE1D5;
	margin-top: 5px;
	text-align: center;
	}
h1 {
	font-size: 15pt;
}

h3 {	
	font-family: Arial, Helvetica, sans-serif;		
	color: #DCDCDC;
	}
h4 {
	color: #000000
	}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #939;
	font-size: 15pt;
	}
	h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #939;
	font-size: 12pt;
	margin-top: 13px;
	margin-bottom: 1px;
	}
table {
	background: #FFFFFF;
	}

td, th {	
	font-family: Arial, Helvetica, sans-serif;
	}
textarea {
	font-family: Arial, Helvetica, sans-serif;	
	}
ul {	
	font-family: Arial, Helvetica, sans-serif;	
	}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	left: 20px;
	top: 800px;
	width: 834px;
	}
.textcolumn {
	width: 40%;
	float: left;
	padding-right: 7%;
	}
	.textcolumn a:link, a:visited {
	color: #333333;
	text-decoration: underline;
	letter-spacing: normal;
}	

.textcolumn a:hover {	
	text-decoration: underline overline;}
.larger {
	font-size: 1.3em;
	}
	/*styles for balls with rollover effects*/
/*#basketball {
	height: 140px;
	width: 165px;
}
#basketball p{
	margin-top: 170px;
	text-transform: uppercase;
	text-align: center;
}
#basketball a:link, a:visited{
	background: url(images/bball.bw.jpg) no-repeat center center;
	text-align: center;
	position: absolute;
	top: 10px;
	margin: 0px;
}
#basketball a:hover {
	background: url(images/bball.clr.jpg) no-repeat center center;
}
#golfball{
	text-align: center;
	height: 125px;
	width: 165px;
	}
#golfball p{
	margin-top: 170px;
	text-transform: uppercase;
	text-align: center;
	}
#golfball a:link, a:visited{
	background: url(images/golf.bw.png) no-repeat center center;
	position: absolute;
	left: 0px;
}
#golfball a:hover {
	background: url(images/golf.small.fthr.png) no-repeat center center;
}
#tennisball{
	text-align: center;
	height: 125px;
	width: 165px;
}
#tennisball p{
	margin-top: 170px;
	text-transform: uppercase;
	text-align: center;
	}
#tennisball a:link, a:visited {
	background: url(images/tennis.bw.jpg) no-repeat center center;
	text-align: center;
	height: 125px;
	width: 165px;
	position: absolute;
	left: 0px;
}
#tennisball a:hover {
	background: url(images/Tennis.fthr.150.jpg) no-repeat center center;
}
#softball {
	text-align: center;
	height: 125px;
	width: 165px;
}
#softball p{
	margin-top: 170px;
	text-transform: uppercase;
	text-align: center;
	}
	#softball a:link, a:visited {
	background: url(images/tennis.bw.jpg) no-repeat center center;
text-align: center;
	height: 125px;
	width: 165px;
position: absolute;
	left: 0px;
}
#softball a:hover {
	background: url(images/Tennis.fthr.150.jpg) no-repeat center center;
		}
*/
	/* some styles from kkd to convert*/
.style12 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.style14 {color: #990066; font-size: 12px; }
.style20 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #669999; font-size: 10px; }
.style27 {font-size: 10px}
.style28 {color: #CC9933}
.style29 {font-size: 10px; color: #CC9933; }
.style32 {color: #669999; font-size: 12px; }
.style34 {color: #666666; font-size: 12px; }
.style39 {color: #333333}
.style40 {color: #333333; font-size: 12px; }
.style41 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style42 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style43 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #669999; font-size: 10px; }
.style44 {color: #669999; font-size: 10px; }
.style45 {font-size: 16px}
#centerextrawide {
	margin-left: 20px;
	background: #FFFFFF;
	margin-top: 0px;
}
.clear {
	clear: both;
}
.brandname {
	font-style: italic;
}
#descriptivecontent {
	margin-left: 300px;
}
#descriptivecontent p {
	font-size: 90%;
	margin-top: 2px;
	margin-bottom: 10px;
}

#descriptivecontent h2 {
	color: #936C1E;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	border-width: 0px;
}

#titlebar {
	float: left;
	margin-top: 0px;
	width: 16em;
}
#titlebar p {
	font: italic 18px Arial, Helvetica, sans-serif;
	color: #708738;
}
#centernosides {
	margin-left: 10px;
	background: #FFFFFF;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
}
#footer {
	margin-top: 50px;
	font-size: x-small;
	margin-left: 20px;
}
#homecopy {
	width: 607px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 1em;
	padding-top: 0px;
	margin-top: 10px;
}
#sectionnavigation {
	background: #AFBA62;
	display: block;
	padding: 10px;
	width: 210px;
	border-top: 1px solid #8E9D20;
	border-right: 3px solid #8E9D20;
	border-bottom: 3px solid #8E9D20;
	border-left: 1px solid #8E9D20;
	margin: 0px 0px 0px 10px;
}
#sectionnavigation ul {
	list-style: none;
	text-align: left;
	display: block;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sectionnavigation h2 {
	border-bottom: 1px solid #8E9D20;
	text-align: left;
	font-size: 90%;
	color: #FFFFFF;
	background: #8E9D20;
	font-weight: bold;
	padding-left: 8px;
	margin: 5px 0px;
}
#sectionnavigation a{
	font-size: 80%;
	text-decoration: none;
	margin-left: 0px;
	color: #000000;
	padding: 2px 5px;
}
#sectionnavigation  a:visited{
	font-size: 80%;
	text-decoration: none;
	margin-left: 0px;
	color: #000000;
	padding: 2px 5px;
}
#sectionnavigation a:hover{
	font-weight: bold;
	background: #000000;
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px 5px;
}
#sectionnavigation p {
	padding: 0px;
	font-size: 90%;
	font-style: normal;
	color: #FFFFFF;
}
#titlebar {
	padding: 0px;
}/* the potfolio menu starts here */
div#listmenu {
	width:200px; 	/*  *changed****/
	float:left; /*makes the div enclose the list */
	border-top:1px solid #8E9D20;	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;	 /* draws line on bottom edge of div - removed as we now have dividers */
	font-size:12px;	/* SET FONT-SIZE HERE */
	background-color:#AFBA62; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	display: inline;
	margin: 0px;
	}
div#listmenu p {
	font-size: 12px;
	color: #000000;
	margin: 10px;
	line-height: 18px;
	font-style: italic;
}

div#listmenu ul {margin:0px;/* indents ul from edge of container - left changed to 0 */
	width:200px;
}
div#listmenu li {
	/*float:left;	/* causes the list to align horizontally instead of stack */ 	/*  *changed****/
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#AFBA62;
	; /*sets the background of the menu items */
	border-right:1px solid #8E9D20; /* creates dividing lines between the li elements */
	border-left:1px solid #8E9D20; /*the first vertical line on the menu */	/*  *ADDED****/
	border-bottom:1px solid #8E9D20; /*dividers on the menu */	/*  *ADDED****/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	}
div#listmenu li:first-child {
	border-left:1px solid #8E9D20; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#8E9D20; /*sets the background of the menu items */
	}
div#listmenu a {
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#FFFFFF;
	background: #8E9D20;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	margin-left:200px; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:210px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	top:-1px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
	left:-2px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #8E9D20; /*  three sides of each drop-down item */
	border-bottom:1px solid #8E9D20;
	border-right:1px solid #8E9D20;
	background-color:#AFBA62;; /* ADDED - sets the background of the submenu items */
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #8E9D20; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#listmenu ul li ul li:hover ul {display:block;} /* shows the sub-drop-down when drop-down menu is hovered */
div#listmenu ul li:hover ul ul {display:none;} /* conceals the sub-drop-down when drop-down menu not hovered */

div#listmenu ul li ul li ul {left:0px;} /*aligns the sub-pop next to the pop - added for side version */

/* HACK ZONE - on hack only for IE */
* html div#listmenu ul li ul {
    border-top:1px solid #8E9D20; /*the top edge of the dropdown */
	}

/* END OF LIST-BASED MENU */
#titlebar a {
	text-decoration: none;

}