body {
	font: 13px "Trebuchet MS", Helvetica, sans-serif;
	color: #1F1F1F;
	background: #9cd3a6;
	margin: 15px 2% 5px;
	height:100%;
}
input {
	font: 12px "Trebuchet MS", Helvetica, sans-serif;
}
/* by doing this you don't need to write border="0" into the <img> tag */
img {
	border: 0;
}
a {
	color: #722ea0;
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
}
a:hover {
	color: #CA0DC1;
	font-weight: bold;
	background-color: transparent;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* I used floating <div>s - so the min-width takes care that the page doesn't break when the browser window becomes too small
doesn't work in IE */

#header, #tab, .seperator, #footer {
	min-width: 730px;
}
#header {
	height: 91px;
	background: #714B8C url(images/top_r.gif) no-repeat right top;
}
/*---------- Top Navigation Tabs -----------*/
#tab {
	height: 33px;
	background: #f0cbf2;/*#503562;*/
}
#tab ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#tab ul li{
	float: left;
	margin-top:1px;
}
#tab ul li A{
	background:url('images/tpbtn.gif') no-repeat;
	display:block;
	text-align:center;
	font-weight: bold;
	line-height:36px;
	width: 155px;
	height: 32px;
	text-decoration:none;
	color:#fff;
}
#tab ul li A:hover{
	color:#37fc39;
}
/* all menu items (top and left) are <ul> list items */
/*

#tab ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-decoration: none;
}
#tab li {
	float: left;
}
#tab a {
	border: ridge #ceafdf;
	background: #503562;
	display: block;
	float: left;
	height: 27px;
	line-height: 27px;
	color: #E9E9E9;
	font-weight: bold;
	text-decoration: none;
	padding: 0 4px;
}
#tab a:hover {
	background: #9435BD;
	color: #00ec5b;
}*/
/*---------- phone number -----------*/
.seal {
	float: right;
	padding-right: 15px;
	background-color: transparent;
}
.phone {
	float: right;
	text-align: right;
	color: #f8f8f8;
	font-size: 13px;
	padding-right: 5px;
	background-color: transparent;
}
.phone span {
	font-size: 12px;
}
/* the purple box with black borders below the header */

.seperator {
	height: 26px;
	background: #ceafdf;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
/* the secret of 2 column layouts without tables:
take a border that has the same width and background color as the left column,
then put the content of the left column with negative margin into the border
it works the same way with 3 colunms */

#main {
	background: #FFF url(images/left_col_bott_angle.gif) no-repeat left bottom;
	border-left: 200px solid #ceafdf;
	border-right: 200px solid #ceafdf;
	height: 100%;
	min-width: 550px;
}
/*---------- Content Section -----------*/
p.right {text-align: right}
p.center {text-align: center}
p.left {text-align: left}
.content {
	float: right;
	min-width: 550px;
	background: url(images/left_col_angle.gif) no-repeat;
	line-height: 140%;
	font-size: 14px;
}
.DialogTitle {
	background: url(images/mouseover.gif) no-repeat;
	margin: 15px 20px 15px 41px; 
	width: 421px;
	height: 20px;
}
h1, h2, h3, h4, p {
  position: relative;
}
h1 {
	background: #722ea0 url("images/new_17.gif") 6px 6px no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #722ea0;
	padding: 10px 10px 10px 40px;
	font-size: 14px;
	color: #fff;
	margin: 0 28px 0 28px;
}
/*
h1 {
	color: #FFF;
	font-size: 14px;
	background: #722ea0; 
	background-repeat: no-repeat;
	background-position: 5px 5px;
	height: 33px;
	line-height: 33px;
	padding-left: 33px;
	margin: 0 15px 0 31px;
}
*/
h2 {
	background: #722ea0 url("images/new_17.gif") 6px 6px no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #722ea0;
	padding: 10px 10px 10px 40px;
	font-size: 14px;
	color: #fff;
	margin: 0 28px 0 28px;
}
h3 {
	background: #722ea0 url("images/new_17.gif") 6px 6px no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #722ea0;
	padding: 10px 10px 10px 40px;
	font-size: 14px;
	color: #fff;
	margin: 0 28px 0 28px;
}
h4 {
	background-color: transparent;
	border-bottom-width: 0px;
	border-color: #722ea0;
	border-left-width: 2px;
	border-right-width: 2px;
	border-style: solid;
	border-top-width: 2px;
	padding: 2px;
	color: #4B0082;
	font-size: 16px;
	font-weight: bold;
}
h5 {
	background-color: transparent;
	border-bottom-width: 0px;
	border-color: #722ea0;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-top-width: 1px;
	color: #4B0082;
	font-size: 16px;
	font-weight: bold;
}
/* the green and red boxes with changing colors -
color changing works with :hover but not in IE */
.greenbox {
	background: #e9f6ee;
	padding: 7px;
	border: 3px solid #399089;
	margin: 10px 25px 10px 41px;
}
.greenbox:hover {
	background: #fddbfe;
	border-color: #c871ce;
}
.redbox {
	background: #fddbfe;
	padding: 7px;
	border: 3px solid #c871ce;
	margin: 10px 25px 10px 41px;
}
.redbox:hover {
	background: #e9f6ee;
	border-color: #399089;
}
.clearbox {
	background: #FFF;
	padding: 7px;
	margin: 10px 25px 10px 41px;
}
.printbox {
	background: #FFF;
	padding: 5px;
}
/*---------- left and right column -----------*/
.rightPanel {
	float: right;
	width: 200px;
	margin-right: -200px;
	position: relative;
	color: #240D4D;
	background: #ceafdf;
}
.VertMenuBox {
	float: left;
	width: 200px;
	margin-left: -200px;
	position: relative;
	color: #240D4D;
	background: #ceafdf;
}
.VertMenuTitle, .VertMenuTitle1, .VertMenuTitle2, .VertMenuTitle3 {
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	width: 200px;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
}
.VertMenuTitle {
	background: #9936ba url(images/ver_title.gif) no-repeat right;
	
}
.VertMenuTitle2 {
	background: #D14BB0 url(images/ver_title1.gif) no-repeat right;
}
.VertMenuTitle3 {
	background: #3C987A url(images/ver_title2.gif) no-repeat right;
}
.VertMenuTitle1 {
	background: #433D76 url(images/ver_title3.gif) no-repeat right;
}
/* the menu items in the left column */
ul.leftnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.leftnav a {
	display: block;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #5F3E75;
	background: #ceafdf;
	padding-left: 5px;
	color: #1C1733;
	font-size: 13px;
	text-decoration: none;
}
.leftnav a:hover {
	background: #9435BD;
	color: #00ec5b;
	text-decoration: underline;
}
.VertMenuBox p {
	margin: 11px 0 19px 7px;
	width: 200px;
	font-size: 11px;
	padding-bottom: 7px;
	border-bottom: 1px solid #776275;
}
div.text {
	padding-left: 7px;
}
div.text2 {
	padding-left: 7px;
	color: #333333;
}
.subscribe {
	float: left;
	width: 60px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 10px;
}
.subscribe a, .subscribe a:hover {
	color: #240D4D;
	text-decoration: none;
}
input.news {
	margin-left: 7px;
	float: left;
}
div.center {
	margin: 11px 0;
	text-align: center;
}
.whitebox {
	background: #FFF;
	padding: 3px;
	margin: 10px
}
.member_since {
	padding-top: 15px;
	font-weight: bold;
	color: #8300AA;
}

