/*RESET*/

html, body, div, span, applet, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, q, s, samp,
small, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
a {text-decoration: underline; color: black;}
a:hover {text-decoration: underline;}

/* typography */

p         { font-size: 1em; font-family: "Trebuchet MS", Tahoma, helvetica, "Arial Narrow"; line-height: 1.25em; margin: 0 0 1.8em 0; }
h1        { font-size: 2.25em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; text-align: center; margin: 1em 0 0.15em 0 ; color: #001700; }
h2        { font-size: 1.8em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; text-align: center; margin: 0.5em  0; color: #001700; }
h3        { font-size: 1.5em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial;  line-height: 1.55em; }
h4        { font-size: 1.35em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; font-weight: bold; margin:0.5em 0 }
h5        {	font-size: 1.05em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; line-height: 1.3em; text-align: center;}
h6        { font-size: 1.15em; font-family: "Trebuchet MS", Tahoma,  helvetica, arial; font-weight: bold; line-height: 1.2em; }

/*main*/
html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}

body {
	margin: 20px;
	padding: 0px;
	font-family: "Trebuchet MS", Tahoma, "Lucida Sans";
	font-size: 0.9em;
	height: 100%;
	width: 100%;
	color: #141101;
	background-color: #401407; 
	z-index: 4;
	position: relative;	
}
	
#content {
	width: 69.5em;
	margin: 0 auto;
	background-color: #b2ca79;
	font-family: "Trebuchet MS", Tahoma, helvetica, arial, sans-serif;
	font-size: 10pt;
    line-height: 16pt;	
	border: 4px solid #b2ca79;
	-moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
}		

#topbar {
	margin: .5em auto;
	padding: 0.25em;
	background-color: #401407;
}

#header {
	margin: 0;
	padding: 1em 2em;
	background-color: #b7ca79;
}

	
#navigationbar {
height: 2em;
background: #401407;
width: 72em;
margin: -.5em auto 1em;}


/* menu adapted from menu from cssmenumaker dot com */
.nav {
	height:2.5em;
	position:relative;
	font-family: "Tempus Sans ITC", Technical, "Arial Narrow","Lucida Sans", GrantsHand, Papyrus, fantasy;
	font-size:1em;
	z-index:100;
	margin:0;
	padding:0;
	font-variant: small-caps;
    text-transform: capitalize;
}

.nav .table {display:table; margin:0 auto;}

.nav .select,
.nav .current {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap;}

.nav li {margin:0; padding:0; height:auto; float:left;}

.nav .select a {
display:block; height:2.0em; float:left;   
padding:0 1em 0 1em; text-decoration:none; 
line-height:2em; white-space:nowrap; color:#F7E8B1;}

.nav .select a:hover, 
.nav .select li:hover a {background: transparent; padding:0; cursor:pointer; color:#fff; font-weight:bold;}

.nav .select a b{font-weight:bold;}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; float:left; padding:0 1em 0 1em; background-color: #C1DCAB; 
border: 3px solid #333333;
    -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     border-radius: 15px;
cursor:pointer;}

.nav .select_sub {display:none;}

/* IE6 only */
.nav table {border-collapse:collapse; margin:-1px;font-size:1em; width:0; height:0;}

.nav .sub {display:table; margin:0 auto; padding:0; list-style:none;}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {background:transparent; color:#2b3238;}

.nav .select :hover .select_sub, 
.nav .current .show {display:block; position:absolute; width:100%; top:1.75em; background:transparent; padding:0; z-index:100; left:0; text-align:center;}

.nav .current .show {z-index:10;}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {display:block; float:left; background-color: #401407; padding:0 1em 0 1em; margin:0; white-space:nowrap; 
color:#F7E8B1;}

.nav .current .sub li.sub_show a {color:#2b3238; cursor:default;}

.nav .select .sub li a {font-weight:normal;}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {visibility:visible; background-color: #c1dcab; color:#333333; border: 2px solid #333333;}

#sidecut {margin: 2em 0px 0 -100px;float: left; z-index:100;}

#main-content
{	background-color: #F7E8B1;
	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color=333333, Positive=1)
	padding: 1em 3em; padding: 1em 3em;
	border-top: 5px groove #000;
    margin: 0em 3.25em 2em;
	overflow: hidden;
}

#logo img {float: left; margin-right: 15px;}
#article-b
{
	float: left;
	padding-right: .25em;
    margin-bottom: 1.25em;
	width: 26.25em;
}
#article-c
{
	float: right;
	padding-left: .25em;
	width: 26.25em;
}

#article-b ul, #article-c ul {
	list-style-position: outside;
	list-style-type: none;
}

#mission
{
	clear: both;
	margin: 10px;
	border: 2px solid #006600;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
	padding: 15px;
	overflow: hidden;
}

#credits {
	font-size:9px;
	text-align: center;
	color: yellow;
	margin: 10px auto 0;
	clear: both;
}

.photo1 {float: right; margin-left: 10px}

.photo2 {float: left;margin-right: 10px}

.photo3 {display:block; margin: 10px auto}

.photo4 {display:block;
margin: 0 auto;}

.bordered {border: 4px solid black;}

.business {font-size: 1.1em;
font-weight: bold;}

table {border: 2px solid black;
padding: 10px;}