html{overflow-x: hidden;}
	
body {
background-color:#eff8ef;
color: #593c64;
font-family: Tahoma, Verdana, Arial;
font-size:0.9em;
margin-top:60px;
scrollbar-track-color:#DAEDD3;
scrollbar-face-color:#eff8ef;
scrollbar-arrow-color:#592C83;
scrollbar-3dlight-color:#592C83;
scrollbar-highlight-color:#eff8ef;
scrollbar-shadow-color:#eff8ef;
scrollbar-darkshadow-color:#eff8ef; }
#generated{
display:none;
}
#ads{
width: 780px;
	margin-left:120px;
	margin-right:120px;
	}
#gads{
width: 200px;
	margin-top:5px;
	}
#container {
	width: 780px;
	margin-left:120px;
	margin-right:120px;
background-color:#DAEDD3;
border: 1px solid;}
#top {
	height:305px;
	margin-top:62px;
	margin-bottom: 20px;
	overflow-y:auto;
}

div.t-left {
text-align: right;
float: left;
width:240px;
margin-right:10px;
}

img.t-left {
width:200px;
margin-top:10px;
margin-bottom:5px;
float:right;
border:0;
}

div.t-right {
text-align: left;
float: left;
width:450px !important;
margin-left:10px;
}
.t-right p, h2, h3, h4{
width:450px;
}
.t-right a{
font-weight:bold;
}

.t-right ul{
width:90%;
margin:0;
padding-top:1px;
padding:bottom:1px;
list-style:none;
}

.link-title{
display: inline;
float:left;
width:120px;
margin-right:2px;
margin-left:2px;
border: none;
padding:6px;
}

.link-item, .link-item ul, .link-item li{
color: #EFF7EF;
font-size:10px;
text-align:left;
font-weight:normal;
float:left;
width: inherit;
list-style:diamond;
}

#bottom{
clear:both;
height:185px;
width:780px;
margin-bottom: 0px;
}

#bottom-left{
width:230px;}

.b-left {
background-color:#592C83;
width:230px;
float: left;
padding-right: 10px;
height:185px;
text-align:right;}

#bottom-right{
width:530px;}

.b-right {
background-color:#62358C;
color: #C8F0C8;
width:540px;
padding-left: 10px;
float:right;
height:185px !important;
}

#title {
color: #8CC878;
font-size:2.4em;
}

#subtitle{
color: #EFF7EF;
font-size:1.2em;
padding-bottom: 3px;}

.menu-title{
display: inline;
float:left;
color:  #8CC878;
font-size:1.1em;
text-transform: uppercase;
height:25px;
width:130px;
font-weight:bold;
margin-right:4px;
margin-left:2px;
border: 5px #62358C solid ;}

.menu-item{
margin-left:10px;
text-decoration:none;
color: #EFF7EF;
font-size:0.9em;
text-transform: lowercase;
text-indent: 0px;
text-align:right;
font-weight:normal;
float:left;
width: inherit;}

.menu-item  ul{
margin-left:10px;
margin-right:0px;
margin-top:0px;
padding:0;
display: block;
list-style-type: none;
list-style-image: none;
width: 100px !important;}

.menu-item  li {
margin:0px;
border-bottom: 1px #C8F0C8 solid ;
}
#bottom  a {
color:#C8F0C8;
text-decoration: none;
}
#clear{
clear:both;
}
#faqQ{
font-size:0.9em;
font-weight:bold;
}
#faqA{
color: #592C83;
font-size:0.9em;
padding-bottom:2px;}

a:link, a:visited {
color:#592C83;
text-decoration: none;
}

a:hover, a:active {
color: #592C83;
text-decoration: none;
border-bottom: 1px dashed;
}

h1{
color: #592C83;
font-size:1.6em;
margin-bottom: 5px;
margin-top: 5px;}

h2{
color: #62358C;
font-size:1.3em;
margin-bottom: 4px;
margin-top: 4px;}

h3{
color: #62358C;
font-size:1em;
margin-bottom: 3px;
margin-top: 3px;}

h4{
color: #62358C;
font-size:0.8em;
margin-bottom: 2px;
margin-top: 2px;}

p{
margin-bottom: 2px;
margin-top: 2px;}

b {
color: #592C83;
}

.stretcher {
	background: none !important;
	margin-top: 3px;
	width:430px;
}

/*---------- bubble tooltip -----------*/
.bubble{height: 130px;}
a.tt{
    position:relative;
    z-index:24;
    color:#592C83;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #ded3e7; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-60px; left:30px;
	padding: 15px 0 0 0;
	width:170px;
	color: #592C83;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 2px 2px 0;
    background: url(../img/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 2px; 
	background: url(../img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:0px 4px;
	color: #592C83;
    background: url(../img/bubble.gif) no-repeat bottom;
}

#credits{
font-size: 0.7em;
margin-left:10px;
}

.side_spacer{
height:125px;
}