body {
background-color: #FFFFFF
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:15px;
padding-bottom:5px;
margin:0 ;
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;}

h2 {
font-size: large;
margin:0;
color:#FF6600;
padding-bottom:5px;
padding-top:15px;
}
h2 a {color:#FF6600;}
h2 a:visited {color:#FF66000;}
h2 a:hover {color: #FF6600;}
h2 a:active { color:#FF6600;}

h3 {
font-size: large;
margin:0;
color:#3D51DF;
padding-bottom:5px;
padding-top:15px;
}

h3 a {color:#3D51DF;}
h3 a:visited {color:#3D51DF;}
h3 a:hover {color:#3D51DF;}
h3 a:active { color:#3D51DF;}

h4 {
font-size: large;
margin:0;
color:#58BC1D;
padding-bottom:5px;
padding-top:15px;
}

h5 {
font-size: large;
margin:0;
color:#000000;
padding-bottom:5px;
padding-top:15px;
}

h6 {
margin:0;
color:#FF3300;
padding-bottom:5px;
}

img.download {vertical-align:middle;}

.red {color: #CC0A02}
.green {color: #75AA33}
.blue {color: #3D51DF}
.orange {color: #FF9900}
.darkorange {color: #FE2B00}
.white {color: #FFFFFF}

/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #FFFFFF;
}

#containertop {height:130px;}


#toplinks {display: none}
#toplinks A {display: none}
#toplinks A:hover {display: none}


#logo {width: 350px; float:left; padding-left:40px; padding-top:10px; }}

#login {display: none}

#not {display: none}
#is {display: none}
#istext1 {display: none}
#istext2 {display: none}
#istext2 A {display: none}
#istext2 A:hover {display: none}
.istexts {display: none}

#form {display: none}
.texto {display: none}
#loginimg {display: none}

input.send-btn {display: none}


#forgot {display: none}
#forgot a {display: none}
#forgot a:link, #banner a:visited {display: none}
#forgot a:hover {display: none}


/* ----------banner for logo-------------- */
#banner {display: none}
#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 px;
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;
margin: 0 px;
line-height:1.6em;
font-size:smaller;
}
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;}
/* --------------left navi------------- */
#left {display: none}
#right {display: none}


#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 {display: none}

#footer A {display: none}
#footer A:hover {display: none}

a.tt{display: 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;}