@import "css/content.css";

/* Main content */ 
body {
	margin:0px; 
	padding:0px; 
	background:#000;
	font-family:Tahoma, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#FFF;
} 

.cls {clear:both; height:0px; overflow:hidden;} 

div#sidebar{
	position:absolute;
	top: 450px;
	left: 10px;
	width: 110px;
	height: 300px;
	overflow: visible;
}

#menu {
	width:760px; 
	height:50px; 
	margin:10px auto 0;
}
  
/* Header(s) */

#header {
	height:80px; 
	background:url(images/bg_black.jpg) repeat-x;
}

/* Logo(s) */

#logo {
	height:105px; 
	width:760px; 
	margin:0px auto; 
	background:url(images/logo.png) 30px 10px no-repeat;
}

#logo a {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#logo a:hover {
	color:#33FF00;
	text-decoration:underline;
}

#logo_blog {
	height:50px; 
	width:760px; 
	margin:0px auto; 
	background:url(images/blog.png) top center no-repeat;
	text-align: right;
}
   
/* Sub_Header */

#bg_subheader {
	height:234px; 
	background-color:#000;
	border-bottom:#8C8172 2px solid;
} 

#subheader {
	height:174px; 
	background:url(images/j_logo.jpg) right bottom no-repeat; 
	width:450px; 
	margin:0px auto; 
	padding:30px 330px 30px 30px;
} 

#subheader h1 {
	margin:0px; 
	padding:0px 0px 10px 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:22px; 
	font-weight:normal; 
	color:#33FF00;
} 

#subheader h1 span {
	color:#ccc;
	font-size:34px;
	font-weight:bold;
}

#subheader h3 span {
	color:#ccc;
	font-size:28px;
} 
	
#subheader p {
	margin: 0;
	padding: 2px;
	font: 16px/20px Georgia, "Times New Roman", Times, serif;
}  
	
/* Main content */

#bg_content {
	background:#000;
	padding:10px 0 15px 0; 
	width:100%;
}

	 
#content{
	width:760px; 
	margin:0px auto;
	min-height: 150px;
}

.simple {
	background:url(images/simple.png) no-repeat center;
}

.left {
	width: 49%;
	float: left;
}

.right {
	width: 49%;
	float: right;
}

.left p, .right p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCC;
}

.left p span, .right p span {
	color:#3F0;
	font-size:16px;
}

.left_wide {
	width: 70%;
	float: left;
}

.right_narrow {
	width: 29%;
	float:right;
}

#blog {
	width:760px; 
	margin:0px auto;
	background:FFFFFF;
}
	 
/* Footer */ 
		
#page_footer {
		width:760px; 
		margin:0px auto; 
		text-align:center; 
		font-size:11px; 
		color:#CAB5B0; 
		padding:0px 0px 25px 0px;} 
		
#page_footer ul {
		margin:20px 0px 10px 0px;
		 padding:0px; 
		 list-style:none;}
		 
#page_footer li {
		  margin:0px 0px 0px 2px; 
		  padding:0px; 
		  display:inline;
		  } 
		  
#page_footer li a {
		  font-size:11px; 
		  color:#F2F2F2; 
		  text-decoration:none;
} 

#page_footer li a:hover {
		  text-decoration:underline;
}

#page_footer a {
		  font-size:11px; 
		  color:#CAB5B0; 
		  text-decoration:none;
} 
		  
#page_footer a:hover {
	text-decoration:underline;
}

#clear {
	clear: both;
}

.image {
	border-width: 1;
	border-color: black;
	border-style: solid;
	margin: 5;
}

td {
	font-size: 10px;
	padding: 10px 5px;
}

a, a:visited {
	color:#999;
	text-decoration:underline;
	font-size: 16px;
}

a:hover {
	color:#3F0;
	text-decoration:none;
	font-weight:bold;
}