A:hover {
	COLOR: #F8A20A; TEXT-DECORATION: underline
}

.caption {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #0000CC}
.bodytxt2 {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal}
.bodybold {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.caption2 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
.bodytxt3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
.bodytxt4 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.testimonials { position:relative; background-color:#f5f5f5; padding: 8px;filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; }

div.transOFF {width: 100%; background-color: #e1eefa; padding: 8px; }
div.transON {width: 100%; background-color: #e1eefa; opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6; padding: 8px; }
div.boxOFF {width: 100%; padding: 0px; }
div.boxON {width: 100%; opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; padding: 0px; }

div.whyOFF {width: 100%; background-color: #feffb3; padding: 8px; }
div.whyON {width: 100%; background-color: #e1eefa; opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6; padding: 8px; }

div.specOFF {width: 100%; background-color: #bfdefa; padding: 8px; }
div.specON {width: 100%; background-color: #e1eefa; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; padding: 8px; }




.header {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333333}
.tables { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000}
.bodyboldlarge { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000 }
.bodytxt2sml { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
.bodyboldsml { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000 }
.bodyboldblue { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000066}

.ThemePanelMenu,.ThemePanelSubMenuTable
{
	font-family:	 helvetica, arial, sans-serif;
	font-size:	12px;

	cursor:		default;
	white-space:	nowrap;
}

.ThemePanelSubMenu
{
	z-index:	0;
	position:	absolute;
	visibility:	hidden;
	display:	block;
	overflow:	hidden;

	border:		0;
	background-color: inherit;
}

.ThemePanelSubMenuShadow
{
	z-index:	-1;
	position:	absolute;
	top:		3px;
	left:		3px;
	width:		100%;
	height:		300em;
	background-color:	black;
	opacity:	0.5;
	border:		0;
	margin:		0;
}

.ThemePanelSubMenuBorder
{
	border:		1px solid #ebebeb;
	background-color:	#FFFFFF;
	padding:	1px;
	margin:		0px 2px 3px 0px;
}

.ThemePanelSubMenuTable
{
	border-collapse:	separate;
}

.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
	cursor:		default;
	white-space:	nowrap;
}

.ThemePanelMainItem,
.ThemePanelMenuItem
{
	background-color:	#FFFFFF;
	white-space:	nowrap;
}

.ThemePanelMainItemHover,
.ThemePanelMainItemActive,
.ThemePanelMenuItemHover,
.ThemePanelMenuItemActive
{
	background-color:	#fde672;
	white-space:	nowrap;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemePanelMainFolderLeft,
.ThemePanelMainItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelMainFolderText,
.ThemePanelMainItemText
{
	padding:	3px 3px 3px 5px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelMainItemRight,
.ThemePanelMainFolderRight
{
	padding:	3px 1px 3px 0px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* hoover and active border */
.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft,
.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText,
.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
	border-color:	#fde672;
}

.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
}

.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText
{
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
}

/* sub menus sub components */

.ThemePanelMenuFolderLeft,
.ThemePanelMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelMenuFolderText,
.ThemePanelMenuItemText
{
	padding:	3px 3px 3px 5px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelMenuItemRight,
.ThemePanelMenuFolderRight
{
	padding:	3px 1px 3px 0px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* hoover and active border */
.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft,
.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText,
.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
	border-color:	#FFFFFF;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText
{
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
}

td.ThemePanelMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		7px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemePanelMenuSplit
{
	display:	block;
	margin:		3px;
	height:		1px;
	width:		100%;
	overflow:	hidden;
	background-color:	inherit;

	border-style:	solid;
	border-width:	1px 0px 0px 0px;
	border-color:	#9C9A9C;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemePanelMenuItem img.seq1
{
	display:	inline;
}

.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
	display:	inline;
}

.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
	display:	none;
}
/* ThemeJOMMenu Style Sheet */

.ThemeJOMMenu,.ThemeJOMSubMenuTable
{
	font-family:	arial, verdana, sans-serif;
	font-size:	14px;
	color:	#000000;
	cursor:		default;
	white-space:	nowrap;
}

.ThemeJOMSubMenu
{
	z-index:	0;
	position:	absolute;
	visibility:	hidden;
	display:	block;
	overflow:	hidden;

	border:		0;
	background-color: inherit;
}

.ThemeJOMSubMenuShadow
{
	z-index:	-1;
	position:	absolute;
	top:		3px;
	left:		3px;
	width:		100%;
	height:		300em;
	background-color:	black;
	opacity:	0.5;
	border:		0;
	margin:		0;
}

.ThemeJOMSubMenuBorder
{
	border:		1px solid #9C9A9C;
	background-color:	#1198D0;
	background: url(http://www.johnoxley.com.au/images/menu1.jpg);
	padding:	1px;
	margin:		0px 3px 3px 0px;
}

.ThemeJOMSubMenuTable
{
	border-collapse:	separate;
}

.ThemeJOMMenuItem,.ThemeJOMMenuItemHover,.ThemeJOMMenuItemActive
{
	cursor:		default;
	white-space:	nowrap;
}

.ThemeJOMMainItem,
.ThemeJOMMenuItem
{
	background:	url(http://www.johnoxley.com.au/images/menu2.jpg);
	white-space:	nowrap;
}

.ThemeJOMMainItemHover,
.ThemeJOMMainItemActive,
.ThemeJOMMenuItemHover,
.ThemeJOMMenuItemActive
{
	background-color:	#fde672;
	white-space:	nowrap;
}

/* horizontal main menu sub components */
/* JOM doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeJOMMainFolderLeft,
.ThemeJOMMainItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeJOMMainFolderText,
.ThemeJOMMainItemText
{
	padding:	3px 3px 3px 5px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeJOMMainItemRight,
.ThemeJOMMainFolderRight
{
	padding:	3px 1px 3px 0px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* hoover and active border */
.ThemeJOMMainItemHover .ThemeJOMMainFolderLeft,
.ThemeJOMMainItemActive .ThemeJOMMainFolderLeft,
.ThemeJOMMainItemHover .ThemeJOMMainItemLeft,
.ThemeJOMMainItemActive .ThemeJOMMainItemLeft,
.ThemeJOMMainItemHover .ThemeJOMMainFolderText,
.ThemeJOMMainItemActive .ThemeJOMMainFolderText,
.ThemeJOMMainItemHover .ThemeJOMMainItemText,
.ThemeJOMMainItemActive .ThemeJOMMainItemText,
.ThemeJOMMainItemHover .ThemeJOMMainFolderRight,
.ThemeJOMMainItemActive .ThemeJOMMainFolderRight,
.ThemeJOMMainItemHover .ThemeJOMMainItemRight,
.ThemeJOMMainItemActive .ThemeJOMMainItemRight
{
	border-color:	#9C9A9C;
}

.ThemeJOMMainItemHover .ThemeJOMMainFolderLeft,
.ThemeJOMMainItemActive .ThemeJOMMainFolderLeft,
.ThemeJOMMainItemHover .ThemeJOMMainItemLeft,
.ThemeJOMMainItemActive .ThemeJOMMainItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
}

.ThemeJOMMainItemHover .ThemeJOMMainFolderText,
.ThemeJOMMainItemActive .ThemeJOMMainFolderText,
.ThemeJOMMainItemHover .ThemeJOMMainItemText,
.ThemeJOMMainItemActive .ThemeJOMMainItemText
{
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemeJOMMainItemHover .ThemeJOMMainFolderRight,
.ThemeJOMMainItemActive .ThemeJOMMainFolderRight,
.ThemeJOMMainItemHover .ThemeJOMMainItemRight,
.ThemeJOMMainItemActive .ThemeJOMMainItemRight
{
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
}

/* sub menus sub components */

.ThemeJOMMenuFolderLeft,
.ThemeJOMMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeJOMMenuFolderText,
.ThemeJOMMenuItemText
{
	padding:	3px 3px 3px 5px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeJOMMenuItemRight,
.ThemeJOMMenuFolderRight
{
	padding:	3px 1px 3px 0px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* hoover and active border */
.ThemeJOMMenuItemHover .ThemeJOMMenuFolderLeft,
.ThemeJOMMenuItemActive .ThemeJOMMenuFolderLeft,
.ThemeJOMMenuItemHover .ThemeJOMMenuItemLeft,
.ThemeJOMMenuItemActive .ThemeJOMMenuItemLeft,
.ThemeJOMMenuItemHover .ThemeJOMMenuFolderText,
.ThemeJOMMenuItemActive .ThemeJOMMenuFolderText,
.ThemeJOMMenuItemHover .ThemeJOMMenuItemText,
.ThemeJOMMenuItemActive .ThemeJOMMenuItemText,
.ThemeJOMMenuItemHover .ThemeJOMMenuFolderRight,
.ThemeJOMMenuItemActive .ThemeJOMMenuFolderRight,
.ThemeJOMMenuItemHover .ThemeJOMMenuItemRight,
.ThemeJOMMenuItemActive .ThemeJOMMenuItemRight
{
	border-color:	#9C9A9C;
}

.ThemeJOMMenuItemHover .ThemeJOMMenuFolderLeft,
.ThemeJOMMenuItemActive .ThemeJOMMenuFolderLeft,
.ThemeJOMMenuItemHover .ThemeJOMMenuItemLeft,
.ThemeJOMMenuItemActive .ThemeJOMMenuItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
}

.ThemeJOMMenuItemHover .ThemeJOMMenuFolderText,
.ThemeJOMMenuItemActive .ThemeJOMMenuFolderText,
.ThemeJOMMenuItemHover .ThemeJOMMenuItemText,
.ThemeJOMMenuItemActive .ThemeJOMMenuItemText
{
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemeJOMMenuItemHover .ThemeJOMMenuFolderRight,
.ThemeJOMMenuItemActive .ThemeJOMMenuFolderRight,
.ThemeJOMMenuItemHover .ThemeJOMMenuItemRight,
.ThemeJOMMenuItemActive .ThemeJOMMenuItemRight
{
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
}

td.ThemeJOMMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		7px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeJOMMenuSplit
{
	display:	block;
	margin:		3px;
	height:		1px;
	width:		100%;
	overflow:	hidden;
	background-color:	inherit;

	border-style:	solid;
	border-width:	1px 0px 0px 0px;
	border-color:	#9C9A9C;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeJOMMenuItem img.seq1
{
	display:	inline;
}

.ThemeJOMMenuItemHover seq2,
.ThemeJOMMenuItemActive seq2
{
	display:	inline;
}

.ThemeJOMMenuItem .seq2,
.ThemeJOMMenuItemHover .seq1,
.ThemeJOMMenuItemActive .seq1
{
	display:	none;
}