body {
	margin-top: 10px;
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #231f20; 
	font-size: 12px;
	background: #231f20;
	scrollbar-arrow-color: #eee;
	scrollbar-3dlight-color: #231F20;
	scrollbar-highlight-color: #eee;
	scrollbar-face-color: #231F20;
	scrollbar-shadow-color: #eee;
	scrollbar-darkshadow-color: #231F20;
	scrollbar-track-color: #fff;
}

p {margin: 0px;}

/* font link styles */

a:link {color: #231F20; font-weight: bold; text-decoration: none}
a:visited {color: #231F20;	text-decoration: none;}
a:hover {color: #fff;	text-decoration: none;}
a:active {color: #231F20;	text-decoration: none;}

.footertext a:link {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}
.footertext a:visited {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}
.footertext a:hover {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}
.footertext a:active {font: 100% Arial, Helvetica, sans-serif;color: #939596;text-decoration: underline;}

.copyright a:link {color: #999999; text-decoration: none}
.copyright a:visited {color: #999999; text-decoration: none}
.copyright a:hover {color: #BBBBBB; text-decoration: none}
.copyright a:active {color: #999999; text-decoration: none}

/* div definition and styles */

#containerhome {
	margin: 0px auto;
	padding: 0;
	width: 1028px;
	background: url(images/bg_inner_home.jpg) no-repeat;
}

#container {
	margin: 0px auto;
	padding: 0;
	width: 1028px;
	background: url(images/bg_inner.jpg) no-repeat;
}

#containergallery {
	margin: 0px auto;
	padding: 0;
	width: 1028px;
	background: url(images/bg_inner_gallery.jpg) no-repeat;
}

#header {
	float: left;
	position: relative;
	z-index: 100; 
	width: 1028px;
	height: 126px;
}

#headerleft {
	float: left;
	position: relative;
	z-index: 2; 
	width: 528px;
	height: 126px;
	display: inline;
}

#headerright {
	float: left;
	position: relative;
	z-index: 100; 
	width: 500px;
	height: 126px;
	display: inline;
}

#menutop {
	float: right;
	position: relative;
	z-index: 102; 
	width: 500px;
	height: 40px;
	margin-top: 24px;
	text-align: left;
}

#main {
	float: left;
	position: relative;
	z-index: 4;
	width: 1028px;
	height: 447px;
	display: inline;
}

#mainleft {
	float: left;
	position: relative;
	z-index: 7; 
	width: 458px;
	height: 447px;
	display: inline;
}

#mainright {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 447px;
	display: inline;
	text-align: left;
}

#pagetitle {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 32px;
}

#content {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 398px;
	text-align: left;
/*	padding-right: 10px; */
	overflow: auto;	
}

#indexmain {
	float: left;
	position: relative;
	z-index: 4;
	width: 1028px;
	height: 447px;
	display: inline;
}

#indexmainleft {
	float: left;
	position: relative;
	z-index: 7; 
	width: 322px;
	height: 447px;
	display: inline;
	text-align: left;
/*	z-index added so that balloons appear above right hand div */	
	z-index: 999;		
}

#newstitle {
	float: left;
	position: relative;
	z-index: 7; 
	width: 272px;
	height: 30px;
	padding-left: 50px;
}

#newscontent {
	float: left;
	position: relative;
	z-index: 7; 
	width: 272px;
	height: 400px;
	padding-left: 50px;
/*	padding-right: 10px; */
/*	if i remove overflow, then balloons flow over rh border in indexmainright 
	overflow-x: hidden;
	overflow-y: auto;	*/
}

#indexmainright {
	float: left;
	position: relative;
	z-index: 7; 
	width: 706px;
	height: 447px;
	display: inline;
	text-align: left;
}

#indexpagetitle {
	float: left;
	position: relative;
	z-index: 7; 
	width: 670px;
	height: 60px;
	padding-left: 36px;
}

#indexcontent {
	float: left;
	position: relative;
	z-index: 7; 
	width: 706px;
	height: 370px;
	text-align: center;
/*	padding-right: 10px; */
	overflow: auto;	
}

#contenttop {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 148px;
	text-align: left;
}

#image {
	float: left;
	position: relative;
	z-index: 7; 
	width: 570px;
	height: 250px;
	text-align: left;
}

#footerbottom {
	clear: both;
	position: relative;
	z-index: 9; 
	width: 1028px;
	height: 30px;
}

