
html,body{
   margin:0;
   padding:0;
}

body {
   font: Verdana, sans-serif; line-height: 1; 
   text-align:center;
   background: #655A46 url(images/bg_blue.gif);
   color: #543;
   

    
}

p {
   margin:0 10px 10px;
}


#content h1 {
   padding-top: 55px;
   font-size: 10;
}

#header  {
   height:220px;
   margin:0;
   padding-left:30px;
   background: #EEE;
   background: url(images/logo_canberra.jpg);
   
}

#header h1 {
  margin-top: 150px;
  margin-left: 50px;
  color: white;
}


#header_wave {
   height:220px;
   margin:0;
   background: url(images/logo_wave.jpg);
}

#header_wave h1 {
  margin-top: 150px;
  margin-left: 50px;
  color: white;
}


#header_journal {
   height:220px;
   margin:0;
   background: url(images/logo_journal.jpg);
}

#header_journal h1 {
  margin-top: 150px;
  margin-left: 550px;
  color: white;
}

#header_faq {
   height:220px;
   margin:0;
   background: url(images/logo_faq.jpg);
}

#header_faq h1 {
  margin-top: 150px;
  margin-left: 50px;
  color: white;
}

#header_news {
   height:220px;
   margin:0;
   background: url(images/logo_news.jpg);
}

#header_news h1 {
  margin-top: 150px;
  margin-left: 50px;
  color: white;
}

#header_gallery {
   height:220px;
   margin:0;
   background: url(images/logo_gallery.jpg);
}

#header_gallery h1 {
  margin-top: 150px;
  margin-left: 50px;
  color: white;
}

#header_joy {
   height:220px;
   margin:0;
   background: url(images/logo_joy.jpg);
}

#header_joy h1 {
  margin-top: 150px;
  margin-left: 50px;
  color: #79B30B;
}



#header_astir {
   height:220px;
   margin:0;
   background: url(images/astir_logo.jpg);
}

#extra {
   background:#fff;
}


#container {
   width:900px;
   margin:0 auto;
   background: #fff;
   text-align:left;
   
}

#wrapper {
   float:left;
   width:100%;
}

#content {
   margin: 0 250px;
   padding-top: 20px;
   padding-right: 20px;
   font-size: 90%
}


#content p {
   line-height:1.4;
}

#content h1 {
   font-size: 150%;;
}

#content h2 {
   font-size: 130%;;
}

#content ul li {
   padding-top: 10px;
   /* list-style: square; */
   list-style-image: url(./images/red-arrow.gif);  
}


#content a {
    /*
   text-decoration: underline;
   background-color: #aaddee;
   */
   
   color: #6A0A0A;
   
   text-decoration:none;
   border-bottom: 1px dotted #6A0A0A;   
}

#content a:hover {
   background-color: #95b7cd;
   border-bottom: 1px solid #6A0A0A;
}

#navigation {
   float:left;
   width:200px;
   margin-left:-900px;
   margin-top: 50px;
   
   background:#B9CAFF;
   font-size: 90%;
   font-weight: bolder;
}


#extra {
   float:left;
   width:250px;
   margin-left:-250px;
   margin-top: 50px;
}

#footer {
   clear:left;
   width:100%;
   font-size: 80%;
   
   background: #333;
   color: #FFF;
}


#footer p {
   margin:0;
   padding:5px 10px;
   text-align: center;
}

#footer a {
    /*
   text-decoration: underline;
   background-color: #aaddee;
   */
   
   color: #FFF;
   
   text-decoration:none; 
}

#footer a:hover {
   background-color: #95b7cd;
   border-bottom: 1px solid;
}

#navbar {
   width: 200px;
   font-weight: bold;
   /* position: absolute; */
   left: 0px;
   top: 0px;
}

#navbar ul li a:link, #navbar ul li a:visited {
   display: block;
   text-decoration: none;
   border-bottom: solid #000000 1px;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 20px;
   font-weight: bolder;
}



#navbar ul li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#navbar ul {
   margin: 0px;
   padding: 0px;
}

#navbar a:link {
   color: #666666;
   background-color: #95b7cd;
   text-decoration: none;
} 

#navbar a:visited {
   color: #666666;
   background-color: #95b7cd;
   /* text-decoration: line-through; */
}

#navbar a:hover {
   background-color: #aaddee;
}

#navbar a:active {
   background-color: #3cc7f0;
}