@charset "UTF-8";
/* CSS Document */

#body {
background-color:#e9d6bf; background-image:url(images/back.jpg); background-position:center top; background-repeat:repeat;
}

#body2 {
background-color:#e9d6bf; background-image:url(images/back3.jpg); background-repeat:repeat; background-position:center top;
}

#wrapper {
width:840px; text-align:center; padding:0px; margin:0px;
}

#container {
width:840px; height:879px; text-align:center; float:left; /*background-image:url(images/infoback.jpg); background-repeat:no-repeat;*/ margin-top:-10px;
}

#container2 {
width:840px; text-align:center; float:left; margin-top:0px;
}
#cl {float:left; width:20px; min-height:587px;}

*html #c1b {float:left; margin-left:0px; width:800px; height:39px; background-image:url(images/home1.jpg); background-repeat:no-repeat;}

#c1b {float:left; width:800px; height:39px; background-image:url(images/home1.jpg); background-repeat:no-repeat;}


*html #c1 {float:left; margin-left:0px; width:800px; height:39px; background-image:url(images/home1.jpg); background-repeat:no-repeat;}

#c1 {float:left; width:800px; height:39px; background-image:url(images/home1.jpg); background-repeat:no-repeat;}
*html #c2 {float:left; width:800px;  background-image:url(images/home2.jpg); background-repeat:repeat-y; margin-left:10px;}
#c2 {float:left; width:800px;  background-image:url(images/home2.jpg); background-repeat:repeat-y;}
#c3 {float:left; width:800px; height:39px; background-image:url(images/home3.jpg); background-repeat:no-repeat; margin-left:0px}

#wn1 {float:left; width:478px; height:130px; background-image:url(images/wn1.jpg); background-repeat:no-repeat;}
#wn2 {float:left; width:478px; background-image:url(images/wn2.jpg); background-repeat:repeat-y;}
#wn3 {float:left; width:478px; height:30px; background-image:url(images/wn3.jpg); background-repeat:no-repeat;}


*html #header {
width:562px; height:136px; background-image:url(images/header.jpg); background-repeat:no-repeat; float:left; margin-left:75px; margin-top:50px;
}

#header {
width:562px; height:136px; background-image:url(images/header.jpg); background-repeat:no-repeat; float:left; margin-left:139px; margin-top:50px;
}

*html #headerhome {
width:562px; height:136px; background-image:url(images/header.jpg); background-repeat:no-repeat; float:left; margin-left:15px; margin-top:0px;
}

#headerhome {
width:562px; height:136px; background-image:url(images/header.jpg); background-repeat:no-repeat; float:left; margin-left:30px; margin-top:0px;
}

*html #topnavarea {
width:727px; height:56px; text-align:center; background-image:url(images/topnavback.jpg); background-repeat:no-repeat; float:left; margin-left:29px;
}

#topnavarea {
width:727px; height:56px; text-align:center; background-image:url(images/topnavback.jpg); background-repeat:no-repeat; float:left; margin-left:57px;
}

*html #topnavareahome {
width:727px; height:56px; text-align:center; background-image:url(images/topnavback.jpg); background-repeat:no-repeat; float:left; margin-left:18px;
}

#topnavareahome {
width:727px; height:56px; text-align:center; background-image:url(images/topnavback.jpg); background-repeat:no-repeat; float:left; margin-left:36px;
}

*html #top_button1 {
float:left; margin-top:6px; margin-left:1px;
}

#top_button1 {
float:left; margin-top:6px; margin-left:3px;
}


#top_button {
float:left; margin-top:6px;
}

#soundvision {
width:189px; height:229px; float:left; margin-left:10px;
}

*html #leftcolumn {
width:226px; float:left; margin-left:29px;
}

#leftcolumn {
width:226px; float:left; margin-left:60px;
}

*html #leftcolumnhome {
width:226px; float:left; margin-left:20px;
}

#leftcolumnhome {
width:226px; float:left; margin-left:40px;
}

#lifebeat {
width:201px; height:89px; float:left; margin-left:5px; margin-top:7px;
}

#cupcake {
width:218px; height:251px; float:left; margin-left:0px; margin-top:8px;
}

#formbtn{
width:218px; height:221px; float:left; margin-left:0px; margin-top:8px;
}

*html #rightcolumn {
width:478px; float:left; margin-left:0px;
}

#rightcolumn {
width:478px; float:left; margin-left:10px;
}

#postcard {
width:478px; height:291px; float:left; background-image:url(images/postcard.jpg); background-repeat:no-repeat; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;
}

*html #postcardtext {
width:185px; height:151px; float:left; text-align:center; margin-top:100px; margin-left:130px;
}

#postcardtext {
width:185px; height:151px; float:left; text-align:center; margin-top:100px; margin-left:275px;
}

#postcardtext a {
text-decoration:none; color:#000066;
}

#postcardtext a:hover {
color:#990000;
}

