html { min-height: 100%; margin: 0 0 .01em; }

* { margin: 0; padding: 0; }
body { background: url(../img/body-bg.gif) repeat-x 0 0 #f2f2f2; font: 10px/10px Verdana, Helvetica, sans-serif; color: #3e3e3e; text-align: center; }
/* top level attributes */

a:link { color: #005784; }
a:visited { color: #325981; }
a:hover { color: #76a81f; text-decoration: none; }

#container { position: relative; margin: 0 auto; width: 763px; background: #fff; text-align: left; }

#header { position: relative; left: 11px; margin: 0 11px 0 0; float: left; width: 741px; height: 71px; background: url(../img/header-bg.png) repeat-x 0 0; }
 #header #logo { position: relative; left: 9px; margin: 0 9px 0 0; float: left; }
 #header h2 { position: relative; float: right; width: 494px; height: 71px; }
 	#header h2 span { position: absolute; left: 0; top: 0; width: 494px; height: 71px; background: url(../img/logo-mediaKit.png) no-repeat 0 0; display: block; }

#greenBar { position: relative; left: 11px; top: 2px; margin: 0 11px 2px 0; float: left; width: 741px; height: 26px; background: url(../img/greenBar-bg.png) repeat-x 0 0; }
 #greenBar h3 { position: relative; left: 5px; top: 0; margin: 0 5px 0 0; float: left; width: 170px; height: 21px; background: url(../img/url.png) no-repeat 0 0; overflow: hidden; }
 	#greenBar h3 span { position: absolute; left: 0; top: 0; width: 170px; height: 21px; display: block; background: url(../img/url.png) no-repeat 0 0; }

#content { position: relative; right: 11px; top: 25px; margin: 0 0 25px 11px; float: right; width: 551px; font-size: 1.2em; line-height: 1.6em; }
 #content h1 { margin: 0 0 16px; font-size: 1.8em; line-height: 1.3em; color: #005784; }
 #content h2 { margin: 0 0 16px; font-size: 1.2em; color: #619919; }
 #content p { margin: 0 0 14px; }
 #content ul, #content ol { margin: 0 0 14px 25px; }
 #content hr { height: 1px; color: #d4d4d4; background-color: #d4d4d4; border: none; margin: 5px 5px 10px 0; noshade } 
 
#content .imgR { float: right; top: -10px; text-align: center; margin: 0 25px 15px 15px; z-index: 1; }
#content.imgR p { margin: 3px 0; font-size: 1.1em; line-height: 1.1em; color: #0175a9; font-weight: bold; }
#content .imgR p a:link, #cntrycopy .imgR p a:visited { color: #0175a9; text-decoration: underline; }
#content .imgR p a:hover { color: #0175a9; text-decoration: none; }	

#nav { position: relative; left: 11px; margin: 0 11px 0 0; padding-bottom: 10px; float: left; width: 175px; list-style: none; display: block; }
 #nav li { position: relative; float: left; display: block; width: 175px; height: 25px; }
 #nav li a:link, #nav li a:visited { position: relative; float: left; width: 175px; height: 25px; display: block; cursor: pointer; background-image: url(../img/nav.png); }
 #nav li a span { position: absolute; left: 0; top: 0; display: block; width: 175px; height: 25px; background-image: url(../img/nav.png); z-index: 1; }
  #nav li.home, #nav li.home a:link, #nav li.home a:visited, #nav li.home span { background-position: 0 0; }
 	#nav li.home a:hover span, #nav li.home-on, #nav li.home-on span { background-position: -175px 0; }
  #nav li.prac, #nav li.prac a:link, #nav li.prac a:visited, #nav li.prac span { background-position: 0 -25px; }
 	#nav li.prac a:hover span, #nav li.prac-on, #nav li.prac-on span { background-position: -175px -25px; }
  #nav li.market, #nav li.market a:link, #nav li.market a:visited, #nav li.market span { background-position: 0 -50px; }
 	#nav li.market a:hover span, #nav li.market-on, #nav li.market-on span { background-position: -175px -50px; }
  #nav li.faq, #nav li.faq a:link, #nav li.faq a:visited, #nav li.faq span { background-position: 0 -75px; }
 	#nav li.faq a:hover span, #nav li.faq-on, #nav li.faq-on span { background-position: -175px -75px; }
  #nav li.team, #nav li.team a:link, #nav li.team a:visited, #nav li.team span { background-position: 0 -100px; }
 	#nav li.team a:hover span, #nav li.team-on, #nav li.team-on span { background-position: -175px -100px; }
  #nav li.ad, #nav li.ad a:link, #nav li.ad a:visited, #nav li.ad span { background-position: 0 -125px; }
 	#nav li.ad a:hover span, #nav li.ad-on, #nav li.ad-on span { background-position: -175px -125px; }
  #nav li.contact, #nav li.contact a:link, #nav li.contact a:visited, #nav li.contact span { background-position: 0 -150px; }
 	#nav li.contact a:hover span, #nav li.contact-on, #nav li.contact-on span { background-position: -175px -150px; }

#footer { position: relative; right: 11px; top: 15px; margin: 0 0 45px 11px; float: right; width: 551px; border-top: 1px solid #d5d5d5; font-size: 1.1em; line-height: 1.6em; text-align: center; color: #6b6a6a; }
 #footer p { position: relative; top: 15px; margin: 0 0 15px; }

.clear { clear: both; }

.imgFloatRight { position: relative; float: right; margin: 0 0 5px 10px; }

.required { position: relative; color: #c00; }

/* form styling */
fieldset { position: relative; float: left; margin: 0 0 6px; width: 100%; border: none; }
 fieldset label { position: relative; float: left; width: 160px; display: block; }
 	fieldset label.required { float: left; left: 10px; width: auto; margin: 0 10px 0 0; font-size: 10px; }

input.txt, select, .txtarea { position: relative; float: left; width: 180px; w\idth: 178px; border: 1px solid #39618a; }

.txtarea { width: 340px; w\idth: 338px; }

select { width: auto; }

input.required, select.required, textarea.required { border: 1px solid #c00; background: #fee; font-size: 13px; }

/* wordpress blog elements - THESE GO IN YOUR REG SYTLE SHEET FOR THE MAIN SITE 
 * ------------------------------------------------------------------------- */

#blogsidetop { width: 300px; background-image: url(../images/index/blog-sidetop.jpg); background-repeat: no-repeat; background-position: left top; float: left; padding-top: 20px; text-align: center; }

#blogmenu { margin: 50px 10px 25px; }

	#menu ul { margin: 0 0 0 27px; padding: 10px 0 10px 0; text-align: left; list-style: none; }
		#menu ul li { font-size: 1.1em;  line-height: 1.1em; font-weight: bold; padding: 0 0 0 10px; color: #76a81f; }
			#menu ul li ul li { background: url(../img/bullet.gif) no-repeat left center; font-size: 1.0em; line-height: 1.0em; font-weight: normal; padding: 5px 0 5px 10px; color: #619919; text-decoration: none; }

#content .storytitle { font-size: 1.8em; color: #005d87; line-height: 1.2em; font-weight: bold; color: #efc352; }
	#content .storytitle a:link, #content .storytitle a:visited { color: #005d87; text-decoration: none; }
	#content .storytitle a:hover { color: #005d87; text-decoration: underline; }

.postdate { font-size: .9em; font-weight: normal; text-decoration: none; margin: 0 0 10px 0;}

.storycontent p em { font-style: normal; } 

.meta { background-color: #fff; margin:0 0 30px 0; }
 
.feedback { text-align: right; font-size: .9em; margin: 0 55px 10px 0; 	}

#blog blockquote p{ background-color: #89714f; margin: 0 20px 0 38px; }
 			
#blog ol { list-style-type: decimal !important; margin: 0 0 0 65px !important; }
	#blog ol li p { margin: 0 0 20px 0; }
	#blog ol li p cite { font-size: .9em; }

#blog h1 a:link, #blog h1 a:visited { margin: 0 0 16px; font-size: 1.6em; line-height: 1.3em; color: #005784; text-decoration: none; outline: none; }
	#blog h1 a:hover, #blog h1 a:active { margin: 0 0 16px; font-size: 1.6em; line-height: 1.3em; color: #005784; text-decoration: underline; outline: none; }

#next { margin-left: 25px; }

#commentlist li { list-style: none; }

#s { font: 12px Arial; border: 1px solid #005784; background-color: #fff; width: 168px; color: #d6b7aa; margin: 5px 0 5px 0; padding: 3px; text-align: left; }

#commentform { margin-left: 0; }

img.alignright { float: right; padding: 4px; margin: 10px; background-color: #382411; }
img.alignleft { float: left; padding: 4px; margin: 10px; background-color: #382411; }
img.aligncenter { padding: 4px; margin: 10px; background-color: #382411; }