/* begin header  7/25/07:  For whatever reason by changing this to height: auto - the top graphic doesn't show anymore - which is just fine with me!*/
#logoheader{
	background-color: #fff;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	height:30px;
	padding:0px; margin:0px;

}
/* end header */

/* bigin top navigation */
#topnav{
	
	color:#3366cc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif  
}

/* End top navigation */

/*begin body definition*/
body{
    font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	color: #000;
	padding:0px; margin:0px;
	min-width: 750px;
}

a:link {
	text-decoration:none;
	color: #0000FF;
}

a:visited{
	text-decoration:none;
	color: #ff00ff;
}

a:hover, a:active{
	text-decoration:underline;
}

a img {
	border: none;
}

/*end body definition*/



/*container for everything*/
#container{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	margin: auto;
}

/*start header*/

/*start main section*/
#content{
	top: 10px;
	left: 0px;
	height: auto;
	width: 100%;
	padding:10px; margin: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	color: #000;
}



#scottie{
   position:relative;
   text-align:center;


}
#welcome{
 text-align:center;
 position:relative;

}

#container_1 {

   position:relative;
   width:350px;
   height: 200px;
   float: left;
 

}


#container_2 {
     float: right;
   position: relative;
   width:300px;
   height: 400px;
}


#content h2{
	padding: 0px 0px 0px 5px; margin: 0px;
}
#content h3{
	padding: 0px 0px 0px 5px; margin: 0px;
}
#content p{
	padding: 0px 10px 10px 10px;
}

#homepage h2{
   width:auto;
}

#homepage h3{
   width:auto;
}

#homepage p{
   
   padding: 10px 10px 0px 0px;
   margin: 0px 30px 0px 30px;
}



/*end main section*/

/*start main section*/
#rightSide{
	background-color:#fff;
	color:#000;
}


#content h2{
	background: #3366cc;/*#46a7c7*/
	color:#fff;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}
#content h3{
	background-color:#fff;
	color:#3366cc;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #ff0000;
}

/*end main section*/


/*begin right column*/
#rightColumn {
	background-color: #fff;
	color: #3366cc;
}
#hours{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:10px;
}
#hours h2{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:12px;
}
#contact{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:10px;
}
#contact h2{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:12px;
}
#events{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:10px;	
}
#events h2{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:12px;
}

#mission{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:10px;
}
#mission 2{
	background-color:#dbedf6;
	color:#3366cc;
	font-size:10px;
}
/*end right column*/

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;

}

#navcontainer a
{
display: block;
padding: 5px;
width: 200px;
background-color: #fff;
border-bottom: 1px solid ;

font-size:12px;
}

#navcontainer a:link, #navlist a:visited
{
color: #333333;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #e8e8e8;
color: #000;
text-decoration: underline;
}

#navtop li 
{
border-top: 1px solid #333333;
}

#navh h2{
	background-color:#fff;
	color:#3366cc;
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
}

/*begin footer*/
#foot{
	background-color:#fff;
	color:#333333;
	font-size:9px;
}
* html #foot {
  background-color: #fff;
	 color: #333333;
}
/*end footer*/