@charset "utf-8";

/*Native style changes*/
body{
	background-color: #333333;
	color: #000000;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border: 0; margin: 0; padding: 0;
	height: 100%;
}

html{
height:100%;
}

a{
	color: #000033;
}

a:hover{
	text-decoration:none;
}

.topbar{
padding-left: 10px;
padding-right: 10px;
color: #FFFFFF;
width: auto;
border-bottom: 1px solid #FFFFFF;
}
.topbar a:link, .topbar a:visited{
color: white; 
text-decoration: none;
}
.topbar a:hover{
text-decoration: underline;
}

#amessage{
float: right;
text-align: right;
}
#amessage a:link, #amessage a:visited{
color: white; 
text-decoration: none;
}
#amessage a:hover{
text-decoration: underline;
}

/*Fixes a bug*/
img{
	border: 0px;
}

/*Used for an error message or missing page*/
#error{
	display: block;
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	vertical-align: middle;
}

/*Main block of layout*/
#main {
	display: block;
	position: relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
}

/*The inner content style*/
#content {
	
	position: relative;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	 min-height: 100%;

}

.push {
 height: 4em;
 }

/*Footer and Header styles*/
#footer{
	display:block;
	background-color: #FFFFFF;
	width: 100%;
		 min-height: 100%;

}

span.header{
	height: 100%;
}

/*MORE*/
.information{
	position:relative;
	display: block;
	width: 875px;
	top: -5px;
	height: 15px;
	font-size:10px;
	text-align:center;
	padding-left: 5px;
	background: #ccc; 
}

.titlestyle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	display: block;
	font-size:14px;
	text-align:left;
	margin-top: 2px;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:1px solid #333333;
}

.important{
	margin-top: 5px;
	padding: 3px 3px 3px 3px;
	border:5px solid #ccc; 
	width: 240px;
	float:right;
}

/*Cute news stuff*/
span.newsheader{
	font-size: 15px;
	color: #0000FF;
	display: block;
	width: 950px;
	padding: 5px 5px 5px 5px;
	height: 100%;
}

span.postedon{
	font-size: 10px;
	color: #333333;
}


/*------------------------------------------------------*/

#posts {
	padding: 0;
	margin: 0;
}
#posts li {
	width: 600px;
	border: 1px solid #eee;
	background-color: #F9F9F9;
	background-image: none;
	/*float: left;*/

	list-style: none;
	margin: 0 0 5px 0;
	padding: 5px;
}
#posts a {
	text-decoration: none;
	color: #999;
	font-size: 0.85em;
}
#posts img {
	display: block;
	float: left;
	border: 1px #ccc solid;
	background: white;
	padding: 3px;
	margin: 0 10px 0 0;
}
#posts h1 {
	padding: 5px 0 0 0;
	margin: 0;
	color: #000033;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
}
#posts p {
	margin: 0;
	padding: 0 0 10px 0;
}

#featured{ 
	width:620px;
	margin-bottom: 7px;
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
	float:right;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:615px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:620px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

.important{
	margin-top: 5px;
	padding: 3px 3px 3px 3px;
	border:5px solid #ccc; 
	width: 240px;
	float:right;
}


#flip-tabs{
	width:255px;
	margin-top: 5px;
	float:right;
}
#flip-navigation{
	margin:0 0 10px; padding:0; 
	list-style:none;
}
#flip-navigation li{
	display:inline; 
}
#flip-navigation li a{
	text-decoration:none; padding:9px; 
	margin-right:0px;
	background:#f9f9f9;
	color:#333; outline:none;
	font-family:Arial; font-size:12px; text-transform:uppercase;
}
#flip-navigation li a:hover{
	background:#999; 
	color:#f0f0f0;
}
#flip-navigation li.selected a{
	background:#999;
	color:#f0f0f0;
}
#flip-container{  
	width:255px;
	font-family:Arial; font-size:13px;
	padding: 3px 3px 3px 3px;
}
#flip-container div{ 
	padding: 3px 3px 3px 3px;
}
#flip-container div ul{
	border:1px solid #f0f0f0;
	margin:0; padding:5px 5px;
	list-style-position:inside;
}
#flip-container div ul li{
	padding:5px 0;
}

#flip-container div ul.orange{ border: solid 5px #CCC; height: 400px;  }
#flip-container div ul.green{  border: solid 5px #CCC; height: 400px; }
#flip-container div ul.blue{  border: solid 5px #CCC; height: 400px; }