@charset "utf-8";
* {padding:0; margin:0;}

h1 {font-size:13pt;color:#396;text-align:center;text-shadow:2px 2px 4px #000; line-height:14pt; margin-bottom:6px;}
#pos {font-size:10pt;color:#FFF;text-shadow:2px 2px 4px #000; font-weight:normal;}
h2 {font-size:12pt;color:#396;text-shadow:2px 2px 4px #000; line-height:14pt; margin-bottom:6px;}
body {background-color:#222222; background-image:url(images/bgpage.jpg); background-repeat:no-repeat; background-position:center top; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;font-size:13px;line-height:18px;margin:0;padding:0;}
#moonphase {width:77px;height:77px;background: #0C0C0C url(http://tycho.usno.navy.mil/cgi-bin/phase.gif);background-position:center;-moz-border-radius:38px;border-radius: 38px;top:11px;left:339px;position:absolute;margin:12px auto 0 auto;z-index:1;}
#ridtitle {width:420px;height:50px;background: transparent url(images/rid_text.png);top:140px;left:172px;position:absolute;margin:0 auto;z-index:5;}
#menubar {padding:0 10px 0 10px; margin:35px auto 0 auto; list-style:none; width:754px; height:34px; background:url(images/bgmenu.png);z-index:1;-moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;}
#menu {height:5px;list-style:none outside none;margin:0 10px 0 0;padding:0 0 0 30px; float:left;}
#menu li {float:right;padding:0 0 0 30px;}
#menu li a {display:block;font-family:verdana,arial,sans-serif;font-size:14px;font-weight:bold;height:30px;line-height:30px;margin:1px;margin-right:-1px;overflow:hidden;padding:1px 20px;position:relative;text-decoration:none;z-index:10;color:#7FB290;}
#menu li a b {background:url("images/back.png") repeat-x scroll left top transparent;display:block;height:100px;left:0;position:absolute;top:0;width:100%;z-index:-1;-webkit-transition: top .5s;}
#menu li a:hover b{display:block;color:#FFF;top:-50px;}
#menu li a:hover {color:#FFF;}
#menu2 {height:5px;list-style:none outside none;margin:0 0 0 10px;padding:0 30px 0 0; float:right;}
#menu2 li {float:left;padding:0 30px 0 0;}
#menu2 li a {display:block;font-family:verdana,arial,sans-serif;font-size:14px;font-weight:bold;height:30px;line-height:30px;margin:1px;margin-left:-1px;overflow:hidden;padding:1px 20px;position:relative;text-decoration:none;z-index:10;color:#7FB290;}
#menu2 li a b {background:url("images/back.png") repeat-x scroll left top transparent;display:block;height:100px;right:0;position:absolute;top:0;width:100%;z-index:-1;-webkit-transition: top .5s;}
#menu2 li a:hover b{display:block;color:#FFF;top:-50px;}
#menu2 li a:hover {color:#FFF;}

#wrapper {padding:10px 0 10px 0;margin:0 auto;width:774px;text-align:justify;position:relative;}
#content {padding:10px 14px;color:#AAA;background-image:url(images/bg-shade.png); text-align:left; border:#111 solid 1px;}

#footer {padding:5px 20px 0 20px;margin:auto;width:734px;height:29px;line-height:24px;background:url(images/bgmenu.png);text-align:left;color:#333;bottom:0;position:relative;clear:both;-moz-border-radius: 0 0 20px 20px;border-radius: 0 0 20px 20px;}
a {font-family:verdana,arial,sans-serif;font-size:12px;text-decoration:none;color:#7FB290;-webkit-transition: color .5s;}
a:hover {color:#FFF;text-shadow:2px 1px 5px #000;}
a img {border:0;}
a:active {outline:none;}
:focus { -moz-outline-style:none; }
#icons {float:right; padding-right:2px;}
#fb {display: block;width: 24px;height: 24px;background: url("images/icons.png") no-repeat 0 0;float:right; margin: 0 2px;}
#fb:hover {background-position: 0 -24px;}
#fb span {display: none;}
#tw {display: block;width: 24px;height: 24px;background: url("images/icons.png") no-repeat -24px 0;float:right; margin: 0 2px;}
#tw:hover {background-position: -24px -24px;}
#tw span {display: none;}
#in {display: block;width: 24px;height: 24px;background: url("images/icons.png") no-repeat -72px 0;float:right; margin: 0 2px;}
#in:hover {background-position: -72px -24px;}
#in span {display: none;}

#fade {display: none;background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.popup_block{display: none;background: #252422;padding: 14px;border: 12px solid #191919;float: left;font-size: 1.2em;color:#999;position: fixed;top: 50%; left: 50%;z-index: 99999;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 12px;}
img.btn_close {float: right;margin: -45px -45px 0 0;}
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}

#spotlight {-moz-border-radius: 8px;border-radius: 8px;background-image:url(images/bg-shade.png); padding:0 8px 8px 8px; margin-left:14px; width:310px; position:relative; border:solid 1px #020202; text-align:center; float:right;}
#spotlight span {font-size:18pt;font-weight:bold;color:#66B072;text-shadow:2px 2px 4px #000; line-height:26pt;}
#spotlight a {font-size:11px;text-decoration:none;color:#7FB290;}
#spotlight a:hover {color:#FFF;}
#spotlight a:active {outline:none;}
#spotlight p {text-align:justify;}

#blogfeed {padding:0 8px 8px 8px; position:relative; text-align:justify;}

	div.feedburnerFeedBlock p.date {color: #666; padding-left:14px;}
	div.feedburnerFeedBlock ul li div {display: inline;}
	div.feedburnerFeedBlock span.headline a {font-weight: bold;font-size: 1.4em;color: #66B072; padding-left:12px;}
	div.feedburnerFeedBlock ul li {margin-bottom: 2em;padding-left: 0;text-indent: 0; text-align:justify;}
	div.feedburnerFeedBlock ul {list-style: none;margin: 0;padding: 0;}
#creditfooter {display: none;}

#col1 {width:242px; float:left; text-align:center;}
#col1 p {text-align:justify; padding: 0 4px 16px 4px;}
#col2 {width:242px; float:right; text-align:center;}
#col2 p {text-align:justify; padding: 0 4px 16px 4px;}
#col3 {width:242px; margin: 0 auto; text-align:center;}
#col3 p {text-align:justify; padding: 0 4px 16px 4px;}
#portimg {width:242px; position:relative; height:190px;}
#portimg img {-webkit-box-shadow: 5px 5px 10px #000;-moz-box-shadow: 5px 5px 10px #000;box-shadow: 5px 5px 10px #000;}

#ribbon {margin-left:-39px; padding: 1px 0 1px 0;}

.cf1 {background:transparent;color:#999;border:#010101 solid 1px;padding:4px 8px;margin-bottom:0px; -moz-box-shadow: inset 3px 3px 3px #040404; box-shadow: inset 3px 3px 3px #040404; text-align:center;}
.cf2 {background:transparent;color:#999;border:#010101 solid 1px;padding:4px 8px;margin-bottom:0px; -moz-box-shadow: inset 3px 3px 3px #040404; box-shadow: inset 3px 3px 3px #040404;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;font-size:12px; resize:none; text-align:justify;}