/*
	Octopus Computing Cascading Style Sheet
	Designed by: Panduka Senaka


	Table of Contents:
		layout
		settings
		navigation top - see navigation.css
		navigation below - see navigation.css
*/

/* layout
----------------------------------------------- */

body {
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:#403f3d;
	background:#111111 url(/images/bg.gif) center;
	margin:0; padding:0;
	overflow: auto;
}

table {
	background: #E4E9E9;
	border-width: 1px;
	border-spacing: 1px;
}

tbody {
	background: #F7F7F7;
}	

table thead tr.superheader {
	background: #fff;
}	


th,td {
	padding-left: 7px;
	padding-right: 7px;
}

table tbody tr:hover { background: #fff; }

	
div#container {
	width:950px;
	margin:0 auto;
	overflow:auto;
	background:#fff;}
	
div#logo {
	width:314px;
	height:108px;
	float:left;
	background:url(/images/logo.gif) no-repeat;}
	
div#user_panel {
	font-family:Georgia, sans-serif;
	font-size:16px;
	color:#5a5859;
	width:290px;
	padding:40px 30px 0 0;
	float:right;}
	
	.seperator {
		width:1px;
		height:21px;
		margin:0 10px 0 10px;
		float:left;
		background:#d7d7d7;}
		
		.user_panel_links {
			color:#7f7f7d;
			padding:2px 0 0 0;
			font-size:12px;
			float:left;}
			
			.user_panel_links a {
				color:#7f7f7d;
				text-decoration:none;}
				
				.user_panel_links a:hover {
					color:#7f7f7d;
					text-decoration:underline;}
				
div#menu {
	background:url(/images/nav_bg.gif) repeat-x;
	clear:both;
	height:93px;}
	
div#banner {
	width:950px;
	height:181px;
	background:url(/images/banner.jpg) no-repeat;}
	
	div#banner h2 {
		display:none;}
		
div#content {
	width:858px;
	margin:20px auto 0 auto;
	clear:both;}
	
.box_info {
	width:250px;
	line-height:18px;
	float:left;}
	
.box_info_middle {
	width:250px;
	line-height:18px;
	margin:0 55px 0 50px;
	float:left;}
	
	.header {
		font-family:Georgia, sans-serif;
		font-size:24px;
		color:#404042;
		padding:0 0 16px 0;
		margin:5px 0 0px 0;
		border-bottom:1px solid #d5d5d5;}
		
div#content_below {
	padding:40px 0 0 0;
	clear:both;}
	
div#left {
	width:516px;
	float:left;}
	
div#right {
	width:253px;
	float:right;}
	
	div#right img {
		margin:0 0 0 45px;}
	
.post {
	line-height:18px;
	padding:0 10px 10px 10px;}
		
div#footer {
	margin:50px 0 0 0;
	height:98px;
	background:#111111;
	clear:both;}
	
	.footer_text {
		padding:0 0 0 85px;
		line-height:98px;}
		
		.footer_text a {
			color:#595959;
			text-decoration:none;}
			
			.footer_text a:hover {
				color:#595959;
				text-decoration:underline;}
	
/* settings
----------------------------------------------- */

img {
	border:0;}

a.blue {
	font-family:Georgia, sans-serif;
	font-size:16px;
	color:#0267db;}

.left {
	float:left;}
	
.right {
	float:right;}


/*
	Octopus Computing Cascading Style Sheet
	Designed by: Panduka Senaka


	Table of Contents:
		layout
		settings
		navigation top
		navigation below
*/

/* navigation top
----------------------------------------------- */

#nav_top {
	list-style: none;
	margin: 0; padding:0 0 0 61px;}

#nav_top li {
	margin:0 5px 0 0;
	float: left;}
	
	#nav_top li span {
		display:none;}

/* navigation below
----------------------------------------------- */

#nav_below {
	list-style: none;
	margin: 0; padding:0 0 0 62px;
	clear:both;}

#nav_below li {
	float: left;}

#nav_below li a {
	width:111px;
	height:42px;
	line-height:42px;
	display: block;
	text-decoration:none;
	background:#06549f;
	text-align: center;
	color:#ddd;
}



#nav_below li a:hover {
	color:#fff;
	background:#054583;
	text-decoration:none;
}

#nav_below li div {
	width:111px;
	height:42px;
	line-height:42px;
	display: block;
	text-align: center;
	color:#fff;
	background:#054583;
	text-decoration:none;
}


