html {min-height: 100%; margin-bottom:1px;}


body {
	background-color: #FFFFFF;
	margin-top: 30px;
	margin-left: 0px;
}


table#main {
	width: 760px;
	border-style: none;
}




/* TOP AREA - HEADER */

td#top {
	width: 760px;
	height: 53px;
	text-align: center;
}




/* TOP NAVIGATION */

td#top_nav {
	width: 760px;
	height: 30px;
	line-height: 30px;
	font-family: trebuchet ms, helvetica, verdana;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #666666;
}

td#top_nav p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}


td#top_nav a {
	color: #666666;
	text-decoration: none;
	padding: 3px 0px 3px 0px;
}

td#top_nav a:hover {
	color: #FFFFFF;
	background-color: #999999;
}


td#top_nav a.top_select {
	color: #FFFFFF;
	background-color: #666666;	
}




/* SEPARATOR BETWEEN TOP NAV AND CONTENT */

td#separator {
	width: 760px;
	height: 21px;
	background-image: url(images/subheader.jpg);
}




/* SUB-NAVIGATION */

td#sub_nav {
	width: 160px;
	vertical-align: top;
	font-family: trebuchet ms, helvetica, verdana;
	font-size: 13px;
	font-style: none;
	font-weight: bold;
	text-align: left;
	color: #666666;
}

td#sub_nav a:hover {
	color: #FFFFFF;
	background-color: #999999;

}

td#sub_nav a.sub_select {
	color: #FFFFFF;
	background-color: #666666;	
}

td#sub_nav a {
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 6px;
	border-bottom: 1px solid #666666;
}



/* INFO UNDER THE SUB-NAVIGATION */

td#subinfo {
	font-family: trebuchet ms, helvetica, verdana, sans-serif;
}

td#subinfo p {
	font-size: 13px;	
	color: #888888;
	text-align: left;
	font-weight: normal;
	margin: 8px 0px 8px 0px;
}


td#subinfo a.subinfo {
	display: inline; 
	text-decoration: underline; 
	color: #666666; 
	padding: 0px; 
	margin:0px; 
	font-weight: normal; 
	border-bottom: 0px;
}

td#subinfo a.info:hover {
	color: #FFFFFF;
	background-color: #666666;

}

td#subinfo div {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #999999;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}



/* FORM ELEMENTS */

input {
	background-color: #ffffff; 
	color:#666666; 
	border-color:#999999;
	font-family: trebuchet ms, helvetica, verdana, sans-serif;
}

input:hover {
	border-color: #000000; 
}
	
textarea {
	background-color: #ffffff; 
	color:#666666; 
	border-color:#666666;
	font-family: trebuchet ms, helvetica, verdana, sans-serif;
}




/* PHOTOS COLUMN */

td#photos {
	width: 318px;
	font-family: trebuchet ms, helvetica, verdana;
	color: #666666;
	vertical-align: top;
}

img.center_column {
	margin: 20px 18px 0px 18px;
	border: 1px solid #666666;
}

td#photos p {
	text-align: left;
	font-size: 12px;
	margin: 2px 19px 0px 19px;
	padding: 0px;
}

td#photos p a {
	text-decoration: underline;
	color: #666666;
}

td#photos p a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #666666;
}





/* TEXT AREA - RIGHT COLUMN */

td#text {
	width: 282px;
	vertical-align: top;
	font-family: trebuchet ms, helvetica, verdana;
}

td#text h1 {
	margin: 24px 20px 12px 0px;
	font-size: 17px;
	letter-spacing: 2px;
	color: #666666;
	text-align: left;
}

td#text h2 {
	margin: 24px 20px 12px 0px;
	font-size: 17px;
	letter-spacing: 2px;
	color: #666666;
	text-align: left;

}

td#text p {
	margin: 12px 0px 12px 0px;
	font-size: 13px;	
	color: #444444;
	text-align: justify;
}

td#text a {
	text-decoration: underline;
	color: #444444;
}

td#text a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #666666;
}

li {
	font-size: 13px;	
	color: #444444;
	margin: 10px 0px 10px 0px;
}




/* FOOTER - COPYRIGHT INFO */

td#footer {
	width: 760px;
	height: 60px;
	font-family: trebuchet ms, helvetica, verdana;
	text-align: center;
	font-size: 11px;
	color: #666666;
}

td#footer p {
	text-align: center;
	border-top: 1px solid #666666;
	padding: 20px;
	margin: 20px 0px 20px 0px;
	
}



/* BIG CELL - SPANS THE WHOLE PAGE - SPLASH PAGE AND DIRECTORY PAGES */

td#bigcell {
	width: 760px;
	text-align: center;
	font-family: trebuchet ms, helvetica, verdana;	
}


/* Introduction text for catetgory pages */

td#introduction {
	width: 760px;
	text-align: left;
	font-family: trebuchet ms, helvetica, verdana;	
}

td#introduction p {
	margin: 6px 10px 6px 10px;
	font-size: 13px;	
	color: #444444;
	text-align: justify;
}

td#introduction a {
	text-decoration: underline;
	color: #444444;
}

td#introduction a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #666666;
}


td#introduction h1 {
	margin: 12px 10px 12px 10px;
	font-size: 17px;
	letter-spacing: 2px;
	color: #666666;
	text-align: left;
}



/* QUOTE - LIKE AT BOTTOM OF SPLASH PAGE */

td#quote {
	width: 760px;
	text-align: center;
}

td#quote p {
	font-family: trebuchet ms, helvetica, verdana;
	text-align: center;
	font-size: 13px;
	color: #666666;
	margin: 0px;
}

td#quote p.quoted {
	font-style: italic;
}


/* THUMBNAIL DIVS - IMAGE WITH TYPE UNDERNEATH */

div.thumbnail {
	float: left;
	margin: 19px 9px 4px 9px;
	width: 235px;
}

div.thumbnail img {
	border: 1px solid #666666;
}

div.thumbnail p {
	text-align: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-family: trebuchet ms, helvetica, verdana;
	color: #666666;
}

div.thumbnail p.title {
	font-weight: bold;
}

div.thumbnail a {
	text-decoration: underline;
	color: #444444;
}

div.thumbnail a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #666666;
}



/* CLEARING DIV - MAKES A NEW ROW - CLEARS THE FLOATING SO THEY LINE UP NEATLY */

div.clearing {
	clear: left;
}


/* SPACING DIV - makes space on the left for the row with 2 items centered */

div.spacing {
	float: left;
	width: 125px;
	height: 200px;
}



/* WIDER CELL - MEDIA KIT, CONTACT, ETC. */

td#widecell {
	width: 600px;
	vertical-align: top;
	font-family: trebuchet ms, helvetica, verdana;
}

td#widecell h1 {
	margin: 24px 20px 12px 24px;
	font-size: 17px;
	letter-spacing: 2px;
	color: #666666;
	text-align: left;
}

td#widecell h2 {
	margin: 24px 20px 12px 24px;
	font-size: 17px;
	letter-spacing: 2px;
	color: #666666;
	text-align: left;

}

td#widecell p {
	margin: 12px 0px 12px 24px;
	font-size: 13px;	
	color: #444444;
	text-align: justify;
}

td#widecell a {
	text-decoration: underline;
	color: #444444;
}

td#widecell a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #666666;
}