/* 
    Document   : layout.css
    Created on : 7/10/2009, 12:28:12 PM
    Author     : Nick
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: url(../images/background.jpg) repeat-x center top #97dff8;
	margin:0;
	padding:0;
}

h1 {
font-size: 21px;
font-weight: bold;
color: #009900;
}

#container {
width: 100%;
margin: 0;
}

#main {
margin:auto;
width: 920px;
}

#home {
    padding: 10px 40px 20px 20px;
	min-height: 330px;
}

#homeContent {
    padding: 10px 40px 20px 20px;
    height: 252px;
}
#contact {
font-weight: bold;
color: #fff;
margin-left: 30px;
}

#contact a {
font-weight: bold;
color: #fff;
}

#footer, #footer a {
font-weight: bold;
color: #fff;
margin-top: 5px;
}

#topHeader {
    width: 265px;
    float: left;
}

#leftColumn {
    float:left;
    width: 265px;
    margin-top: -3px;
}
#rightColumn {
    background-color:white;
    margin-left: 265px;
    margin-top: -3px;
}

#rightColumnHome {
    background-color:white;
    margin-left: 354px;
    margin-top: -3px;
    height: 510px;
}
.clear {
    clear: both;
}

/*** Main Nav ***/
#Navigation {position:relative; z-index:2; border-top: 0;}
#Navigation ul {margin:0; padding:0; list-style:none;}
	#Navigation ul li {float:right; display:inline; margin:10px 0 0 0; padding:0;}
  		#Navigation ul li a {
      	  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
      	  color: #fff;
      	  font-size: 95%;
      	  font-weight: bold;
          display: block;
          float:none;
          padding: 16px 22px;
          text-align: center;
        }

#Navigation ul li a:hover { text-decoration: none;}



.message {
    border: 1px solid orange;
    padding: 5px;
    width: 100%;
    font-weight: bold;
}

.good {
    border: 1px solid green;
    color: green;
}

#slideshow {
    position:relative;
    height:195px;
    width: 625px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}