/* Style sheet for Bluewaterfolk directory */
/* V1.010708                               */

/* -------------------------------------------------------------- */
/* BANNER AND HEADER STYLES - creates background color and places images */
#banner{width: 100%; heigth: 25% background-color: #000; float: right;} 
#banner p{color: #fff;}
#header{border-bottom: 1px #333 solid;}
/* END BANNER AND HEADER STYLES */

/* -------------------------------------------------------------- */
/* BASIC ELEMENT STYLES  */

/* BODY STYLES                           */

body {
	font-family: Verdana,Arial,sans-serif;
	color: #336;
	margin: 0px;
	padding: 0px;
	background-color:#9CF;

/* page styles                           */
p {}

/* header styles                           */
h1, h2, h3, h4 {font-weight: bold; color: #336;}
/* unordered list                           */
ul {}
/* list item                           */
li {}
/* END BASIC ELEMENT STYLES  */


/* ------------------------------------------------------------ */
/* BORDERS & COLORS FOR MAIN FRAME ON INDEX PAGE */
#mainframeborders{
	border-left: 0px solid #00F;
	border-top: 0px solid #00F;
	border-right: 0px solid #00F;
	border-bottom: 0px solid #00F;
	padding: 20px;
	color: #336;
	background-color:#CFF; }

/* ------------------------------------------------------------ */
/* BORDERS & COLORS FOR LOGO FRAME ON INDEX PAGE */
#logoframeborders{
	border-bottom: 0px solid #00F;
	background-color:#FFF;
	marginheight: 1px;
	marginwidth: 1px;
	padding: 0px; }

/* ------------------------------------------------------------ */
/* BORDERS & COLORS FOR SLIDESHOW FRAME ON INDEX PAGE */
#slideshowframeborders{
	marginheight: 15px solid #00F;
	marginwidth: 4px solid #00F;
	padding: 5px;
	color: #336;
	background-color:#00F; }


/* ------------------------------------------------------------ */
/* NAVIGATION MENU WITH MOUSE ROLL OVER HIGHLIGHTING */

/* set display of the list items to block  */
#navBar ul a:link, #navBar ul a:visited {display: block;}

/* remove bullets, set margins and paddings of list items  */
#navBar ul {list-style: none; margin: 0; padding: 0}

/* set position, color, borders and size of navigation bar  */
#navBar{
	float: left;
	width: 100%;
	height: 15%;
	margin: 0px;
	padding: 0px;
	background-color: #CFF;
	border-right: 1px solid #336;
	border-bottom: 2px solid #336; 
	border-left: 1px solid #336;
	border-top: 1px solid #336; }

#mainNav{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #336;
	font-size: 95%;
	color:#336; }

/* set borders and display attributes of links themselves  */
#mainNav h3{
	padding: 10px 0px 2px 10px;}

#mainNav a {
	display: block;
	border-top: 1px solid #336;
	padding: 2px 0px 2px 10px; }

/* set color of links when mouse rolls over it  */
#mainNav a:hover{
	background-color: #9CF; }
/* END NAVIGATION MENU WITH MOUSE ROLL OVER HIGHLIGHTING */

/* ----------------------------------------------------------- */
/* COLOR FOR MAIN PAGE LINKS no hover because of rollover */
a:link{color: #c00; text-decoration: none; }
a:visited{color:#FF6600; text-decoration: none; }
a:active{color: #990000; text-decoration: underline; }
/* END COLOR FOR MAIN PAGE LINKS */

/* --------------------------------------------------------- */
/*    FOOTER COLOR AND SETTINGS  */
#footer{
	clear: both;
	border: 0px solid #9CF;
	font-size: 80%;
	color: #CFF;
	padding: 2px;
	background-color:#00F; }
#footer a:link{color:#ffcc66; }
#footer a:visited{color:#ff0000; }
#footer a:hover{color:#ffffcc; }
#footer a:active{color:#ff6666; }
/*    END FOOTER COLOR AND SETTINGS  */