body { background:#33414F; font:76.1% arial,helvetica,sans-serif; line-height:1.5em; }

/* --- sticky footer styles --- */
html, body { height: 100%; }
#wrapper { position: relative; min-height: 100%; }
* html #wrapper { height: 100%; }

/* --- content styles --- */
h1 { font:bold 2.0em 'trebuchet ms',tahoma,verdana; margin-bottom:0.375em; color:#3c3c3c; }
h2 { font:bold 1.5em tahoma,verdana; margin-bottom:0.5em; color:#814839; }
	h2 a { color:#814839; }
h3 { font:bold 1.4em 'trebuchet ms',tahoma,verdana; color:#222; margin-bottom:0.5em; }
	h3 a { color:inherit; }
h4 { font:1.2em tahoma,verdana; margin-bottom:0.5em; color:#9B4B32; }
p { margin-bottom:1.0em; font:1.15em 'trebuchet ms',tahoma; color:#222; text-align:justify; line-height:1.5em; }
	.more,.source { font-size:0.9em; font-family:tahoma; text-align:right; margin-bottom:1.25em; margin-top:0.5em;  }
	.source { margin-right:1.5em; }
	.small { font-size:0.8em; }
blockquote { margin:1.0em 1.5em 0px; }
	blockquote p { font-style:italic; color:#333; text-align:justify; margin:0px; }
acronym { border-bottom:1px dashed #666; padding-bottom:1px; }
pre { font:1.0em 'lucida console', monaco, monospace; margin:1em 1em; background:#fff; padding:18px; color:#f33; border:1px solid #ddd; line-height:1.5em; overflow:scroll; }

ul { margin:1.0em 0px 1.0em 2.75em; font:1.15em 'trebuchet ms',tahoma; color:#222; text-align:left; list-style-type:square; line-height:1.5em; }
li { margin-bottom:0.25em; }

a { text-decoration:none; color:#33f; }
a:hover { text-decoration:underline; color:#f33 !important; }
a:focus { color:#f33 !important; }
	a.anchor { text-decoration:none !important; color:inherit !important; }
	
img { border:none; text-align:center; font-size:0.9em; }

form { text-align:right; }
legend { padding:0px 12px; font:1.0em 'lucida console',monaco,monotype; text-align:left; }
label,input,textarea,button { font:1.0em 'lucida console',monaco,monotype; }
label.textarea { vertical-align:top; }
input { width:20em; }
textarea { width:27em; height:14em; }


/* --- layout styles --- */
/* --- left side --- */
#left { float:left; width:77%; background:transparent;}
	#top { width:100%; height:80px; background:#000; }
	#menu { width:101%; background:#4D4448; color:#814839; border-bottom:2px solid #333; }
		#menu span { color:#bbb; }
		#menu ul { margin:0px 5% 0px 0px; font:1.15em 'lucida console',monaco,monospace; text-align:right; }
		#menu li { display:inline; line-height:2.25em; vertical-align:middle; margin-left:2.5em;  margin-bottom:0px; }
		#menu a { color:#f6f6f6; }
	#main { margin-right:0.5em; width:96%; float:right; background:#fff url('../images/main-e.jpg') repeat-y top right; margin-top:1.5em; }
	#main .ne { float:left; background:url('../images/main-ne-cnr.jpg') no-repeat top right; width:100%; } 
	#main .s { float:left; background:url('../images/main-s.jpg') repeat-x bottom left; width:100%; }
	#main .se { float:left; background:url('../images/main-se-cnr.jpg') no-repeat bottom right; width:100%; }
	#main .sw { float:left; background:url('../images/main-sw-cnr.jpg') no-repeat bottom left; width:100%; }
		#content { margin:18px 48px 66px 24px;  cursor:inherit !important;}
			#content img { padding:6px; border:1px solid #ddd; background:#fff; }
				#content a:hover img { border-color:#f33; }
			.promote { width:auto; margin:1.5em 1.5em 2.5em; background:#fbfbfb; border:1px solid #e9e9e9; }
				.promote h3 { padding:8px 18px; border-bottom:1px dashed #d9d9d9; background:#f3f3f3; margin-bottom:0px; }
				.promote-content { padding:15px 18px 18px; }
					.promote-content .right { width:242px; }
					img.thumb { clear:right; float:right; margin-left:18px; }
					.promote-content .info { margin-right:242px; }
					.promote-content .center { margin-bottom:1.0em; }
			#cartoons { text-align:center; margin-bottom:3.0em; }
				#cartoons h2 { margin-bottom:0px; float:left; }
				#cartoons button { margin-top:1.5em; float:right; cursor:inherit; }
				#cartoons img { border:0px; padding:0px; max-width:97%; overflow:auto; }
				#cartoons p { text-align:center; font:0.9em tahoma; line-height:1.8em; }
				.cartoon { margin:1.5em 0px; text-align:center; min-height:150px; background:#fff url('../images/spinner.gif') center center no-repeat; overflow:auto; }
				.disclaimer { margin:0; }
					#cartoons .disclaimer p { font-style:italic; font-size:0.9em; margin:0; }
			#contact { margin:2.5em auto 2.0em; width:37em; }
				#contact .promote-content { padding:1.0em 2em 1.5em; }
				#contact form { margin:0px; width:33em; }
			.error { text-align:center; padding:12px 12px 18px; border:1px solid #f66; margin:2.0em; background:#fee; }
			.success { text-align:center; padding:12px 12px 18px; border:1px solid #3f3; margin:2.0em; background:#efe; }
				.error h2, .success h2 { margin-top:0px; }
		#column { width:224px; float:right; margin:24px 30px 0px; text-align:center; }
			#column img { margin:0px 4px 6px; }
			
/* --- right side --- */
#right { float:right; width:23%; background:transparent; }
	#highlight { background:#674640 url('../images/news-w.jpg') repeat-y top left; }
	#highlight .s { background:url('../images/news-s.jpg') repeat-x bottom left; width:100%; }
	#highlight .sw { background:url('../images/news-sw-cnr.jpg') no-repeat bottom left; width:100%; padding-bottom:60px; }
		#focus { padding-top:24px; margin:0px 24px; min-height:120px; }
		#focus ul { margin:0px; font:1.4em 'palatino linotype',palatino,georgia,serif; }
		#focus li { margin-bottom:0.5em; list-style-type:square; margin-left:30px; padding-left:4px; color:#814839; }
		#focus a { color:#baa; }
	.block { margin:2em 2.5em 3.5em 2em; padding-right:1.5em; padding-bottom:1.25em; border-right:2px solid #674640; border-bottom:2px solid #674640; }
		.block span { font:1.1em verdana; color:#ddd; }
			.block span a { color:#ddd; }
		.block p { margin-bottom:0em; margin-top:0.375em; font-size:0.9em; font-family:tahoma; color:#999; line-height:1.5em; }
			.block p a { color:#999; text-decoration:none; }

/* --- footer styles --- */
#btm { clear:both; position:relative; width:100%; margin-top:-48px; text-align:right; line-height:48px; }
	#btm form { float:left; text-align:left; margin-left:18px; }
	#btm span { font:1.0em 'lucida console', monaco, monospace; color:#6c6c6c; margin-right:18px; }
	#btm a { color:#6c6c6c; }
		#btm a.green { color:#070; }

				
/* --- override classes --- */
.border { width:100%; border-bottom:1px dashed #999; padding-top:0.75em; margin-bottom:1.5em; }
.italic { font-style:italic; }
.bold { font-weight:bold; }
.center { text-align:center; }
.nomarg { margin-bottom:0px; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.red { color:#f33 !important; }
.green { color:#3c3; }