body { margin: 16px 3px; padding: 0; background-color: #EE9603; text-align: center; color: #000000; }

#container {
	position: relative;
	margin: 0 auto; padding: 0; width: 770px;
	text-align: left; color: #333333;
	background: #FFFFFF url(background.gif) left top repeat-y; 
	min-height:500px; height:auto !important; height:500px; 		/* Hack */
	}
	
#main { margin: 0 0 0 210px; padding: 20px 30px 40px 0; }
#main p { margin: 0 0 10px 1px; }
#main h1 { margin-top: 0; padding-top: 0; }
#main ul { margin-top: 0; }
#menu iframe { margin: 30px 0 0 4px; }

/*---- Header ----*/

#header { position: relative; margin: 0 auto; padding: 0; width: 770px; height: 86px; text-align: left; }
#header h1 {
	position: absolute; left: 190px; top: 0;
	margin: 0;  padding: 0;
	text-indent: -9999px;	background: url(logo.gif) left top no-repeat;
	height: 70px; width: 380px;
	}
#header h1 a { display: block; width: 100%; height: 100%; text-decoration: none;	}

#contact { position: absolute; left: 0; top: 22px; }
#contact p { font-weight: bold; font-size: 14px; color: #FFFFFF; margin: 0; padding: 0; line-height: 20px; }
#contact a:link, #contact a:visited { color: #FFFFFF; text-decoration: none; }
#contact a:hover, #contact a:active { color: #FFFFFF; text-decoration: underline; }
#contact strong { color: #000000; }

#newsletter { position: absolute; right: 0; top: 20px; width: 200px; text-align: right; }
#newsletter label { font-weight: bold; font-size: 13px; color: #FFFFFF; margin: 0; padding: 0; }
#signupemail { margin-top: 3px; width: 124px; }
#signupbutton { margin-top: 3px; width: 36px; }

/*---- Menu ----*/

#menu { position: absolute; top: 20px; left: 26px; font-size: 13px; width: 150px; }
#menu p { margin-left: 5px;  }

#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu ul li { margin-left: 0; padding: 0 0 3px 23px; background: url(bullet.gif) 12px 2px no-repeat; }
#menu li a { font-weight: bold; padding: 0 2px; }
#menu li a:link, #menu li a:visited { color: #444444; text-decoration: none; background-color: #F3F3F3; }
#menu li a:hover, #menu li a:active, #menu li a.selected, #menu li.current-cat a { color: #EE9603; text-decoration: none; background-color: #FFFFFF; }

#menu h3 { margin: 10px 0 5px 0; font-size: 15px; text-indent: -9999px; width: 140px; }
#menu h3 a { text-decoration: none; display: block; height: 20px; width: 140px;  }

#menu-home     { background: url(menu.gif) no-repeat 0 -00px; }
#menu-news     { background: url(menu.gif) no-repeat 0 -20px; }
#menu-about    { background: url(menu.gif) no-repeat 0 -40px; }
#menu-services { background: url(menu.gif) no-repeat 0 -60px; }
#menu-other    { background: url(menu.gif) no-repeat 0 -80px; }
#menu-archives    { background: url(menu.gif) no-repeat 0 -100px; }
#menu-categories  { background: url(menu.gif) no-repeat 0 -120px; }

#menu-home a:hover, #menu-home a.selected         { background: url(menu.gif) no-repeat -140px -00px; }
#menu-news a:hover, #menu-news a.selected         { background: url(menu.gif) no-repeat -140px -20px; }
#menu-about a:hover, #menu-about a.selected       { background: url(menu.gif) no-repeat -140px -40px; }
#menu-services a:hover, #menu-services a.selected { background: url(menu.gif) no-repeat -140px -60px; }
#menu-other a:hover, #menu-other a.selected       { background: url(menu.gif) no-repeat -140px -80px; }


/*---- WordPress ----*/

.postmetadata { line-height: 12px; font-size: 11px; }
div.comment { margin: 0 0 20px 0; }
div.comment h3 { margin-top: 0; }
.restrict { width: 300px; }
#rss { position: absolute; top: 26px; right: 30px; }
.socialbuttons img { padding: 4px 4px 4px 0; }

h4 { font-size: 22px; color: #EE9603; margin-bottom: 8px; }
h4 a:link, h4 a:visited { color: #EE9603; text-decoration: none; }
h4 a:hover, h4 a:active { color: #1B3ABA;	text-decoration: underline; }

.navigation { display: block; margin-top: 30px; margin-bottom: 60px; font-weight: bold; }
.alignright { float: right; }
.alignleft { float: left }