@charset "utf-8";
/* CSS Document */

body {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	background-image: url("img/bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #20475d;
	padding: 15px;
}
a {
	text-decoration: none;
}
img {
	border: 0px;
}
td {
	vertical-align: top;
}

#container {
	display: block;
	width: 780px;
	background-color: #ffffff;
	padding: 4px 2px 4px 2px;
}

#links {
	display: block;
	width: 768px;
}
	#links td {
		padding: 10px 7px 10px 7px;
	}
	#links img {
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
	#links img:hover {
		-moz-opacity:1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}
	
#mid {
	display: block;
	width: 768px;
}
	#mid #right {
		background-color: #173649;
		text-align: center;
		padding: 0px;
		width: 190px;
		height: 280px;
	}
		#mid #right a {
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			color: #d1e5e9;
			font-weight: bold;
			text-decoration: none;
		}
		#mid #right a:hover {
			color: #ffffff;
		}
		
#content {
	display: block;
	width: 768px;
	margin: 3px 0px 0px 0px;
}
	#content #posts {
		height: 100%;
		background-color: #cfceba;
	}
		#content #posts div {
			padding: 15px;
			text-align: left;
		}
			#content #posts div h1 {
				color: #244a5f;
				font-weight: bold;
				font-size: 20px;
				font-family: Arial, Helvetica, sans-serif;
			}
				#content #posts div h1 a {
					color: #244a5f;
				}
				#content #posts div h1 a:hover {
					color: #ffffff;
				}
			#content #posts div h2 {
				font-size: 10px;
				letter-spacing: 7px;
				color: #244a5f;
				font-weight: normal;
			}
			#content #posts div p {
				font-weight: normal;
				font-size: 14px;
				color: #244a5f;
				line-height: 20px;
			}
	
	#content #rcol {
		width: 190px;
		height: 100%;
		background-image: url("img/bg_rcol.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #1a3339;
		text-align: center;
	}
		#content #rcol div {
			padding: 2px;
		}
			#content #rcol div h1 {
				margin: 0px;
			}			
				#content #rcol div h1 img {
					padding: 0px 5px 0px 5px;
					margin: 0px 0px 0px 0px;
				}
			#content #rcol div hr {
				border: 0px;
				background-color: #495c61;
				height: 1px;
				width: 150px;
			}
			
			#content #rcol ul.implinks {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 10px 0px;
					list-style: none;
			}
				#content #rcol ul.implinks li {
						padding: 0px 0px 0px 0px;
						margin: 0px 0px 0px 0px;
				}
					#content #rcol ul.implinks li a {
						color: #86d1fb;
						font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
					}
					#content #rcol ul.implinks li a:hover {
						color: #ffffff;
					}
			#content #rcol ul.recnews {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 10px 0px;
					list-style: none;
					text-align: left;
			}
				#content #rcol ul.recnews li {
						padding: 10px 10px 10px 20px;
						margin: 0px 0px 0px 0px;
				}
					#content #rcol ul.recnews li a {
						color: #86d1fb;
						font-size: 12px;
						font-family: Arial, Helvetica, sans-serif;
					}
					#content #rcol ul.recnews li a:hover {
						color: #ffffff;
					}
		
#footer {
	display: block;
	width: 768px;
	text-align: center;
}
	#footer td {
		padding: 40px;
		vertical-align: bottom;
	}
	
img.alignright {
	float: right;
	margin: 5px 0px 0px 5px;
}
