body {
		font-family:arial, helvetica, sans-serif;
		font-size:.84em;
		line-height:.84em;
		color:#333;
		margin:0;
		padding:0;
		background:#fff;
	}
	body.content p {
		font-size:1em;
		line-height:1.3em;
	}
	a, a:link, a:active, a:visited {
		color:#333;
		text-decoration:none;
	}
	a:hover {
		color:#ff3300;
	}
	img {
		border:none;
	}
	#container {
		width:100%;
		position:relative;
	}

/* header */
#header .floatLeft { float: left;}
#header .floatRight { float: right;}
#header .clear { clear: both; height: 0px; overflow: hidden;}
#header {
	background-color: #3F85B9; /* this controls the outer layer background color */
	z-index: 3 ;
}
#header .innerHeader { height: 62px; width: 1000px; margin: 0px auto; background-color: #3F85B9; /* this should be the same as the one above, this controls the inside layer BG color */}
#header .innerHeader ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: inside;}
#header .innerHeader .logoLoc { 
width: 168px; /* this should be equal to the image's width */
height: 62px; /* this is the max height allowed, everything bigger will mess up the menu */ 
display: block !important; /* display: none = the element is invisible, display: block = the element is visible, please leave the important declaration there. */
margin-right: 15px; display: inline;}
#header .innerHeader .logoLoc img { display: block;}
#header .innerHeader .mainLinks { height: 40px; margin-top: 22px; /* this calculates the entire width of the UL, the height sets the actual height and the margin top is the difference. Height + Margin Top = 62px; change accordingly to match this rule */}
#header .innerHeader .mainLinks li { float: left; margin-left: 10px; display: inline;}
#header .innerHeader .mainLinks li.first{ margin-left: 0px;}
#header .innerHeader .mainLinks li a { float: left; padding:0px 5px; display: block; font-weight: bold;
line-height: 40px; height: 40px; /* line height must be equal to the height and must be equal to the height from the above rule */
color: #333333; /* This changes the color of the links this must be the same to the one in the rule below*/
font-size: 14px; /* this is the font size of the main links */
font-family: Arial, Helvetica, Verdana; /* this changes the font family */
background-color: #c0c0c0; /* this changes the default BG color for the main links */} 

#header .innerHeader .mainLinks li a:link, #header .innerHeader .mainLinks li a:active, #header .innerHeader .mainLinks li a:visited { text-decoration: none; color: #333333 /* this must be equal to the color above */;}
#header .innerHeader .mainLinks li a span { display: block; float: left; cursor: pointer;}
#header .innerHeader .mainLinks li a img { display: inline; float: left; padding-top: 5px; margin-right: 5px;}

#header .innerHeader .mainLinks li a:hover, #header .innerHeader .mainLinks li a:focus { 
color: #1313e0; /* this is the color of the link when is hovered or focused on */
text-decoration: none; 
background-color: #ffffff; /* the BG color of the active */ }

#header .innerHeader .sideLinks { height: 30px; margin-top: 32px; float: left !important; margin-left: 20px;}
#header .innerHeader .sideLinks li { float: left; margin-left: 4px; display: inline;}
#header .innerHeader .sideLinks li.first { margin-left: 0px;}

#header .innerHeader .sideLinks li a { line-height: 30px; padding: 0px 5px; display: block; font-weight: bold;
font-size: 12px; /* font size of the side links on the right side */
font-family: Arial, Helvetica, Verdana; /* font-family of the side links on the right side */
color: #fff; /* color of the side links */
}

#header .innerHeader .sideLinks li a:active, #header .innerHeader .sideLinks li a:link, #header .innerHeader .sideLinks li a:visited { 
color: #fff; /* this has to be the same of the color of the link above */
text-decoration: none;}

#header .innerHeader .sideLinks li a:hover, #header .innerHeader .sideLinks li a:focus { 
color: #1313e0; /* color of the side links when is hovered or focused on */
text-decoration: none;}