*html #cupcakepage {
background-image:url(images/cupcake_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#cupcakepage {
background-image:url(images/cupcake_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

*html #cupcaketext {
width:600px; text-align:justify; margin-left:21px; margin-top:350px;
}

#cupcaketext {
width:600px; text-align:justify; margin-left:41px; margin-top:350px;
}

#cupcaketext a {
text-decoration:none; font-weight:bold; color:#CC3300;
}

*html #biopage2 {
background-image:url(images/welcome_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:40px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#biopage2 {
background-image:url(images/welcome_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:80px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

*html #biopage {
background-image:url(images/bio_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#biopage {
background-image:url(images/bio_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

*html #apppage {
background-image:url(images/app_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#apppage {
background-image:url(images/app_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

*html #videopage {
background-image:url(images/videopageback.jpg); background-repeat:repeat-y; width:683px; float:left; margin-top:5px; margin-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#videopage {
background-image:url(images/videopageback.jpg); background-repeat:repeat-y; width:683px; float:left; margin-top:5px; margin-left:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}


*html #photopage {
background-image:url(images/photo_back.jpg); width:683px; float:left; margin-top:5px; margin-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#photopage {
background-image:url(images/photo_back.jpg); width:683px; float:left; margin-top:5px; margin-left:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

*html #contactpage {
background-image:url(images/contact_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#contactpage {
background-image:url(images/contact_back.jpg); width:683px; height:560px; float:left; margin-top:5px; margin-left:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

*html #linkspage {
background-image:url(images/links_back.jpg); width:683px; float:left; margin-top:5px; margin-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#linkspage {
background-image:url(images/links_back.jpg); width:683px; float:left; margin-top:5px; margin-left:60px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;
}

#biotext {
width:600px; text-align:justify; margin-left:41px; margin-top:60px;
}

*html #biotext2 {
width:620px; text-align:center; margin-left:0px; margin-top:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif;
}

#biotext2 {
width:620px; text-align:center; margin-left:31px; margin-top:50px; font-size:14px; font-family:Arial, Helvetica, sans-serif; float:left;
}

#biotext2 a { color:#FF6600; text-decoration:none;}

*html #linktext {
width:600px; text-align:justify; margin-left:21px; margin-top:20px;
}

#linktext {
width:600px; text-align:justify; margin-left:41px; margin-top:20px;
}

#biotext a {
text-decoration:none; font-weight:bold; color:#CC3300;
}

#welcomearea {
width:478px; height:291px; float:left; background-image:url(images/welcome.jpg); background-repeat:no-repeat; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; margin-top:10px;
}

*html #welcometext {
width:458px; height:151px; float:left; margin-top:40px; margin-left:5px;
}

#welcometext {
width:458px; height:151px; float:left; margin-top:40px; margin-left:10px;
}

#welcometext a {
text-decoration:none; color:#FF6600;
}

#welcometext a:hover {
color:#990000;
}

*html #apptextarea {
width:500px; height:150px; float:left; margin-left:15px;
}

#apptextarea {
width:500px; height:150px; float:left; margin-left:35px;
}

#apptext {width:330; height:133px; margin-left:170px; margin-top:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px}

*html #contactpostit {background-image:url(images/contactpost.png); background-repeat:no-repeat; float:left; width:294px; height:243px; margin-left:75px;}

#contactpostit {background-image:url(images/contactpost.png); background-repeat:no-repeat; float:left; width:294px; height:243px; margin-left:150px;}

*html #postittext {float:left; margin-left:30px; margin-top:60px;}

#postittext {float:left; margin-left:60px; margin-top:60px;}

#legaltext { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px; width:800px; text-align:justify; margin-left:20px;}
#legaltext a { font-family:Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#legaltext a:hover { font-family:Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}

#legaltext2 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px; width:800px; text-align:justify; margin-left:0px;}
#legaltext2 a { font-family:Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#legaltext2 a:hover { font-family:Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}

#welcomenote {width:478px; height:582px; float:left;}

#welcomenotetext {width:448px; margin-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify;}

#welcomenotetext a {color:#000000; text-decoration:none}
#welcomenotetext a:hover {color:#FF6600; text-decoration:none}

#linktable a {font-size:14px; color:#ff0000; text-decoration:none}
#linktable a:hover {color:#cc6600; text-decoration:none;}

.autism {width:800px; height:150px; float:left; background-image:url(images/aidswalk.jpg); margin-bottom:5px; text-align:center;}

#journalarea {width:725px; background-color:#FFFFFF; float:left; margin-left:37px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

*html #journalarea {width:725px; background-color:#FFFFFF; float:left; margin-left:18px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:12px;}





/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 28px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background-image:url(images/test_drop_link_back.jpg);
width: 130px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
border-bottom: 1px solid #999999;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
height:28px;
color:#000066;
text-align:center;
}

.anylinkmenu a:hover{ /*hover background color*/
background-image:url(images/test_drop_link_back2.jpg);
color: #fe5b10;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}





/*///////GREYBOX ///////////*/
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }