div.dtext {font: 9px verdana,arial,helvetica; border: 0px; width: 200px; height: 1px; max-height:1px; margin-bottom: 0px; overflow:hidden;}


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url("bg.gif");

}

#wrapper { 
 margin: 0 auto;
 width: 578px;
}


h1 {
font-family: courier; font-size:16px; font-weight:normal; color:#111111; letter-spacing:.5em;
}

h2 {
font-family:arial, sans-serif; font-size:12px; font-weight:bold; color:#111111; margin-bottom:0px;
}

h3 {
font-family:arial, sans-serif; font-size:10px; font-weight:bold; color:#111111; margin:0px;
}


/* ----------------------	HEADER	--------------------------------*/

#header {position:relative;
 width: 660px;
 height: 50px;
 margin: 40px 0px 0px 0px;

}

#logo {position:absolute;

bottom:2px;
}

#mp3player {
width:400px;
height:170px;
position:absolute;
text-align:right;
top:22px;
left:169px;
color:#000;
font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
z-index:100;
}

#myface {
width:100%;
position:absolute;
text-align:left;
bottom:3px;
left:1px;
color:#999;
font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
line-height:9pt;
}

#threshold {
width:100%;
position:absolute;
text-align:left;
bottom:46px;
left:0px;
color:#999;
z-index:102;
}

/* ----------------------	CONTENT	--------------------------------*/

#content { 
position:relative;
 width: 570px;
 color: #333;


 margin: 0px 0px 0px 0px;
background:#4D4D4D;
 height: 290px;
}

#left {
position:absolute;
display:inline;
width:370px;
 border: 1px dotted #888888;
 height: 290px;
 background:#000;
}

#myGallery {
position: absolute; top:0px; left:0px; width:367px; height:240px; float:left;
}


#blue_gradient {
position:relative;
width:428px; height:24px;
background-image:url("images/blue_gradient.png");
background-repeat:repeat-x;
z-index:6;
display:none;

}


#right {
position:absolute;
display:inline;
top:0px;
right:0px;
width:200px;
 height: 290px;
  border: 1px dotted #999999;
background:#fff;
 background-image:url("images/green.png");
 background-repeat:repeat-x;
}


.home a {margin-top:0px; margin-left:auto; margin-right:auto; display:block; width: 80px;
height:20px; padding:0px 0px 0px 0px; background: url("images/home.png") 78px 0 no-repeat;
text-decoration: none;border-style:none;}
.home a:hover { background-position: 78px -20px; border-style:none;}
.home a:active {background-position: 78px -40px; border-style:none;}

.audio a {margin-top:3px; margin-left:auto; margin-right:auto; display:block; width: 100px;
height:20px; padding:0px 0px 0px 0px; background: url("images/audio.png") 78px 0 no-repeat;
text-decoration: none;border-style:none;}
.audio a:hover { background-position: 78px -20px; border-style:none;}
.audio a:active {background-position: 78px -40px; border-style:none;}

.video a {margin-top:3px; margin-left:auto; margin-right:auto; display:block; width: 100px;
height:20px; padding:0px 0px 0px 0px; background: url("images/video.png") 78px 0 no-repeat;
text-decoration: none;border-style:none;}
.video a:hover { background-position: 78px -20px; border-style:none;}
.video a:active {background-position: 78px -40px; border-style:none;}

.contact a {margin-top:3px; margin-left:auto; margin-right:auto; display:block; width: 100px;
height:20px; padding:0px 0px 0px 0px; background: url("images/contact.png") 78px 0 no-repeat;
text-decoration: none;border-style:none;}
.contact a:hover { background-position: 78px -20px; border-style:none;}
.contact a:active {background-position: 78px -40px; border-style:none;}

#menu {
z-index:100;
}

#menu a, #menu a:visited {top:5px;position:relative;display:block;width:190px;padding-left:4px; text-align:right;
padding-top:0px;padding-bottom:3px;margin-right:10px;z-index:100;}
#menu a:hover {background-color:#2763BD;z-index:100;}
  
  


#google-search {
position:absolute;
bottom:2px;
right:0px;
width:188px;

}

/* ----------------------	VIDEO	--------------------------------*/

#player1 {
width:368px;
height:300px;
margin:0px auto;
}

/* ----------------------	AUDIO	--------------------------------*/

#player2 {
width:368px;
height:300px;
margin:0px auto;
}

/* ----------------------	LATEST NEWS	--------------------------------*/

#mycustomscroll2 {position:relative;
/* Typical fixed height and fixed width example */
width: 200px;
height: 240px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
margin: 10px auto;
overflow-x:hidden;
color:#aba;
font-family: Arial;
 font-size: 11px;
 padding-right:30px;
line-height:1.3;
 
}

#mycustomscroll2 a, #mycustomscroll2 a:visited {text-align:left; color:#aabbaa; 
text-decoration:underline; font-size:11px; font-family:arial, sans-serif; font-weight:normal;}

#mycustomscroll2 a:hover {color:#A0D010;}

#mycustomscroll2 h2 { /* SPACE BETWEEN PARAGRAPHS */
  margin-top:0px; margin-bottom:0px; font-weight:bold; color:#69c; font-size:12px;

}

p.des {
padding-bottom:15px; margin-top:0px;
}



/* ----------------------	LINKS	--------------------------------*/

#mycustomscroll3 {position:relative;
/* Typical fixed height and fixed width example */
width: 320px;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
margin: 10px auto;
overflow-x:hidden;
color:#aba;
font-family: Arial;
 font-size: 11px;
 padding-right:30px;
line-height:1.3;
 
}

#mycustomscroll3 a, #mycustomscroll3 a:visited {display:block;text-align:left; color:#69c; 
text-decoration:underline; font-size:12px; font-family:arial, sans-serif; font-weight:bold; text-transform:uppercase;
margin-top:0px; margin-bottom:0px;line-height:2;}

#mycustomscroll3 a:hover {color:#A0D010;}






/* ----------------------	CONTACT	--------------------------------*/

#contact {position:relative;
color:#aba;
font-family: Arial;
 font-size: 11px;
 margin-left:30px;
 width:300px;
 height:250px;
 background:#000;
margin-top:34px;
 line-height:12px;
}

body#form {
color:#aba;
font-family: Arial;
 font-size: 11px;
 background:#000;
 text-align:left;
}

body#form a:link {text-decoration:none; color:#aba;}
body#form a:hover {text-decoration:underline; color:#A0D010;}
body#form a:active {text-decoration:none;}
body#form a:visited {text-decoration:none;}

p.form {
margin-top:-5px;
}

/* ----------------------	FOOTER	--------------------------------*/

#footer { position:relative;
 width: 620px;
 color: #000;
 height:20px;
margin-top:5px;
font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
display:none;
}

#footer a:link {text-decoration:none; color:#000;}
#footer a:hover {text-decoration:underline; color:#A0D010;}
#footer a:active {text-decoration:none;}
#footer a:visited {text-decoration:none;}




#footer-1 {position:absolute;
display:inline;
width:18%;
left:0px;
text-align:left;
}

#footer-2 {position:absolute;text-align:center;
display:inline;
width:25%;
left:18%;
}

#footer-3 {position:absolute;text-align:center;
display:inline;
width:20%;
left:43%;
}