/*
960px grid system ~ Core CSS.
12 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/

Created by the Grid System Generator - v1.02
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_12
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
/* can add bg color for whole page here -> background-color:#cccccc;
background-color:#e2e2e4;*/
}

.container_12-2
{
	margin-left: auto;
	margin-right: auto;
	width: auto;
/* can add bg color for whole page here -> background-color:#cccccc;
background-color:#e2e2e4;*/
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_3 {width: 220px;}
.container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;}
.container_12 .grid_6 {width: 460px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_9 {width: 700px;}
.container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;}
.container_12 .grid_12 {width: 940px;}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left: 80px;}
.container_12 .prefix_2 {padding-left: 160px;}
.container_12 .prefix_3 {padding-left: 240px;}
.container_12 .prefix_4 {padding-left: 320px;}
.container_12 .prefix_5 {padding-left: 400px;}
.container_12 .prefix_6 {padding-left: 480px;}
.container_12 .prefix_7 {padding-left: 560px;}
.container_12 .prefix_8 {padding-left: 640px;}
.container_12 .prefix_9 {padding-left: 720px;}
.container_12 .prefix_10 {padding-left: 800px;}
.container_12 .prefix_11 {padding-left: 880px;}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right: 80px;}
.container_12 .suffix_2 {padding-right: 160px;}
.container_12 .suffix_3 {padding-right: 240px;}
.container_12 .suffix_4 {padding-right: 320px;}
.container_12 .suffix_5 {padding-right: 400px;}
.container_12 .suffix_6 {padding-right: 480px;}
.container_12 .suffix_7 {padding-right: 560px;}
.container_12 .suffix_8 {padding-right: 640px;}
.container_12 .suffix_9 {padding-right: 720px;}
.container_12 .suffix_10 {padding-right: 800px;}
.container_12 .suffix_11 {padding-right: 880px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

#header{
/* insert sliced image of gradient header background*/
background-color: transparent;
color: white;
background:url(../images/TitleandTagline.png) no-repeat top left;
height: 205px;
width: 940px;
margin-top: -20px;
padding-bottom: 20px;
}

#nav{
/*background-color: #b4b4b4;*/
background-color: transparent;
margin-top: -40px;
}

#topAdds{
background-color: olive;
}

#mainContent{
background-color: transparent;
padding: 30px 30px 0px 30px;
/*min-height: 500px;*/
color: black;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#feedContent{
float: right;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 45px 0px 0px;
color: black;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#b4b4b4;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#000000;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(images/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
	color: black;
}

li {
list-style:none;
background:url(../images/list_item.gif) no-repeat 0 5px;
/*border-bottom:1px dotted #b2c56f;*/
color:#fff;
font-size:11px;
width:100px;
padding:0 0 5px 7px
}  

#logo {
color:#000000;
padding:30px 0 0 180px
}

#logo_title {
font-family:space age, georgia, tahoma, arial narrow, arial;
font-size:46px;
font-weight:400;
text-transform:uppercase;
letter-spacing:2px;
border-bottom:1px solid #7ea3ac;
padding-top: 30px;
width:260px;

}

#logo_slogan {
font-size:20px;
font-family:tahoma, arial
}

#rightBuffer{
background-color: transparent;
min-height: 750px;
}

#loadarea{
background-color: transparent;
padding-top: 50px;
min-height" 300px;

}

#leftBuffer{
background-color: transparent;
margin-top: -10px;
}

#footer{
margin-top: 2px;
background-color: transparent;
color: black;
}

.box2 { 
  background: #ffffff; 
}
.boxtop2 { 
  background: url(../images/bne_02.png) no-repeat top right; 
}
.boxtop2 div { 
  font-size: 0;
  height: 30px; 
  background: url(../images/bnw_02.png) no-repeat top left; 
}
.boxbottom2 { 
  background: url(../images/bse_02.png) no-repeat bottom right; 
}
.boxbottom2 div { 
  font-size: 0;
  height: 30px; 
  background: url(../images/bsw_02.png) no-repeat bottom left; 
}
.boxcontent2 {
  padding: 0px 0px 0px 0px;
}

h5{
font-size: 7pt;
}

	body {
		margin: 0px;
		padding: 0px;
		background: url(../images/background.png) repeat-y;
		position: absolute;
		width: 100%;
		height: 100%;
		
	}

	#canvas {
		position:absolute;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		background: transparent;
		overflow: hidden;
	}
	#canvas img {
		position: absolute;
		background: #666;
		overflow: hidden;
		cursor: pointer;
		left: 100%;
		border-color: #000;
		border-style: solid;
		border-width: 1px;
		-ms-interpolation-mode:nearest-neighbor;
	}
	#canvas span {
		position: absolute;
		color: #9C9;
		font-family: 'courier new', typewriter, matrix, monospace;
		font-size: 0px;
		white-space: nowrap;
		left: -1000px;
		background: transparent;
		filter: alpha(opacity=90);
		opacity: 0.9;
	}

div.feedburnerFeedBlock {
border:2px solid #ddd; 
background-color: transparent;
padding:1px;
margin: 0px 0px 0px 0px;
color: black;
}

div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
display:block;
margin:12px 0 0 0; 
}

div.feedburnerFeedBlock div{
color: black;
width:300px;
}

div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none
}