@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0px;
font-size:100%;
line-height:1.125em;
background-image:url(../images/bg_tile.jpg);
background-repeat:repeat-x;
background-color:#6a849f;
}

/*start main navigation menu*/

#menuContainer {
	position: absolute;
	top: 250px;
	text-align: center;
	padding: 0;
	margin: 0;
	width:100%;
	background-color:#666;
	}

#menuContainer ul {
	margin: 0 0 0 30px;
	padding: 0;
	width: auto;
	list-style-type: none;
	}
	
#menuContainer ul li {
	float: left;
	margin: 0;
	}

#menuContainer ul li.sans{
	display: inline;
	border: 0;
	}
	
#menuContainer ul li a {
	display: block;
	margin: 0 5px 0 5px;
	padding: 5px 3px 5px 3px;
	float: left;
	text-decoration: none;
	font-size:.7em;
	color: #fff;
	background-color:#666;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	}
	

#menuContainer ul li a:visited {
	color: #fff;
	}
	
#menuContainer ul li a:hover {
	color: #FC0;
	background-color: #333;
	}
	
/*end menu*/
/*start drop down menu*/
#menu {padding:0; margin:0; list-style:none; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; margin: 0 5px 0 5px;
	padding: 5px 3px 5px 3px;
	float: left;
	text-decoration: none;
	font-size:.7em;
	color: #fff;
	background-color:#666;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#333;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#FC0; background:#333;}
#menu li:hover > a.sub {color:#FC0; background-color:#333;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #666 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:5px; top:25px; width:125px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:125px; z-index:200; height:auto;}

#menu :hover ul li {margin:0;}
#menu :hover ul li a {width: 125px;
	margin:0;
	padding: 3px 0 3px 3px;
	text-align: left;
	font-size:.6em;
	line-height:1.5em;
	color: #fff;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#333; color:#fc0;}
#menu :hover ul :hover a.fly {background-color:#333; color:#fc0;}

#menu :hover ul li.currentsub a {background:#333; color:#fc0;}
#menu :hover ul li.currentsub a.fly {background:#333 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:125px; padding:0; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

/* end drop down menu*/
/*
body {
	background-image:url(../images/bg_tile.jpg)
}*/
#logo {
	width:315px;
	height: 50px;
	margin:0;
	padding:0;
	float:left;
}
#masthead {
	width: 1000px;
	height: 250px;
	position:absolute;
	background-color: #ffcc00;
	background-image:url(../images/masthead.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#container {
	width: 450px;
	height: 100%;
	position:absolute;
	top: 50;
	left: 400px;
	background-image:url(../images/bar.jpg);
	background-repeat:no-repeat;
	background-position:0 50px;
}

#content {
	width: 400px;
	height: 525px;
	margin: 60px 0 0 0;
	padding: 25px;
	background: #fff;
	border-left:dotted 1px #999;
	border-right:dotted 1px #999;
}

#scontent {
	width: 400px;
	height: auto;
	margin: 60px 0 0 0;
	padding: 25px;
	background: #fff;
	border-left:dotted 1px #999;
	border-right:dotted 1px #999;
}

#flcontent {
	width: 400px;
	margin: 60px 0 0 0;
	padding: 10px 25px;
	background: #fff;
}

h1 {
	font-size:1.125em;
	line-height: 1.5em;
	color: #659d38;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h2 {
	margin: 0 0 0 0;
	font-size:.75em;
	line-height:2em;
	font-family:Arial, Helvetica, sans-serif;
	color: #659d38;
}
	
p {
	margin: 0 0 1em 0;
	font-size:.75em;
	line-height:2em;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
}

.green {
	color:#659d38;
}

#container ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	list-style-type: disc;
	color: #666;
	line-height: 2em;
	margin: 0 0 0 30px;
	}
	
#contact {
	width: 315px;
	height: auto;
	margin: 345px 0 0 35px;
	position:absolute;
	z-index:-1;
	}
	
#footer {
	position: fixed;
	top: 200px;
	left: 871px;
}

#footer p {
	color:#310080;
	margin:0;
	padding:0;
	font-size: .6em;
}

#contact p{
	color:#fff;
}

a:link {
	color:#f90;
}

a:hover {
	color:#CCC;
}

a:visited {
	color:#f90;
}

.toggleable {
	display:none;
}

.toggle-button {
	cursor:pointer;
}

.toggle-button:hover {
	color:#CCC;
}