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


body{
font-family:"Myriad Pro", Helvetica, Arial, sans-serif;
margin:0px;
padding:0px;
background-color:#cccccc;
background-image:url(images/background.jpg);
background-repeat:repeat-y;
background-position:center top;
}

a{ color:#000000;
}

h3{
font-weight:bold;
padding:0px;
margin:0px;
}

p{
padding:0px;
margin:0px 0px 10px 0px;
}

ul{
margin:5px 10px 20px 10px;
}

img{
float:left;
margin:0px 10px 10px 0px;
}


#container{
width:900px;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
padding-top:10px;
padding-bottom:7px;
}



.header1{
width:225px;
font-size:18px;
color:#5a5a5a;
line-height:36px;
background-color:#cccccc;
padding-left:10px;
margin-bottom:5px;
}

.header2{
width:450px;
font-size:18px;
line-height:36px;
color:#5a5a5a;
padding-left:10px;
background-color:#cccccc;
margin-bottom:7px;
}

.statement{
font-size:12px;
width:450px;
padding-left:10px;
margin-bottom:20px;
}





.trigger1{ /*header of 2nd demo*/
line-height:36px;
cursor: hand;
cursor: pointer;
font-size:18px;
background-color:#859091;
color:#FFFFFF;
padding-left:10px;
margin-bottom:10px;
width:300px;
}

.trigger1:hover{
background-color:#cccccc;
}

.reveal1{
width:600px;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:10px;
margin-right:15px;
font-size:14px;
/*background-color:#D8D8D8;*/
}




.trigger2{ /*header of 2nd demo*/
line-height:36px;
cursor: hand;
cursor: pointer;
font-size:18px;
background-color:#a7b5a4;
padding-left:10px;
margin-bottom:10px;
width:300px;
}

.trigger2:hover{
background-color:#cccccc;
}

.reveal2{
width:750px;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:10px;
font-size:14px;
/*background-color:#D8D8D8;*/
}





.trigger3{ /*header of 2nd demo*/
line-height:36px;
cursor: hand;
cursor: pointer;
font-size:18px;
background-color:#c7c3a9;
color:#FFFFFF;
padding-left:10px;
margin-bottom:10px;
width:300px;
}

.trigger3:hover{
background-color:#cccccc;
}

.reveal3{
width:750px;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:10px;
font-size:14px;
/*background-color:#D8D8D8;*/
}




.trigger4{ /*header of 2nd demo*/
line-height:36px;
cursor: hand;
cursor: pointer;
font-size:18px;
background-color:#d6c7b4;
color:#FFFFFF;
padding-left:10px;
margin-bottom:10px;
width:300px;
}

.trigger4:hover{
background-color:#cccccc;
}

.reveal4{
width:750px;
padding:10px 10px 10px 10px;
margin-bottom:10px;
margin-left:10px;
font-size:14px;
/*background-color:#D8D8D8;*/
}



.openreveal{ /*class added to contents of 2nd demo when they are open*/
background-color:#cccccc;
color:#5a5a5a;
}

.closedreveal{ /*class added to contents of 2nd demo when they are closed*/
color:#ffffff;
}