/*##################################
  # Designed by Mary Fisher Design #
  #                                #
  # www.maryfisherdesign.com       #
  # (c) Copyright                  #
  ##################################*/


img, div { behavior: url(css/iepngfix.htc.html) } 
/* Alternatively, you can specify that this will apply to all tags like so: * { behavior: url(iepngfix.htc.html) } */ 

/* LAYOUT */

body 
{
	line-height: 1.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #222121;
}


#wrap {
	width: 802px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 19px;
	padding-left: 19px;
}
#header {
	background-image: url(images/bg-header.jpg.html);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
}
#animation {
	height: 307px;
	width: 658px;
	margin-left: 140px;
}




#main {
	width: 535px;
	position: relative;
	padding-left: 25px;
	padding-top: 15px;
}
#main p {
	margin-bottom: 10px;
	font-size: 120%;
}
#main a {
	text-decoration: underline;
	color: #6AA43D;
}
#main li {
	font-size: 120%;
	list-style-type: disc;
	margin-left: 15px;
}
#main a:hover {
	text-decoration: none;
}


#footer {
	background-image: url(../images/turtle.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	font-size: 100%;
	text-align: center;
	margin-top: 10px;
	width: 730px;
	margin-left: auto;
	margin-right: auto;
}
#footer p {
}
#footer a {
	color: #6AA43D;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}
#end {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}


#turtle {
	position:absolute;
	left:355px;
	top:22px;
	width:73px;
	height:79px;
	z-index:50;
	background-image: url(../images/turtle2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#sidebar {
	position:absolute;
	left:582px;
	top:366px;
	width:175px;
	height:277px;
	z-index:100;
	background-image: url(../images/box.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	font-size: 150%;
	line-height: normal;
	color: #CCCCCC;
}
#sidebar a {
	font-style: italic;
	color: #CCCCCC;
}
#sidebar a:hover {
	color: #5A8B34;
}
#sidebar .ruler {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
}


#nav {
	position:absolute;
	left:0px;
	top:114px;
	width:186px;
	height:285px;
	z-index:60;
	right: 5px;
	bottom: 5px;
}

#nav a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 183px;
}



#nav li {
	position: relative;
	list-style-type: none;
}
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; margin-bottom: -1px;}
	
	
	/*--- Default ---*/
	#nav #butt1 a { background-position: 0 0; height: 59px; }
	#nav #butt2 a { background-position: 0 -59px; height: 36px; }
	#nav #butt3 a { background-position: 0 -95px; height: 37px; }
	#nav #butt4 a { background-position: 0 -131px; height: 37px; }
	#nav #butt5 a { background-position: 0 -167px; height: 36px; }
	#nav #butt6 a { background-position: 0 -203px; height: 37px; }
	#nav #butt7 a { background-position: 0 -239px; height: 46px; }

	/*--- Hovering ---*/
	#nav #butt1 a:hover  { background-position: -198px 0; height: 59px; }
	#nav #butt2 a:hover  { background-position: -198px -59px; height: 36px; }
	#nav #butt3 a:hover  { background-position: -198px -95px; height: 37px; }
	#nav #butt4 a:hover  { background-position: -198px -131px; height: 37px; }
	#nav #butt5 a:hover  { background-position: -198px -167px; height: 36px; }
	#nav #butt6 a:hover  { background-position: -198px -203px; height: 37px; }
	#nav #butt7 a:hover  { background-position: -198px -239px; height: 46px; }


	/*--- Active state with body tag / doesn't work with dropmenu ---*/
	body#pageone #nav #butt1 a  { background-position: -198px 0; height: 59px; }
	body#pagetwo #nav #butt2 a  { background-position: -198px -59px; height: 36px; }
	body#pagethree #nav #butt3 a  { background-position: -198px -95px; height: 37px; }
	body#pagefour #nav #butt4 a  { background-position: -198px -131px; height: 37px; }
	body#pagefive #butt5 a  { background-position: -198px -167px; height: 36px; }
	body#pagesix #nav #butt6 a  { background-position: -198px -203px; height: 37px; }
	body#pageseven #nav #butt7 a  { background-position: -198px -239px; height: 46px; }
	



/* HEADERS */

h1 {
	font-size: 130%;
	margin-bottom: 10px;
}

h2 {
	font-size: 130%;
	margin-bottom: 10px;
}


h3 {
	font-size: 120%;
}

h4 {
	font-size: 100%;	
}

h5 {
	font-size: 90%;	
}

h6 {
	font-size: 80%;	
}