/*---------- menu tooltip -----------*/

.tooltip { /* the tooltip <div> itself with absolute positioning */
	position: absolute;
	width: 240px;
	margin-top: 30px; /* you can change the margins to move the <div> more to the left, right, top or bottom */
	margin-left: 0px;
	display: none;
}
.tooltip img { /* I had to use an a <img> tag instead of a background image because otherwise the text with the border around would overlap the image */
	margin-left: 200px;
	position: absolute;
	z-index: 1;
}
.tooltip div { /* a second div that contains the text */
	background: #f0acf6;
	border: 1px solid #800080;
	padding: 4px;
	margin-top: 9px;
	position: absolute;
	z-index: 0;
	width: 232px;
}
/** html .tooltip div {
	background: #e565ff;
	border: 1px solid #800080;
	padding: 4px;
}*/



/* ================================================================ 
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: "Trebuchet MS", verdana, sans-serif; 
width:200px;
height:260px;
margin:0px 0px;
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:0px;
width:200px;
height:260px;
border:0px;
}
.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:200px; 
height:260px; 
color:#000; 
background:#ceafdf;
}
.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:350px; padding:0 0 30px 0; background:transparent url(images/tooltips/bottom.gif) no-repeat bottom left; height:auto;}
.balloon dt {margin:0; padding:5px; font-size:1.5em; font-weight:bold; color: #000; background:transparent url(images/tooltips/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(images/tooltips//info.gif) no-repeat bottom right;}
.balloon dd p {padding:0; margin:10px 0; line-height:1.2em;}
.balloon dl#web2 {background:transparent url(images/tooltips/bottom2.gif) no-repeat bottom left; height:auto;}
.balloon dl#web3 {background:transparent url(images/tooltips/bottom3.gif) no-repeat bottom left; height:auto;}
.balloon dl#web4 {background:transparent url(images/tooltips/bottom4.gif) no-repeat bottom left; height:auto;}
.balloon dl#web5 {background:transparent url(images/tooltips/bottom5.gif) no-repeat bottom left; height:auto;}
.balloon dl#web6 {background:transparent url(images/tooltips/bottom6.gif) no-repeat bottom left; height:auto;}
.balloon dl#web2 dt {background:transparent url(images/tooltips/top2.gif) no-repeat top left;}
.balloon dl#web3 dt {background:transparent url(images/tooltips/top3.gif) no-repeat top left;}
.balloon dl#web4 dt {background:transparent url(images/tooltips/top4.gif) no-repeat top left;}
.balloon dl#web5 dt {background:transparent url(images/tooltips/top5.gif) no-repeat top left;}
.balloon dl#web6 dt {background:transparent url(images/tooltips/top6.gif) no-repeat top left;}

/* 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:10px;
left:-350px;
cursor:default;
}

.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;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
left:390px;
top:40px;
width:36px; 
height:36px;
}


#footer {
	height: 22px;
	line-height: 22px;
	text-align: right;
	background: #ceafdf url(images/bott_left_col_angle.gif) no-repeat;
	font-size: 9px;
	color: #660099;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
}
.FormButton { color: #B80C90; font-weight: bold; }
.Button { font-family: Arial; background: url(images/butbg.gif) bottom; color: #004F28; font-weight: bold; font-size: 11px; text-decoration: none;  }