body {
	margin:0px;
	background-color:#D5F0F7;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size:0.75em;
}

h3 {
	margin-top:0px;
	margin-bottom:0px;
	color:#80BB01;
	font-size:1.3em;
}

a, a:visited, a:active {
	color:#00A2CE;
	text-decoration:none;
}

#top {
	background-color:#FFFFFF;
	height:50px;
	width:100%;
	border-bottom:1px solid #00A6D0;
	border-top:1px solid #fff;
	
}

#masthead {
	float:left;
	height:49px;
	width:auto;
}

#titleBar {
	height:50px;
	border-bottom:1px solid #00A6D0;
	background-color:#7DD2E8;
	/*background:url(/images/titleBar_bg.jpg) left top repeat-x;*/
	text-align:center;
	line-height:50px;
	font-size:1.4em;
	color:#fff;
	font-weight:bold;
}

#masthead a {
	display:block;
	height:50px;
	padding-left:10px;
	width:100%;
}

#masthead h3 {
	padding-top:15px;
	padding-right:40px;	
	text-align:center;
	float:right;
	line-height:100%;
}

#header {
	position:relative;
	height:50px;
	background:#ddd;
	/*display:-webkit-box;*/
	-webkit-box-orient:horizontal;
	color:#fff;
	float:right;
}

#header div {
	border-right:1px solid #fff;
	border-bottom:1px solid #FFF;	
	text-align:center;
	height:49px; line-height:49px;
	font-size:1.2em;
	background:url(/images/navButton_bg.jpg) top left repeat-x;
	color:#fff;
	width:49px;
	display:block;
	float:left;
}

#header > div a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:100%;
	height:50px;
}

#wrapper {
	padding:7px;
	clear:both;
}

.homeTab {
	border-bottom:1px solid #999;
	background:url(/images/listItem_bg.jpg) top left repeat-x;
	height:60px;
	padding-top:12px;
	padding-left:5px;
	font-size:1.4em;
}

.newsItem {
	background:url(/images/listItem_bg.jpg) bottom left repeat-x #FFF;
	padding:10px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
}

.newsItem.top/*, .homeTab.top*/ {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.newsItem a {
	display:block;
}

.newsItem.bottom/*, .homeTab.bottom*/ {
	border-bottom:1px solid #999;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.small {
	color:#666;
	font-size:0.8em;
}

.loginfield {
	width:190px; 
	height:28px;
	background:url(/images/textbox-bg.jpg) top left no-repeat;
	border:0px;
	padding-left:10px;
}

.inactive {
	color:#999999;
}

.message-error {
	background: url(/images/error.png) no-repeat 0% 50%;
	border: 1px solid #D99D9D;
	padding: 0px 5px 0px 50px;
	width:300px;
	font-size:0.8em;
	margin-top:10px;
}

#footer {
	background-color:#7DD2E8; 
	height:35px;
	color:#FFFFFF;
}

#footer a {
	color:#FFF;
	height:35px;
	line-height:35px;
	font-size:1.2em;
}

.loginButton, .searchButton {
	display:block;
	border:0px;
	color:#fff;
	font-weight:bold;
	background-color:#7DD2E8;
	width:80px;
}

.loginButton {
	border-radius: 15px;
	height:35px;
	line-height:35px;
	margin-top:15px;
}

.searchButton {
	height:22px;
	line-height:22px;
	margin-top:2px;
}

/* The following class is assigned to the floating element. Useful to add custom styles when the object is in "float mode" */
.float {
	z-index:500;	/* You may need to adjust this value */
	background:rgba(204, 204, 204, 0.7) !important;
}

.whiteBox {
	background-color:#FFFFFF; 
	border:1px solid #999999; 
	padding:15px; 
	/*margin-left:10px; 
	margin-right:10px;*/
	border-radius: 7px;
	overflow:hidden;
}

.morebox {
	margin-top:10px;
	background-color:#7DD2E8;
	text-align:center;
}

.morebox a {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:1.2em;
}

.pagination {
	margin-top:20px;
	text-align:center;
}

.pagination a {
	border:1px solid #CCCCCC;
	background-color:#DDD;
	padding:5px;
}

.previous_search {
	float:left;
}

.search_next {
	float:right;
}