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

body {
background-color: #FFF;
	font-size: 62.5%;
	font-family:"Century Gothic", "Gill Sans", Tahoma, "Lucida Grande", Arial, sans-serif;/* "Trebuchet MS","Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; this is an alternate font-family*/
color:#2A1F00;

	margin: 20px;
	}
	h1, h2, h3, p, ul {
	padding: 0;
	margin: 0;
}


/* WRAPPER: wraps entire contents of page */
#wrapper {
	border: solid 1px #666;
	position: relative;
	clear: both;
	width: 100%;
	background-color:#FFFBF0;
	
	
}


#leftSidebar {
float:left;
	width: 80px;
	padding: 0px 5px 5px 5px;
	background-color:#FFFBF0;
	
	
	}
	* html #leftSidebar	{
	display:inline;
	
	}
	
	*html #main	{
	margin-left:0;
	}
	*html #boxes	{
	margin-right:-3px;
	width:80px;
	}
	
	#leftSidebar li	{
	list-style:none;
	background-color: #2A0000;
	background-image: url(/michaelgood/images/contact.png);
	}
	
	#logo	{
	width: 80px;
	height: 80px;
	
	margin: 3px;
	}
	
	






/*HEADING*/
#heading	{
	height:170px;
	/*border-bottom: solid 1px #666;*/
	margin-left: 100px;
	
}

#banner {
	position: relative;
	top:10px;
	
}


/* BANNER */

/* fix IE 6: improperly positioning 
'trouble listening' link in banner */
* html #banner {
	height: 1px;
}

#heading #logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#heading #papa {
	position: absolute;
	right: 0;
	top: 1px;
}
#heading #address	{
	position:absolute;
	left: 10px;
	top:150px;
	font-family:"Century Gothic", "Gill Sans", Tahoma, "Lucida Grande", Arial, sans-serif;
	font-size:1.5em;
	color:#000;
}


/*nav bar*/

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	width:100%;
	font-family:"Century Gothic", "Gill Sans", Tahoma, "Lucida Grande", Arial, sans-serif;
	background-color:#FFFBF0;
	/*border-bottom: 1px solid #666;*/
	

	}
	#mainNav li	{
	float: right;

	}
	

 #mainNav ul li {
	position: relative;


	
	}
	
 #mainNav li ul {
	position: absolute;
	left:0; /* Set 1px less than menu width */
	top: 30px;
	display: none;
	
	}

/* Styles for Menu Items */
#mainNav ul a, #mainNav li a {
	display: block;
	text-decoration: none;
	background-color:#ebebeb;
	font: 1.5em "Century Gothic", "Gill Sans", Tahoma,"Lucida Grande", Arial, sans-serif;
	color: #2A1F00;
	
	/*background: #fff;  IE6 Bug */
	padding: 5px;
	width:180px;
	/*border: 1px solid #666;*/
	border-bottom: 0;
	text-align:center;
	
	}

/* Fix IE. Hide from IE Mac \*/
* #mainNav html ul li { float: left; height: 1%; }
* #mainNav html ul li a { height: 1%; }
/* End */

#mainNav ul li a:hover {left: auto;
color:#9e2e08;
 }  Hover Styles 
		
#mainNav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#mainNav li:hover ul, #mainNav li.over ul { display: block; } /* The magic */


#flashNav {
float: right;
width: 15em;
text-align:left;

margin-right: 60px;


}
#main p .flashNav {
	
	font-family: "Century Gothic", "Gill Sans", Tahoma, "Lucida Grande", Arial, sans-serif;
	
	text-indent: 0px;
}
.flashNav a

	{

color:#336667;
font-size:1.4em;
line-height: 1.2em;
text-align:left;
padding: 5px;




}

	
	#home	{
	width: 80px;
	height:80px;
	float:left;
	/*background-image:url(/michaelgood/images/home.png);*/
	
	margin:3px 3px 3px 3px;
	}
	
	#contact	{
	width: 80px;
	height:80px;
	float:left;
	background-image:url(/michaelgood/images/contact.png);
	
	margin: 0 0 3px 3px;
	}
	
	#gallery	{
	width: 80px;
	height:80px;
	float:left;
	background-image:url(/michaelgood/images/gallery.png);
	
	margin:0 0 3px 3px;
	}
	
	
	
	#events	{
	width: 80px;
	height:80px;
	float:left;
	background-image:url(/michaelgood/images/events.png);
	
	margin:0 3px 0 3px;
	}
	

#main {
margin:20px 10px 10px 120px;
	
	padding: 20px 5px 15px 0px;
	background-color:#FFFBF0;
	
	}
	#main h1	{
	font-size:2em;
	line-height:2em;
	color:#9e2e08;
	}
	
	#main h2 {
	font-size:1.5em;
	line-height:1.2em;
	margin-top:30px;
	margin-left:20px;
	}
	
	#main p	{
	font-size:1.5em;
	line-height:1.6em;
	
	padding-top:10px;
	margin-left: 10px;	
	}
	
	#main p	.anticlastic{
	font-size:1.5em;
	line-height:1.2em;
	padding-top:20px;
	mar
	
	}
	#main a	{
color:#336667;
text-decoration:none;

}
#main a:hover	{
color:#9E2E08;
}
#main a:active	{
	color:#E6C586;
	text-align: left;
}




	
	/*IMAGES*/
	
	.anticlastic {
	margin-top: 30px;
	}
	
	.anticlasticImages	{
	border: 1px solid #666;
	padding:3px;
	margin: 10px 10px 20px 40px;
	}
	
	.anticlasticImages2	{
	border: 1px solid #666;
	padding:3px;
	margin: 15px 10px 20px 40px;
	float: right;
	}
	
	 .bigPicture	{
float:left;
width:393px;
height:480px;
margin-bottom: 20px;
	
	border: 5px solid #666;
	padding:5px;
	margin-right:10px;
	/*
	
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;*/
	}
	
	.classicNav ul{
margin:20px 20px 10px 650px;
	font-size:2em;
	padding: 0 5px 15px 0px;
	background-color:#FFFBF0;
	
	}
	 .classicNav  li	{
	
	list-style-type: none;
padding-right:5px;

}
	


	
.clear {
   height: 0;
   font-size: 0;
   clear: both;
   visibility: hidden;
	 
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*this is for the dynamic thumbnails, so that they float and then stack in rows.*/

/*.repeat {
	float:left;
	width: 700px;
	height:250px;
	z-index:1;
	
 }



.repeat p	{
font-size:1em;
height:1em;
padding:0;
text-align:left;


}

.repeat img	{

float:left;
	
	width:120px;
	margin:0 2px 0 2px;
	
	border: solid black 1px;
	padding:5px;
}*/
.menu	{
float:left;
}
/*this is for the recordset numbering.*/

#RecordsetPaging	{
margin:240px 0 10px 80px;

}

/*this is for the details dynamic page.*/

#image	{
float: right;
padding:10px;
}
#title	{
font-size:1.8em;
line-height:2em;
}
#text	{
font-size:1.2em;
line-height:1.5em;
padding:10px;

}
#loginForm	{
position:absolute;
top:20px;
right:40px;
width:25%;

}
#footer a:link {
	color:#990099;
	text-decoration: none;
}
#footer a:hover	{
color:#990000;
text-decoration: none;
}