/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
/* Block all browser default margins and padding */ 
  margin: 0; 
  padding: 0; 
/* Temporary borders */ 
  border: dashed 0px #f00; 

}

body{ 
  font-family:'Book Antiqua', Palatino, Georgia, 'Lucida Bright', serif;
background: url(images/maingradient.jpg);
background-repeat: repeat-x;
 background-color:#36c;
}

#wrapper{
  width: 1000px;
    /* Center the wrapper */ 
  margin:0 auto;
    /* Required for absolutely-positioned layout only */
  position:relative;
}


/* Content division */
#content{
  position:absolute;
  top:20px;
  padding-top:10px; /* Same as navbar height */
  padding-left:10px;
  background-color:Transparent;
  /* Leave room for sidebar columns */
  margin-left:0px;
  padding-bottom:8px;
  color:#fff;
  font-family:arial, Georgia, 'Lucida Bright', serif;
  font-size:16px;
  text-align:left;
  line-height:24px;
  border-right:5px solid #009;
  border-left:5px solid #009;
  border-bottom:5px solid #009;

 }

/********** Content Round division styles **********/
#contentround{    
    /* Remember, content and navbar left 
       margins  must match this width */
    width:720px;
    float:left;
    /* Center images and text inside this div */
    text-align:center;
    /* For absolutely-positioned leftcolumn */
    position:absolute;
    top:144px;
    left:280px;      
}

#content h1{
    color:#fff; 
    font-size:20px;
    text-align:center;
    
}

#content h2{
    color:#fff; 
    font-size:18px;
text-align:center;
}

#content h3{
    color:#fff; 
    font-size:16px;

}

#content h4{
    color:#fff; 
    font-size:14px;

}

#content h5{
    color:#fff; 
    font-size:10px;

}

#content h6{
    color:#fff; 
    font-size:10px;
  text-align:center;
}

p.mid{
text-align:center;
}



 /* Generic style class for highlighting text */

 .hilite{  color:#69f; } 

middle{
text-align:center;
}

#tracker{
text-align:center;
padding:2px;
}

/* This controls the link page links*/
a.aqualinks{

}
a.aqualinks:link 
{
  color:#f93;
  text-decoration: underline;

}
a.aqualinks:visited
{
  color:#f93;
  text-decoration: underline;
}
a.aqualinks:hover
{
  color:#69f;
  text-decoration: none;
}
a.aqualinks:active
{
  color:#69f;
  text-decoration: none;
}


/* This controls the orange link buttons*/
a.olink
{
 
}
a.olink:link 
{
  color:#f93;
  text-decoration: underline;
}
a.olink:visited
{
  color:#f93;
  text-decoration: underline;
}
a.olink:hover
{
  color:#69f;
  text-decoration: none;
}
a.olink:active
{
  color:#69f;
  text-decoration: none;
}

/* This controls the b link buttons*/
a.blink
{
 
}
a.blink:link 
{
  color:#000;
  text-decoration: none;
  font-size:8px;
}
a.blink:visited
{
  color:#000;
  text-decoration: none;
font-size:8px;
}
a.blink:hover
{
  color:#000;
  text-decoration: none;
font-size:8px;
}
a.blink:active
{
  color:#000;
  text-decoration: none;
font-size:8px;
}


/* This controls the white link buttons*/
a.whitelinks
{
 
}
a.whitelinks:link 
{
  color:#fff;
  text-decoration: none;
}
a.whitelinks:visited
{
  color:#fff;
  text-decoration: none;
}
a.whitelinks:hover
{
  color:#fff;
  text-decoration: none;
}
a.whitelinks:active
{
  color:#fff;
  text-decoration: none;
}

/* Style for table borders 
        */
table {
            border-collapse: collapse;
            border: solid 1px #000;
            margin:0 auto; /* Centers the table */
color:#fff;
        }
        /* General style for header and data cells */
        td, th {
            border: solid 1px #000;
            padding: 4px;
      color:#fff;
        }
        td{
            background-color: #36c;
        }
        /* Additional style for table header cells */
        th {
            background-color: #009;
        }



/* Applies to all lists in the content division */ 
#content ul, #pcontent ol{ 
  padding:10px 0 10px 40px; 
  list-style-image: url("images/dot.gif");
  font-size:16px;
}



/* Applies to entire gallery div */
        #gallery{
            position:relative;           
        }
        
        /* Small thumbnail images */
        #gallery a img {
            width: 120px;
            margin:4px 0;
            border:solid 1px #000;
         }
        
        /* Large image size */
        #gallery a span img {
            width: 520px;
        }
        
        /* Span that surrounds large image */
        #gallery a span {            
            position: absolute;
            /* Hidden at first */
            visibility: hidden;   
            border: solid 1px #000;            
            background-color: transparent;
            padding:16px;
            color: white;     
        }
         
        /* IE6 needs this style rule */
        #gallery a:hover {
            background-color: transparent;
            z-index:5;
            text-decoration:none;            
        }  
                        
        /* Make large image visible on hover */
        #gallery a:hover span {
            visibility: visible;
            top: 0em;
            left: 128px; 
        }


