/*---------------------------------------------------------------------------------------
main.css
Copyright 2008 White Water Web Design
File contains styles for entire site. Some  style sheets specific to the individual page can be found in the corresponding sub-folder
*/

/*------------------------Entire page default settings--------------------------*/
body{
     /*background image for site*/
	 background:url(images/background.gif); background-repeat: repeat-x; background-color:#d6f0fc 
     }

div, span, ul, h1, h2, h3, h4, p, form{
	padding:0; margin:0; font-family:helvetica, verdana, sans-serif; overflow:hidden; color:#67678D;
	}

ul{
	/*No list markers in the site unless otherwise stated*/
	list-style-type:none;
	}

a{
    text-decoration:none; color:black; /*no underline under links*/
    }    

/*keeps the page within the lowest screen resolutions*/
#container{
    width:770px;margin:0px auto 0px auto; vertical-align:top; 
    }

/*--------------------------Logo----------------------------------------*/
/*spans the top portion of the page and contains logo*/
#logo{
    width:100%;Margin:5px;
    }
    
/*contains the logo*/
#logo h1{
	width:271px; height:169px; margin:0px; background:url(images/logo.gif) no-repeat; text-indent:-2000px; /*this makes it so that the actuall text isn't visible but is still read by google */ 
	}

/*---------------------Main Block: contains page header, content, and footer--------------------------------*/
#main {
    width:740px;
    }
    
#main{
    height:auto; margin-top:0px; margin-left:20px;
    }

/*h2 tags automatically display the top of the main box with the page title*/
#main h2{
	width:100%; padding:8px 15px 8px 15px; background: url(images/header.gif);
	}
	
/*-------------------------Navigation-----------------------------------*/
/*contains the navigation tabs*/
.animatedtabs{
	overflow: hidden;
	width: 100%;
	font-size: 14px; /*font of menu text*/
	}


.animatedtabs ul{
	list-style-type: none;
	margin: 0;
	margin-left: 40px; /*offset of first tab relative to page left edge*/
	padding: 0;
	}

.animatedtabs li{
	float: left;
	margin: 0;
	padding: 0;
	}

.animatedtabs a{
	float: left;
	position: relative;
	top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(images/tab-blue-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 3px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;

	}

.animatedtabs a span{
	float: left;
	position: relative;
	display: block;
	background: url(images/tab-blue-right.gif) no-repeat right top;
	padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	font-weight: bold;
	color:#67678D;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
	background-position: 0 -125px;
	top: 0;
	}

.animatedtabs .selected a span{
	background-position: 100% -125px;
	color:#67678D;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
	}

.animatedtabs a:hover{
	background-position: 0% -125px;
	top: 0;
	}

.animatedtabs a:hover span{
	background-position: 100% -125px;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
	}

	
/*---------------------Content nests inside main block----------------------------------------------------*/
#content{
    width:694px; padding:20px; background-color:white; border-left: 3px solid #1da9fe; border-right: 3px solid #1da9fe; 
    }

#content a{
	text-decoration:underline; color:#696969;
	}

#content a:visited{
	color:#A9A9A9;
	}
	
#content a:hover{
	color:#FF8C00;
	}

#content a:active{
	color:#FFA500;
	}	

#content ul{
    list-style-type:square;
	padding-left:30px; /*indent lists items*/
	}

#content p, h3, h4, ul{
	padding-bottom: 1em; /*adds one blank line after each element*/
	}
	
#content h3, h4 {
	color: #c13e45;
	}

#content h3 {
	text-decoration:underline;
	}

#content img {
	padding:10px;
	}		 

#content img.right{
	float:right;
	}

#content img.left{
	float:left;
	}

#content img.right_bordered{
	border:1px solid #67678D;
	float:right;
	padding:3px;
	margin:0 0 20px 20px;
	}

#content img.left_bordered{
	border:1px solid #67678D;
	float:left;
	padding:3px;
	margin:0 20px 20px 0;
	}

	
/*---------------------Footer----------------------------------------------------*/
#main span#footer{
    width:740px; height:24px; padding:3px; background:url(images/footer.gif) no-repeat; font-size:12px; text-align:center; display:block;
    }

#main span#footer a{
    color:#2d2d2d;  
    }