

body {
background-color: #3D51DF;
font-size: normal;
font-family: Trebuchet MS, helvetica, Arial, Sans-Serif;
color:#262940;
padding:0;
margin:0;
}

b {color:#000000;}

a {color: #262940;}
a:visited {color:#262940;}
a:hover {color: #262940;}
a:active { color:#262940;}

A.white:link { color:#FFFFFF;}
A.white:visited { color:#FFFFFF;}
A.white:active { color:#FFFFFF;}
A.white:hover { color:#FFEE99;}


h1 {
font-size: x-large;
padding-top:3px;
margin-bottom:-5px;
color:#FF6600;
line-height:1.3em;
}

h1 a {color:#FF6600;}
h1 a:visited {color:#FF66000;}
h1 a:hover {color: #FF6600;}
h1 a:active { color:#FF6600;}


#right h1
{margin-bottom:10px;}

h2 {
font-size: large;
margin-bottom:-10px;
color:#FF6600;
padding-top:5px;
}
h2 a {color:#FF6600;}
h2 a:visited {color:#FF66000;}
h2 a:hover {color: #FF6600;}
h2 a:active { color:#FF6600;}

#right h2
{margin-bottom:10px;}

h3 {
font-size: large;
margin-bottom:-10px;
color:#3D51DF;
padding-top:5px;
}

#right h3
{margin-bottom:10px;}

h3 a {color:#3D51DF;}
h3 a:visited {color:#3D51DF;}
h3 a:hover {color:#3D51DF;}
h3 a:active { color:#3D51DF;}

h4 {
font-size: large;
margin-bottom:-10px;
color:#58BC1D;
padding-top:5px;
}

#right h4
{margin-bottom:10px;}

h5 {
font-size: large;
margin-bottom:-10px;
color:#000000;
padding-top:5px;
}

h6 {
margin:0;
color:#FF3300;
padding-bottom:5px;
}

I {
font-style : italic;
color: #3D51DF;
}

img.download {vertical-align:middle;}

.red {color: #CC0A02}
.green {color: #75AA33}
.blue {color: #3D51DF}
.orange {color: #FF9900}
.darkorange {color: #FE2B00}
.white {color: #FFFFFF}

.boldwhite {color: #FFFFFF; font-weight:bold;}

.signup{ font-size:smaller; color: #999;}

/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #FFFFFF;
}

#containertop {
background: url('images/top_bg.jpg') no-repeat;
height:130px;
}

#containertop2 {
background: url('images/top_bg2.jpg') no-repeat;
height:130px; border:#000;
}


#toplinks {width: 430px; float:right; padding:10px; text-align:right; color:#FFFFFF;}
#toplinks A {text-decoration: none; color:#FFFFFF; padding-left:15px;}
#toplinks A:hover {text-decoration: underline; color:#FFFFFF; }


#logo {width: 350px; float:left; padding-left:40px; padding-top:10px; }

#login
{
width: 468px;
height: 125px;
float:right;
border: 0px solid #000;
position:relative;
}

#not {margin-top:-3px; float:right; }
/* #is {color:#FFFFFF; margin-top:38px; height:94px; background: url(images/loggedinbox.jpg) no-repeat; border:#000;} */
#istext1 {width:450px; float:left; padding-left:10px; padding-top:5px; font-size:larger; }
#istext2 {width: 180px; float:right; padding-left:2px;}
#istext2 A {text-decoration: none; color:#FFFFFF; font-weight:bold; }
#istext2 A:hover {text-decoration: underline; color:#FFFFFF; }
.istexts {font-size:x-small; }

#form {float:left; padding-left:10px; padding-top:3px; font-size:smaller; }
.texto { background-color: #FFF; border: 1px solid #FF6600; font-family: Trebuchet MS, helvetica, Arial, Sans-Serif;}
#loginimg { left: 2px; position: relative; top: 6px}

input.send-btn {
width: 130px;
height: 25px;
background: #333 url(images/login.gif) no-repeat;
outline: none;
}


#forgot {font-size:smaller; top: 48px; color: #000; float:right; padding-right:20px;}
#forgot a {color: #000; text-decoration: none;}
#forgot a:link, #banner a:visited {color: #000;}
#forgot a:hover {color: #000; text-decoration: underline;}


/* ----------banner for logo-------------- */
#banner {
background-color: #000000;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 


.larger {font-size:1.6em; font-weight:bold;}
.largerblue {font-size:1.6em; font-weight:bold; color:#435AC7;}
.largergreen {font-size:1.6em; font-weight:bold; color:#7DB335;}
.largerorange {font-size:1.6em; font-weight:bold; color:#FF6802;}

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding-right: 10px;
padding-bottom: 40px;
margin: 0 260px;
line-height:1.6em;
font-size:smaller;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}



#contentmembers {
background-color: #ffffff;
padding-right: 10px;
padding-bottom: 40px;
line-height:1.6em;
font-size:smaller;
margin: 0 0 0 230px;
}

div#contentmembers { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}


#content2 {left: 0px; padding: 10px; right: 0px; width: auto; position: absolute; top: 0px; background-color:#FFF; font-size:smaller;}
#content3 {left: 210px; padding: 10px; right: 20px; width: auto; position: absolute;  font-size:smaller;}
#content4 {left: 210px; padding: 10px; right: 0px; width: auto; position: absolute;   font-size:smaller;;}

#pop {background-color: #ffffff; padding-left:10px; padding-bottom:20px;}

.homemain1 {font-size:1.7em; line-height:0.5em;}
.homemain2 {font-size:1.3em;}
.homemain3 {font-size:1.5em; font-weight:bold; line-height:1.3em;}

.homemain1 a {text-decoration: underline; color:#FFFFFF; }
.homemain1 a:hover {text-decoration: underline; color:#FF6600; }
.homemain2 a {text-decoration: underline; color:#FFFFFF; }
.homemain2 a:hover {text-decoration: underline; color:#FFFFFF; }
.homemain3 a {text-decoration: underline; color:#FFFFFF; }
.homemain3 a:hover {text-decoration: underline; color:#FF6600; }

.testimonial { font-style:italic; font-weight:bold;}

/* --------------left navi------------- */
#left {
float: left;
width: 185px;
margin: 0;
padding-left: 25px;
font-size:smaller;
padding-bottom: 25px;
}
#right {
float: right;
width: 210px;
margin: 0;
padding-top: 10px;
padding-right: 10px;
font-size:smaller;
color: #2E324B;
border: 0px solid #000;
}


#greyline
{
width:180px;
border: 1px solid #EEEEEE;
padding:7px;
}

.box
{
margin-top:10px;
width:170px;
border: 1px solid #AFB8F3;
padding:7px;
}

#audio1 { left: 0px; padding: 8px; height: auto; width: 180px; position: relative; background-color:#AEBDE8; color: #000; line-height: 1.3em; border: #6966A9 1px solid; margin-bottom:10px;}

#audio2 { left: 0px; padding: 8px; height: auto; width: 180px; position: relative; background-color:#AEBDE8; color: #000; line-height: 1.3em; border: #6966A9 1px solid; margin-bottom:10px; font-size:smaller}

#audiob { left: 0px; padding: 8px; height: auto; width: 180px; position: relative; background: url('images/blue.jpg'); color: #FFF; line-height: 1.3em; border: #262940 1px solid; margin-bottom:10px;font-size:smaller}

#audiog { left: 0px; padding: 8px; height: auto; width: 180px; position: relative; background-color:#CBE4CB; color: #000; line-height: 1.3em; border: #A2CCA2 1px solid; margin-bottom:10px;font-size:smaller}

#audioy { left: 0px; padding: 8px; height: auto; width: 180px; position: relative; background-color:#F5D9A5; color: #000; line-height: 1.3em; border: #EBB96B 1px solid; margin-bottom:10px;font-size:smaller}

#audior { left: 0px; padding: 8px; height: auto; width: 180px; position: relative; background-color:#FFDDBB; color: #000; line-height: 1.3em; border: #FFBA9D 1px solid; margin-bottom:10px;font-size:smaller}

#audiop { left: 0px; padding: 8px; height: auto; width: 180px; position: relative; background-color:#DFCAFF; color: #000; line-height: 1.3em; border: #C3A0FF 1px solid; margin-bottom:10px;font-size:smaller}

#breakoutitem1 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #CED7F0 1px solid; margin-bottom:10px;}
#breakout a {	color: #000;}
#breakoutitem2 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #9AABE1 1px solid; margin-bottom:10px;}
#breakoutitem3 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #FBA550 1px solid; margin-bottom:10px;}
#breakoutitem4 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #A2CCA2 1px solid; margin-bottom:10px;}
#breakoutitem5 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #EBB96B 1px solid; margin-bottom:10px;}
#breakoutitem6 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #171D86 1px solid; margin-bottom:10px;}
#breakoutitem7 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000 1px solid; margin-bottom:10px;}
#breakoutitem8 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000066 1px solid; margin-bottom:10px;}

#breakoutitem1a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #CED7F0 1px solid; margin-bottom:10px;}
#breakout a {	color: #000;}
#breakoutitem2a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #9AABE1 1px solid; margin-bottom:10px;}
#breakoutitem3a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #FBA550 1px solid; margin-bottom:10px;}
#breakoutitem4a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #A2CCA2 1px solid; margin-bottom:10px;}
#breakoutitem5a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #EBB96B 1px solid; margin-bottom:10px;}
#breakoutitem6a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #C3A0FF 1px solid; margin-bottom:10px;}
#breakoutitem7a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000 1px solid; margin-bottom:10px;}
#breakoutitem8a { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000066 1px solid; margin-bottom:10px;}

#breakoutitem1g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #CED7F0 1px solid; margin-bottom:10px;}
#breakoutitem2g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #9AABE1 1px solid; margin-bottom:10px;}
#breakoutitem3g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #FBA550 1px solid; margin-bottom:10px;}
#breakoutitem4g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #A2CCA2 1px solid; margin-bottom:10px;}
#breakoutitem5g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #EBB96B 1px solid; margin-bottom:10px;}
#breakoutitem6g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #C3A0FF 1px solid; margin-bottom:10px;}
#breakoutitem7g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000 1px solid; margin-bottom:10px;}
#breakoutitem8g { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000066 2px solid; margin-bottom:10px;}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 5px;
padding-top: 5px;
text-align: left;
color:#FFFFF;
background: url('images/footer.jpg') repeat;
}

#footer A {font-size:smaller; text-decoration: none; color:#FFFFFF; padding-right:20px; }
#footer A:hover {text-decoration: underline; color:#FFFFFF; }

a.tt{
    position:relative;
    z-index:24;
    color:#5EA615;
	font-weight:bold;
    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: #73CC1A; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	font-weight:normal;
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #54626B;
    background: url(bubble.gif) no-repeat bottom;
}

.bs { color:#000;   line-height : 1.3;}
.bs a { color: #003; text-decoration: none;}
.bs a:link, #banner a:visited {color: #000;}
.bs a:hover { color: #C00; text-decoration: underline;}


ul.members, ul.members ul {
padding:15px;
margin:0; 
}
ul.members li {
padding:0;
}

iframe {
border: 0px solid #ffffff;
}