/* Style for tables of big images */ 
table.big{ 
text-align: center; 
border-collapse: collapse; 
width: 100%;
position:relative;
  z-index:2; 
} 


/* Style for big images */ 
img.big{  
 background-color: #000;
padding: 2px;
}

#lowleft{
width:320px;
text-align:center;
float:left;
border:dashed 0px #f00;
}

#lowright{
width:320px;
text-align:center;
float:right;
border:dashed 0px #f00;
}


#farleft{
width:240px;
text-align:center;
float:left;
}

#midleft{
width:200px;
text-align:center;
float:left;
}

#special{
width:300px;
text-align:left;
float:left;
}




#short{
width:400px;
text-align:right;
float:right;
}


/********** title division styles **********/
#title{
   padding:0px;
   text-align:center;
}

#navbar{
          position:absolute;
          top:6em;
         /* Set to any width */
         width:100%;
         /* Use any background color/image you like */
         background-color:Transparent; /* Makes the bar plain to help with button look */
         /* Use any fonts you like */
         font-family:Georgia, 'Lucida Bright', serif;
         color:#fff; /* white */ 
         /* Use any height you like, but match to link height */
         height:32px;
         font-size:16px;
         font-weight:bold;
    }
    
    /* Remove bullets from unordered list */
    #navbar ul{
        list-style-type:none;
    }
    
    /* Make list horizontal */
    #navbar li{
        float:left;
        /* Left and Right gaps between items produced button look */
        margin:0px 4px 0px 4px;
    }
    /* All links, and links in unvisited and visited states */
    #navbar li a,
    #navbar li a:link,
    #navbar li a:visited{
       text-decoration:none;
       background: #00f url(images/navblue1.jpg) repeat-x top;
       color:#fff; /* Text color of link */
       display:block; /* required to set width and height */
       text-align:center;
       height:32px; /* Match to navbar height */
       line-height:32px; /* Match to navbar height */
       width:128px;
       /* Slightly fancier borders */
       border:solid 1px #00c;
       /* Remove dotted border from Firefox */
       outline-style:none;       
    }
    /* Hover and active links */
    #navbar li a:hover,
    #navbar li a:active,
    #navbar li.selected a:link,
    #navbar li.selected a:visited{
        /* Use any colors you like */
        background: #00f url(images/navblue2.jpg) repeat-x center;
        color:#fff; /* white */
        /* Lighter borders on hover/active */
       border:solid 1px #00f;
    }

 /* For centered navbar only */
    #navbar #centeringdiv{
       width:992px; /*Must be equal to, or slightly greater than, actual navbar width */
       margin:0 auto;    
    }
    
    /* For centered navbar only. Put class="firstitem" in first li tag */
    .firstitem{
       border-left:solid 1px #c63;
    }




/********** Leftcolumn division styles **********/
#leftcolumn{    
    /* Remember, content and navbar left 
       margins  must match this width */
    width:272px;
    float:left;
    /* Center images and text inside this div */
    text-align:center;
    /* For absolutely-positioned leftcolumn */
    position:absolute;
    top:144px;
    left:0;      
}
/* Matches background color and borders to those in 
   the sidebarBottom.gif and sidebarTop.gif images */
#leftcolumncontent{
    background:transparent;    
    border-left:solid 4px #009;
    border-right:solid 4px #009;   
}

/* Applies to images in the leftcolumn div */
#leftcolumn img{
    width:90%;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
    padding:0px;
    width:90%;
    margin:6px auto;
    text-align:left;
    font-family:arial, Georgia, 'Lucida Bright', serif;
    font-size:12px;
    color:#fff;
    line-height:14px;
    border-bottom:1px solid #69f;
}




#clouds{
   height: 104px;
   background: url(images/cloud.jpg);
   background-repeat: repeat-x;
} 
#water{
   height: 75px;
   background: url(images/water.jpg);
   background-repeat: repeat-x;
} 

#maingradient{
height: 1500px;
background: url(images/maingradient.jpg);
background-repeat: repeat-x;
} 

#homegradient{
height: 1800px;
background: url(images/homegradient.jpg);
background-repeat: repeat-x;
} 

#linkgradient{
height: 3500px;
background: url(images/linkgradient.jpg);
background-repeat: repeat-x;
}


#floor{
   height: 125px;
   background: url(images/floor.jpg);
   background-repeat: repeat-x;
 
}