/* Standard Declarations */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 200%; }

html { font-size: 75%; height: 100%; }
body { margin: 0; padding: 0; border: 0; background: #ffffff; color: #454545; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 200%; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.2em 0; padding: 0; font-style: normal; }
ul, ol { padding-bottom: 1.2em; padding-left: 1.25em; }
ul ul, ol ol { padding-bottom: 0; }
a img { border: 0; }

a, a:link { color: #454545; }
a:visited { color: #C2B09D; }
a:hover, a:focus { color: #b4cc95; }
a:active { color: #8baea2; }

.hidden { display: none; }
.left { float: left; margin: 0 1em 1em 0; }
.right { float: right; margin: 0 1em 1em 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#ie6 .clearfix { height: 1%; }

/* Design-Specific Declarations */
body { background: #c3d8aa; text-align: center; }
#containerPage { background: #fff; margin: 0 auto; text-align: left; width: 800px; }
	#navigationMain { padding: 18px 0 0 0; font-size: 90%; }
		#navigationMain ul, #navigationMain ul li { margin: 0; padding: 0; float: left; list-style: none;}
		#navigationMain a { display: block; } 
/* START HIERARCHICAL MENU - HORIZONTAL */
	/* set colors and styles */
		#menu { margin:0; padding:0; list-style: none; float: left; }
		#menu ul { width: 20em; background: #ccdeb6; border: 1px solid #8baea2; border-bottom: 0; float: left; margin: 0 0 0 17px; padding: 0; list-style: none; }
		#menu li { position: relative; float: left; display: block; }
		#menu li a { display: block; }
		#menu li li { float: none; clear: left; }
		#menu img { display: block; }
		#ie #menu li { display: inline; }
			#menu li ul a { color: #000; text-decoration: none; padding: .5em 15px; border-bottom: 1px solid #8baea2; display: block; }
			#menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #000; background: #b4cc95; }
	/* position sub-level drop-downs */ 
		#menu ul ul { top: 0; margin: -1px 0 0; }
	/* the magic - only edit where notated */
		#menu li:hover { z-index: 5; }
		#ie #menu li li a { height: 1%;} /* allows IE to use block hovers */
		#ie6 li.hierover { z-index: 5; } /* overlay fix for IE6 */
		/* hides/shows all levels */
		/* hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li.hierover ul ul ul { position: absolute; left: -9999px; z-index:  99; }
		/* shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li.hierover ul, #menu li li.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 0; }
		/* shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hierover ul, #menu ul li li.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; }
/* END HIERARCHICAL MENU - HORIZONTAL */
	#banner { height: 251px; background: url(../images/bg-banner.jpg) no-repeat; position: relative; clear: both; }
		img#logo { position: absolute; left: 8px; top: 7px; }
		img#cta { position: absolute; right: 20px; top: 19px; }
	#contentContainer { background: url(../images/bg-content.gif) repeat-y; }
		#content { background: url(../images/bg-contentFoot.jpg) left bottom no-repeat; padding: 30px 360px 100px 80px; font-size: 90%; }
			#content h1 { text-transform: lowercase; font-family: Georgia, Helvetica, sans-serif; font-size: 150%; letter-spacing: .05em; font-variant: small-caps; }
			#contentImage {float: right; display:inline; border: 2px solid #ffffff; margin: .5em 0em .5em .5em;}
	#footer { font-size: 90%; }
		#contactInformation { float: right; width: 280px; }
			#contactInformation p { padding: 0 30px 1.2em 30px; }
		#navigationLower { padding: 28px 34px 1.7em 34px; font-size: 90%; }
			#navigationLower a { text-decoration: none; }
		#copyright { padding: 0 34px 1.7em 34px; font-size: 90%; }
		#totem {padding: 0 34px 1.7em 174px; }
