/***********************************************************************************
/
/	This is the style sheet ALL newer browsers.  (FireFox, IE8, Opera, Chrome, ect)
/	
/***********************************************************************************/




body
{
	background-color:orange; 
	margin:0; 
	padding:0; 
	height:100%; 
	width:100%;
}

.titlebar
{
  	position:absolute;
  	top:0px;
  	left:0px;
  	width:100%; 
  	height:100px; 
  	text-align:left; 
  	background-image:url('../images/kayaksailingbar.jpg');
  	background-repeat:repeat-x;
  	border-collapse:collapse;
}

.tagline
{
	position:absolute; 
	top:25px; 
	color:white; 
	left:204px;
	width:auto; 
	height:auto; 
	white-space:nowrap; 
	font-weight:bold; 
	text-decoration:none; 
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	text-shadow:1px 1px #000000;
}

.falconsailcom
{
	position:absolute;
	top:25px; 
	height:34px; 
	font-size:xx-large; 
	color:white; 
	text-align:center; 
	right:20px;
	text-shadow:1px 1px #000000;

}

.falconsailicon
{
	position:absolute; 
	top:7px; 
	left:3px; 
	height:155px; 
	width:195px;
	background-repeat:no-repeat;
	z-index:2;
}


.navigation
{
	position:absolute;
	/* is the following line necessary
	margin:10px auto; */
	width:800px;;
	top:78px;
	text-align:left;
	height:auto;
	z-index:5;
	white-space:nowrap;
}

div.linktable
{
	color:white;
	white-space:nowrap;
	background-color:white;
	text-align:left;
}

.tablerowhover:hover
{
	text-align:center;
	background-color:#302030;
}

.tablestyle
{
	text-align:left; 
}

.tablestyle2
{
	text-align:center;
}

a.whitelinks
{	
	color:white;
	display:block;
	text-decoration:none;
	text-align:center;
}

.pageheader
{
	margin:15px auto;
	font-weight:bold;
	text-align:center;
	width:600px;
}

.pagecontent
{
	position:absolute;
	top:200px;
	left:200px;
	margin:0 auto;
	border:0 black ridge;
	width:800px;
	height:auto;
}

#homemenu
{
	width:134px;
	background-color:#000;
	color:white;
	font-family:"Courier New", Courier, monospace;
	font-size:small;
	white-space:nowrap;
}

#contactmenu
{
	width:134px;
	background-color:#000;
	color:white;
	font-family:"Courier New", Courier, monospace;
	font-size:small;
	white-space:nowrap;
}

#aboutmenu
{
	width:134px;
	background-color:#000;
	color:white;
	font-family:"Courier New", Courier, monospace;
	font-size:small;
	white-space:nowrap;
}

#oursailsmenu
{
	width:134px;
	background-color:#000;
	color:white;
	font-family:"Courier New", Courier, monospace;
	font-size:small;
	white-space:nowrap;
}

#otherinfomenu
{
	width:134px;
	background-color:#000;
	color:white;
	font-family:"Courier New", Courier, monospace;
	font-size:x-small;
	white-space:nowrap;
	text-align:left;

}

#instructionsmenu
{
	width:134px;
	background-color:#000;
	color:white;
	font-family:"Courier New", Courier, monospace;
	font-size:small;
	white-space:nowrap;
	
}


#storemenu
{
	width:134px;
	background-color:#000;
	color:white;
	font-family:"Courier New", Courier, monospace;
	font-size:small;
	white-space:nowrap;
}


/* Drop Down Navigation */

/* positions the menu bar */
#menu 
{
	position:absolute;	
	left:204px;
	width:auto;
	white-space:nowrap;
	height:auto;
	top: 78px;
}

/* makes the menu's appear horizontally */
#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	width:auto;
	
}

/* controls main look of the links - controls bg color of links too */
#menu a
{
	font:bold 11px/16px arial, helvetica, sans-serif;
	display:block;
	background-image:url("../images/linkbg.png");
	/*border-left:thin gray solid;*/
	padding:3px 10px 3px 10px;
	text-decoration:none;
	color:#fff;

}


/* turns the link color Orange when hovered over */
#menu a:hover 
{
	color:orange;
	
}

/* positions the drop down elements (particularly the 3rd tier) */
#menu li 
{
	position:relative;
	
}


/* makes the drop down items go away when not being looked at */
#menu ul ul 
{
	display:none;
}

/* controls the 3rd tier popout */
#menu ul ul ul
{
	top:0;
	left:100%;
	position:absolute;
}

/* makes the 3rd tier menu go away when not in use */
#menu ul ul ul li
{
	display:none;
}


/* Shows drop down menu items */
#menu ul li:hover ul
{
	top:0;
	display:block;
	width:100%;

}
/* shows pop out menu items for instructions */
#menu ul ul li:hover ul li
{
	top:0;
	display:block;
	width:100%;
}