/* --- alife styles --- */
a { text-decoration: none; color: #900; }
a:hover { text-decoration: underline; }
body { background: #a3a0a0 url(images/body-bg.gif) repeat-x; margin: 0; padding: 24px 0 0; font: 62.5% Verdana; color: #656666; }
form { margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
p { margin: 0 0 17px; line-height: 18px; }
img { border: none; }
	img.right { float: right; margin: 0 0 0 12px; }
	img.left { float: left; margin: 0 12px 0 0; }
hr { display: block; clear: both; margin: 0; padding: 0; height: 0; visibility: hidden; }

h2 { font: normal 18px Verdana; margin: 0 0 16px; color: #900; }
h3 { font: normal 14px Verdana; margin: 20px 0 4px; color: #000; }
  
#container-outer { background: url(images/dropShadow.png) 100% 0 repeat-y; width: 829px; padding-right: 10px; }
#container-inner { background: #fff; border-top: solid 1px #989898; border-bottom: solid 6px #666; }
#container-inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#header { background: url(images/header-bg.gif) 100% 0 no-repeat; position: relative; margin: -1px -11px 0 0; }

#logo h1 { background: url(images/logo.gif) no-repeat; position: absolute; top: -24px; width: 170px; height: 114px; margin: 0; padding: 0; text-indent: -10000px; }
#logo h1 a { position: absolute; top: 24px; left: 20px; display: block; height: 92px; width: 152px; margin: 0; padding: 0; }

#site-nav { padding: 72px 0 0; height: 44px; }
#site-nav ul { background: #f3f3f3 url(images/nav-bg.gif) no-repeat; float: left; width: 619px; margin: 0; padding: 0 0 0 210px; list-style: none; }
#site-nav li { float: right; margin: 0 1px 0 0; }
#site-nav a { background: #f4f3f3; display: block; margin: 0; padding: 6px 21px 4px; font: normal 1.2em Verdana; color: #cccbcc; /* stupid IE */ white-space: nowrap;  }
	#site-nav a:hover, #site-nav li.current a { background: #e9e7e7; color: #656666; text-decoration: none; }

#search { position: absolute; top: 105px; right: 20px; display: none; }
#search input { vertical-align: middle; }
#search label { vertical-align: middle; color: #CCCBCC; }

#main { float: left; width: 548px; margin: 0 21px 0 22px; display: inline; }
#masthead { margin: 0 0 18px; }
#masthead img { border: none; }

#article h2 { margin: 0 0 7px; padding: 0; font: normal 18px Verdana; color: #92191c; }
#info h4 { margin: 0 0 8px; padding: 0; font: italic normal 14px Verdana; }
#article p { margin: 0 0 17px; line-height: 18px; }
p.author { margin: 0 0 17px; }

#sidebar { background: #e0e0e0; margin: 0 5px; padding: 1px 10px; }

#comments { margin: 16px 0 0; }

#comment-head { background: url(images/comment-head-bg.gif) repeat-x; margin: 0 0 10px 0; height: 35px; }
#comment-head h2, #comment-head p { float: left; margin: 10px 0 9px; padding: 0; font: normal 14px Verdana; color: #323232; }
#comment-head h2 { padding-right: 7px; border-right: solid 1px #d6d6d7; }
#comment-head p { padding-left: 7px; }
#comment-head a { color: #323232; }

.comment, div.comment-alt { position: relative; clear: both; margin: 0 10px 10px 10px; padding: 12px 32px 12px 12px; }
.comment-alt { background: url(images/comment-bg.gif) repeat-y; }
.comment-num { position: absolute; top: 7px; right: -10PX; font: bold 60px/60px Arial; color: #cccbcc; }
.comment p, div.comment-alt p { margin: 0 0 10px 0; padding: 0; }
.posted { margin: 15px 0 0 0; }

#comment-form { margin: 20px 10px 10px 10px; }
#comment-form h3 { margin: 0; font: normal 14px Verdana; }
#comment-form label { display: block; }
#comment-form p.error { background: #FAE8E8; margin: 12px 10px; padding: 5px 10px; font: normal 12px Verdana; color: #c00; border: solid 1px #c00; }
#comment-form p.thanks { background: #f3f3f3; margin: 12px 10px; padding: 5px 10px; font: normal 12px Verdana; border: solid 1px #999; }

#sub { float: left; width: 220px; padding: 45px 0 0; }

#features h2 { background: url(images/features.gif) no-repeat; height: 21px; margin: 0 0 10px; padding: 0 0 4px; border-bottom: solid 1px #cccbcc; text-indent: -10000px; line-height: 21px; }

#footer { clear: both; }
#footer:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#footer ul { float: right; margin: 10px 0; padding: 0; list-style: none; }
#footer li { float: left; display: block; padding: 0 10px; border-left: solid 1px #ccc; }
#footer li.first { border: none; }
#footer a { color: #ccc; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#legal p { width: 819px; margin: 4px 0 0; padding: 0 10px 0 0; font: normal 11px Verdana; color: #666; text-align: right; }

.feature { background: #eae9e9; float: left; width: 205px; margin: 0 0 10px; padding: 4px 5px 3px 8px; border: solid 1px #c7c5c5; }
.feature img { float: right; margin-left: 5px; }
.feature h3 { margin: 0 0 5px; font: normal 1.2em Verdana; }
.feature h4 { margin: 0 0 4px; font: normal 1em Verdana; color: #656666; }
.feature p { margin: 0; color: #989898; line-height: 12px; }

#departments { float: left; }
#departments h2 { background: url(images/departments.gif) no-repeat; height: 25px; margin: 0 0 16px; line-height: 25px; text-indent: -10000px; border-bottom: solid 1px #cccbcc; }
.dept { float: left; width: 191px; margin: 0 0 16px; padding: 0 13px 15px 16px; border-bottom: solid 1px #cccbcc; }
.dept h3 { margin: 0 0 6px; padding: 0; font: normal 12px Verdana; color: #000; }
.dept h4 { margin: 0 0 4px; padding: 0; font: normal 12px Verdana; color: #92191c; }
.dept p { margin: 0; padding: 0; font: 10px Verdana; line-height: 12px; color: #656666; }

* html #footer { height: 1%; }

#share { margin: 16px 0 0; }
#share ul { padding: 0 0 0 10px; list-style: none; }
#share li { float: left; margin: 0 20px 0 0; height: 20px; width: 20px; }