#copyright {
	float: left;
	position: relative;
	z-index: 9; 
	width: 440px;
	height: 30px;
	display: inline;
}

#designed {
	float: left;
	position: relative;
	z-index: 9; 
	width: 588px;
	height: 30px;
	display: inline;
}

/* fix png transparency in IE5+ for all PNG images */

img, #container { behavior: url(iepngfix.htc); }
img, #header { behavior: url(iepngfix.htc); }
img, #headerright { behavior: url(iepngfix.htc); }
img, #footer { behavior: url(iepngfix.htc); }
img, #footerrightbottom { behavior: url(iepngfix.htc); }

/* end of png image fix */

/* fonts */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;	
	font-weight: bold;
	color: #231f20; 
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	font-weight: bold;
	color: #231f20; 
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 8px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	color: #6a6c6b; 
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
	color: #4371A5; 
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 8px;
}

.price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	font-weight: bold;
	color: #231f20; 
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 0px;
}


.contentmain
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.8px;
	color: #231f20;
	font-weight: bold;
}

.footertext
{
	font: 85% Arial, Helvetica, sans-serif;
	color: #939596;
}

.copyright
{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.6px;
	color: #BBBBBB;
	padding-right: 20px;
	padding-left: 48px;
}

.emailform {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #630505;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop11.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(images/menu/tab.png);}
.preload2 {background: url(images/menu/tabb_on.png);}

.menu2 {padding:4px 0 0 4px; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; text-align:left;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; color:#fff; text-decoration:none; }

.menu2 li a.top_link span {display:block; height:36px; float:left; line-height:27px; font-size:11px; font-weight:bold; padding:0 4px 0 12px; cursor:pointer; background: url(images/menu/tab_off.png) no-repeat;}
.menu2 li a.top_link b {display:block; width:15px; height:36px; float:left; background: url(images/menu/tabb_off.png) no-repeat;}
.menu2 li a.top_link b.down {background: url(images/menu/tabdown_off.png) no-repeat;}

.menu2 li a.top_link:hover span {color:#ccc; background: url(images/menu/tab.png) no-repeat; line-height:26px;}
.menu2 li a.top_link:hover b {color:#ccc; background: url(images/menu/tabb_on.png) no-repeat;}

.menu2 li:hover > a.top_link span {color:#ccc; background: url(images/menu/tab.png) no-repeat; line-height:26px;}
.menu2 li:hover > a.top_link b {color:#ccc; background: url(images/menu/tabb_on.png) no-repeat;}
.menu2 li:hover > a.top_link b.down {color:#ccc; background: url(images/menu/tabdown_on.png) no-repeat;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:32px; white-space:nowrap; width:90px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; float:left; width:110px; font-weight:normal; background: url(images/menu/submid.png);}

.menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:10px; color:#fff; text-decoration:none;background:url(images/menu/trans.gif);}
.menu2 :hover ul.sub li a:hover {color:#ccc;}

.menu2 :hover ul.sub :hover > a {color:#ccc;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:0; white-space:nowrap; width:90px; z-index:400; height:auto;}

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(images/menu/subtop.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url(images/menu/subbottom.png);}


/* hover menu flyout components - not used in phase 1 */

/*

.menu2 :hover ul.sub li.fly {background: url(images/menu/submid_r.png);}

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(images/menu/subtop_r.png);}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(images/menu/subbottom_r.png);}

*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon {
font-family: verdana, sans-serif; 
width:272px;
height:350px;
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:5px;
width:250px;
/* height:150px;
border:1px solid #000; */
}
.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:150px; 
height:150px; 
color:#000; 
background:#fff;
}
.balloon ul li a img, .balloon ul li a:visited img {
border:0;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:-2px;
border:0;
padding:0;
border-collapse:collapse;
font-size:1em;
}

.balloon dl {width:400px; padding:0 0 20px 0; background:transparent url(images/pop/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #fff; background:transparent url(images/pop/top.gif) no-repeat top left; text-align:center;}
.balloon dd {margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #000; border-width:0 1px; background:#fff url(../sites/info.gif) no-repeat bottom right;}
.balloon dd p {padding:0; margin:4px 0; line-height:1.5em;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative; 
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
color:#000;
top:-35px;
left:180px;
cursor:default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
left:-35px;
top:35px;
width:36px; 
height:36px;
background:transparent url(images/pop/pointer.gif);
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
height:0.8em;
color:#606;
background:transparent;
text-decoration:underline;
display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}