/* content */

	#headlines {
		margin:0 auto;
		width: 920px;
	
	}
	.content #headlines {
		width:720px;
		padding:1em 200px 200px 20px;
	}
	.content a {
		text-decoration:underline;
	}
	h3 {
		font-weight:normal;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:.95em;
		line-height:1.3em;
		padding:0;
		margin:0;
		display:inline;
	}
	.content h3 {
		font-weight:normal;
		font-size:1.2em;
		line-height:1.3em;
		padding:0;
		margin:0;
	}
	div.new {
		font-size:9px;
		color:#ff3300;
		font-weight:bold;
		text-transform:uppercase;
		display:inline;
		margin-left:.5em;
	}
	#headlines ul {
		margin:.5em 0;
		padding:0;
		list-style:none;
}
	#headlines li {
		line-height:1em;
		padding:3px 0 2px 0;
		margin:3px 0;
	}
	#headlines li.category h2 {
	font-size:0.9em;
	letter-spacing:0.15em;
	margin:1em 2em 0 0;
	padding:.5em 0;
	color:#3F85B9;
	text-transform:uppercase;
	border-bottom:1px solid #bebebe;
	}
	#headlines li.description {
		font-size:.84em;
		line-height:1em;
		border:none;
	}
	ul#deck li ul.sites,
	ul#deck2 li ul.sites {
		font-size:1.1em;
		padding:0 2em 1em .5em;
	}
	ul.sites li a, 
	ul.sites li a:link, 
	ul.sites li a:active, 
	ul.sites li a:visited {
		padding:2px 5px;
	}
	ul.sites li a:hover {
		color:#ff3300;
		padding:2px 5px;
		background:#ffeee9;
	}
	.full-post {
		display:none;
	}
	.favicon {
		float:left;
		margin-left:-20px; /* done this way because of the ie position bug */
	}
	.row-clear {
		clear:left;
		width:100%;
		height:0;
		overflow:hidden;
	}
	
/* deck */

ul#deck,
ul#deck2 {
	width:920px;
	margin:0;
}
ul#deck li.category,
ul#deck2 li.category {
	width: 180px;
	margin:0;
	padding:0;
	float:left;
}
ul#deck ul
ul#deck2 ul {
	width: 160px;
	margin:0;
	padding:0;
	display:inline;
}
p.description {
	display:none;
}
	
/* miscellaneous */

	.clear {
		clear:left;
	}
	.half {
		width:48%;
	}
	.left {
		float:left !important;
	}
	.right {
		float:right !important;
	}
	.center {
		text-align:center !important;
	}
	.inline {
		display:inline;
	}
	.hide {
		display:none;
	}
	.show {
		display:block;
	}
	h3.subtitles {
		color:#545454;
		margin-left:2px;
		clear:left;
	}
	.pushed {
		bottom:-4em;
	}

	/* Tool tips */
	.tool-tip {
		color: #333;
		width: 200px;
		border:1px solid #bebebe;
		z-index: 13000;
	}
	.tool-tip div.bound {
		max-height:205px;
		_height:205px;
		overflow:hidden;
	}
	.tool-title {
		font-weight: bold;
		font-size: 1em;
		margin: 0;
		color: #717171;
		padding: 8px 15px;
		background: #f0f0f0;
	}
	.tool-text {
		font-size:.85em;
		line-height:1.4em;
		padding: 0 15px 15px 15px;
		background: #f0f0f0;
	}
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
	
	
#rightbar {
	position: fixed;
	top: 0;
	right: 0;
	width: 200px;
	height: 100%;
	background-color: #3F85B9;	
}

	#rightbar .rightpod {
		width: 195px;
		margin: 5px;
		background: #ddd;
	}
	
		#rightbar .rightpod.small {
			height: 150px;
		}
		
		#rightbar .rightpod.large {
			height: 400px;
		}

#NewsVertical {
	width:190px;
	height:400px;
	display:block;
	overflow:hidden;
	position:relative;
}


#TickerVertical {
	width:190px;
	height:400px;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

#TickerVertical li {
	display:block;
	width:178px;
	color:#333333;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:6px;
	float:left;
}

#TickerVertical li .NewsTitle{
	display:block;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}

#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
	display:block;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:none;
}

#TickerVertical li .NewsTitle a:hover {
	text-decoration:underline;
}

#TickerVertical li .NewsFooter{
	display:block;
	color:#000000;
	font-size:10px;
	margin:6px 0 14px 0;
}