body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	background: #00182a url(../img/bg-body.png) repeat-x top;
	color:#999;
}
a{
	color:#CFF;
	text-decoration:none;
}
#header{
	height:125px; width:100%;
	background:url(../img/bg-top.jpg) repeat-x center;
}

#header #log-area{
	float:right; right:45px; position:absolute; top:90px; width:240px; padding:5px 0px 5px 5px;
}
#header #log-area form div.input{
	float:left;
	position:relative;
	width:215px;
}
#header #log-area form div.submit{
	float:left;
	position:relative;
	width:50px;
	margin-top:1px;
	margin-left:-30px;
}

.container form .input_style{
	width:250px;
	border:1px solid #CCC;
	padding:4px;
}
.container form .textarea_style{
	width:250px;
	border:1px solid #CCC;
	padding:4px;
	height:60px;
}
.container form .title_label{
	padding:2px;
	color:#09F;
}

#fancy_content #fancy_ajax h2{
	background:#333;
	padding:4px;
	color:#F90;
	border-bottom:4px solid #000;
}
#header #log-area form div.input #PostQ{
	border:1px solid #06C;
	padding:3px;
}
.flash{
	padding:2px;
	background:#F30;
	color:#FFF;
}
img {border: none;}
* {margin: 0; padding: 0;}

.container {
	padding: 10px 5%;
	margin-bottom:50px;
}
.container form{
	padding:5px;
	border:2px solid #333;
}
.container .altrow{
	background:#3e3e3f;
	clear:both;
	min-height:100px;
	padding:4px;
}
.container .altrow1{
	background:#232323;
	clear:both;
	min-height:100px;
	padding:4px;
}
.container .paging{
	border-top:2px solid #333;
	width:100%;
	clear:both;
}
.container .paging #prevnext{
	float:left;
	position:relative;
	width:25%;
}
.container .altrow1 b a{
	text-decoration:none; 
	color:#fcf1a7;
}
.container .altrow b a{
	text-decoration:none; 
	color:#fcf1a7;
}
.container li{
	list-style:none;
}
.container h2 {
	color:#09F;
}
ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0 50px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 200px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 355px;
	font-size: 1em;
	margin-right: 10px;
	padding: 20px;
	background: #0f3958;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.block2 {
	height: 160px;
	font-size: 1em;
	margin-right: 10px;
	padding: 20px;
	background: #0f3958;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.container ul li div#link-front{
	padding:0px;
	margin:0px;
}
.container ul li div#link-front a{
	text-decoration:none;
	color:#CCC;
	text-transform:capitalize;

}
.container small a{
	text-decoration:none;
	color:#09F;
}
.container ul li h3{
	padding:4px 2px 4px 2px;
	text-align:center;
	color:#C90;
	border-bottom:1px solid #014374;
}
.container ul li h3 a{
	text-decoration:none;
	color:#6CF;
}
.container ul li div a{
	text-decoration:none;
	color:#39F;
	font-family:Arial, Helvetica, sans-serif;
}
.container ul li div#link-front a div{
	background:#25628f;
	margin:1px 0 0 -1px;
	padding:4px 3px 4px 3px;
	min-width:148px;
}
.container ul li div#link-front a:hover div{
	background:#3584c0;
	margin:1px 0 0 -1px;
	padding:4px 3px 4px 3px;
	color:#9ad1fa;
}



.block h2 {
	font-size: 1.8em;
}
.block img {
	width: 89%;
	padding: 5%;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}


* {margin: 0; padding: 0; outline: none;}
img {border: none;}

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #09F url(../img/footer-panel.jpg) repeat-x;
	font-size:10px;
	border: 1px solid #06C;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #04375e; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #CCC;
	position: relative;
}
html #footpanel ul li a:hover{color:#06C;}
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	color:#06C;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(../img/navi/home-sm.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #211f20;
	text-indent: 0; /*--Reset text indent--*/
}
a.updates{	background: url(../img/navi/news2.png) no-repeat center center;  }
a.contacts{	background: url(../img/navi/email2.png) no-repeat center center;}
a.subscribe{background: url(../img/navi/feeds-sm.png) no-repeat center center;}

#footpanel a.chat{	
	width: 126px;
	border-left: 1px solid #211f20;
	border-right: 1px solid #211f20;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{background:url(../img/navi/alert2.png) no-repeat center center;	 }

#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
	background:#09F;
}

#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background:#333;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(dash.gif) repeat-x left center; } 
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0 0 4px;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #0CF;
	color: #fff;
	text-decoration: none;
}
#chatpanel div.subpanel h3{
	background:#032d4d;
}
#alertpanel div.subpanel h3{
	background:#032d4d;
}
#alertpanel .subpanel { right: 0; left: auto; }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
	padding: 3px 0 0 4px;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}
/*additional*/
#header ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
#header ul#navigation li {
    width: 103px;
    display:inline;
    float:left;
	position:relative;
	text-align:center;
}

#header ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#012f52;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #012f52;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

	
}
#header ul#navigation li a:hover{
     background-color:#022c3c;
	 -moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
	text-align:center;

}
#header ul#navigation li a font.menu{
    letter-spacing:1px;
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
    color:#09F;
    text-shadow: 0 -1px 1px #000;      
}
#header ul#navigation .home a{
    background-image: url(../img/navi/home.png);
	text-align:center;
}
#header ul#navigation .about a{
    background-image: url(../img/navi/email.png);
	text-align:center;
}
#header ul#navigation .search a{
   background-image: url(../img/navi/news.png);
	text-align:center;
}
#header ul#navigation .podcasts a{
     background-image: url(../img/navi/twitter.png);
	text-align:center;
}
#header ul#navigation .rssfeed a{
    background-image: url(../img/navi/facebook.png);
	text-align:center;
}
#header ul#navigation .photos a{
    background-image: url(../img/navi/feeds.png);
	text-align:center;
}