/*
-----------------------------------------------
The Ethical Occasions Company CSS
Author: David Lockie
----------------------------------------------- 
*/

/* YUI RESET ----------------------------------------------- */

/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.0 */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/* LAYOUT ----------------------------------------------- */

html, body {margin:0; padding:0; text-align:center; background-color:#676767; height:100%; }

html { font-size:100%; } /* Somehow Fixes IE */
body { font-size:12px; font-family:century gothic,avant garde,verdana,arial,sans-serif; color:#fff; height:auto; }

#frame { width:1000px; margin:0 auto 0 auto; padding:0; text-align:center; background-color:#a7a6a7; height:auto; }

.center { width:100%; text-align:center; margin:auto; align:center; }

img {border:none 0;}
a img {border:none 0;}
a img:hover {border:none 0;}

.noborder {border:none 0;}
.noborder:hover {border:none 0;}

/* TYPOGRAPHY ----------------------------------------------- */

ol, ol li { font-size:1em; line-height:1.5em; margin:0.5em 0 0.5em 0; }
ul, ul li { list-style-type:disc; margin:0.5em 0 0.5em 1em; }
p { font-size:1em; line-height:1.5em; margin:1em 0 1em 0; padding:0 0 0 0: }
blockquote { font-size:1em; line-height:1.5em; margin:1.2em 3em 1.2em 3em; text-align:justify; }
pre { font-family:monospace; font-size:1em; }
em { font-style:italic; }
td { vertical-align:top; }
.italic { font-style:italic; }
.bold { font-weight:bold; }
.gray { color:gray; }

a { text-decoration:none; }
a:hover { text-decoration:none; }

/* CONTENT ----------------------------------------------- */

#content { width:970px; margin:0 auto 0 auto; padding:0; text-align:left; background-color:#a7a6a7; height:auto; }
	
/* HEADER ----------------------------------------------- */

#header { }

/* BODY ----------------------------------------------- */
		
h1 { color:#666666; font-size:2em; padding:0.5em 0 0.1em 0; font-weight:300;	}
h2 { color:#369949; font-size: 1.8em; padding-top:5px; }
h3 { color:#666666; font-size: 1.6em; padding-top:5px;	}	
h4 { color:#666666; font-size: 1.2em; padding-top:5px; font-weight:bold; }	

/* HOMEPAGE LEFT ------------------------------------------------*/

#homeleft { width:50%; float:left; }

/* HOMEPAGE RIGHT ------------------------------------------------*/

#homeright { width:49%; float:left; }

/* CONTENT LEFT ----------------------------------------------- */

#contentleft { width:20%; margin:5.5em 0 2em 0; padding:5px; float:left; }
#contentleft ul, ul li { margin:1em 0 1em 0; list-style-type:none; }
.sub { margin-left:15px; list-style-type:disc; }
.active { border-bottom:1px solid #369949; }

/* CONTENT CENTER ----------------------------------------------- */

#contentcenter { width:59%; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px; float:left; }
#contentcenter ul li { margin-left:25px; list-style-type:disc; color:#666666; }
#contentcenter ol li { margin-left:25px; list-style-type:decimal; color:#666666; }
		
#form { background:#fff; padding:10px; margin:0 auto; padding-bottom:10px; text-align:center; }
#form fieldset { display:block; padding:5px; margin-bottom:0.5em; }
#form legend { color:#369949; font-size: 1.8em; padding-top:5px; }
#form input { width:200px; padding: 0.2em 0.5em 0 0.5em; }
.formtextarea { height:150px; }

#quickform { background:#fff; padding:0; margin:0 auto; padding-bottom:10px; text-align:left; }
#quickform input { width:150px; padding: 0.2em 0.5em 0 0.5em; }


/* CONTENT FOOTER ----------------------------------------------- */
			
#contentfooter { float:none; text-align:center; margin:10px; }