@charset "UTF-8";
/* CSS Document */

body{
/*	background:#E6E6E6;
    background:#CCDDEE;*/
    background:#999966;
	margin:0;
	font:12px/14px Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	}

img{
	border:0px;
	}	

.aboutustn img{
	border-style: solid; border-color: #333300; border-width: 1px 1px 1px 1px;
	margin:0px 8px 0px 0px;
	}	
a{
	text-decoration:none;
	color:#000000;
	}
a: visited, a:active{
	text-decoration:none;
	color:#000000;
	}	
a: hover{	
	color:#cccccc;
	}
.topnav a .topnav a: visited, .topnav a:active{
	text-decoration:none;
	color:#ffffff;
	font-weight:600;
	}
.topnav a: hover{	
	color:#cccccc;
	text-decoration:underline;
	}
	
.clear{
	clear:both;
	}
	
.container{
	background:#fff;
	margin:0px auto;
	}
.page_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: +2;
	font-weight:600;
	color:#333333;
	line-height:150%;	
}
.page_title a, .page_title a:visited, .page_title a:active {
    text-decoration: none;
	color: #333333;
}
.page_title a:hover{
    text-decoration: underline;
	color: #cccccc;
}
.breadcrumb	{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   line-height:125%;
   color:#666666;
   margin: 4px 0px 4px 12px;
}
.breadcrumb	a, .breadcrumb a:visited, .breadcrumba :active{
  color:#666666;
  text-decoration: none;
}
.breadcrumb a:hover{
 color:#333333;
   text-decoration: underline;
 
}
.author	{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height:125%;
   color:#000000;
}
.contactus{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:10px 0px 0px 0px;
}
.contactus a, .contactus a:visited, .contactus a:active{	
	text-decoration: underline;
	color: #cc6600;
	}
.contactus a:hover {
	color: #666666;
	text-decoration: none;	
	}
.servicelink a, .servicelink a:visited, .servicelink a:active{
    text-decoration:none;
}
.servicelink a:hover{
    text-decoration:underline;
	color: #666666;
}
.aboutus{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin:10px 0px 0px 0px;
}	
.aboutus a, .aboutus a:visited, .aboutus a:active{	
	text-decoration: underline;
	color: #3399cc;
	}
.aboutus a:hover {
	color: #666666;
	text-decoration: none;	
	}
.aboutus_header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight:600;
	
}	
.aboutus_header a, .aboutus_header a:visited, .aboutus_header a:active {
	text-decoration: none;
	color: #333333;
    font-weight:600;
}
.aboutus_header a:hover {
	color: #3399cc;
	text-decoration: none;	
	}
.contact_link{
	color: #333333;
}	
.contact_link a, .contact_link a:visited, .contact_link a:active{    
    text-decoration: underline;
	color: #333333;
}
.contact_link a:hover{
    text-decoration: none;
	color: #3399cc;
}		
.site-header{height: 185px; overflow: hidden;}

#leaderboard {width: 728px; height: 90px;}

.site-header .left{
	margin-left:15px;
	width:728px;
	float:left; 
	}
	
.site-header .right{
	margin-right:15px;
	xwidth:170px;
	float:right;
	}	


	
.site-header .identity{
	float:left;
	}
	
.site-header .identity, .site-header .local{
	padding-top:20px;
	}
	
.site-header .local{
	width:423px;
	float:right;
	}

.site-header .local .menu{
	/*border-bottom:1px #9fe8fc solid;*/
	padding-bottom:12px;
	}
	
.site-header .local .menu a{
	color:#ac0036;
	text-transform:uppercase;
	font: 12px/15px Helvetica, Arial, sans-serif;
	margin-left:28px;
	}

.site-header .local .menu a.first {
	margin-left:0px;
	}

.site-header .local .menu a:hover{
	color:#0089e7;
	}
	
.site-header .local .search{
	margin-top:5px;
	color:#a3a3a3;
	text-transform:uppercase; 
	}

.site-header .local .search form{
	display:inline;
	}

.site-header .local .search input.query{
	border:1px solid #b2b2b2;
	width:315px;
	height:17px;
	margin:0px 5px;
	padding-left:5px;
	}
	
.site-header .local .search input.submit{
	position:relative;
	top:7px;
	}
	
/*  NAVIGATION  */
	
.navigation{
	clear:both;
	}

.navigation div{
	padding:12px;
	font: 13px/15px Helvetica, Arial, sans-serif;
	}

.navigation a{
	color:#fff;
	text-transform:uppercase;
	padding:0px 16px;
	font: 12px/15px Helvetica, Arial, sans-serif;
	}
	
.navigation .dark{
	background:#3a8e1c;
	color:#6fc719;
	}
	
.navigation .dark a:hover, .navigation .dark a.on{
	color:#EFECCB;
	}	
	
.navigation .light{
	background:#6fc719;
	color:#3a8e1c;
	}

.navigation .light a:hover, .navigation .light a.on{
	color:#EFECCB;
	}	
		
/*  Content  */

.content{
	margin:30px 15px;
	}
	
.content .left{
	width:575px;
	float:left;
	padding-bottom:25px;
	}

.content .left a, .content .left a:visited {color: #0089E7; font-weight:> bold}

	
.content .right{
	width:300px;
	float:right;
	padding-bottom:25px; 
	}
	
.content .right .header, .content .left .more_articles, .content .left .story .header{
	text-transform:uppercase;
	font: 13px/15px Helvetica, Arial, sans-serif;	
	color:#2e912b;
	font-weight:bold;
	margin-bottom:10px;
	}

.content .right .header a, .content .right .header a:visited { color: #2E912B;}

.content .right form {margin: 0; padding: 0;}
	
.content .subheader{
	text-transform:uppercase;
	font: 11px/15px Helvetica, Arial, sans-serif;	
	color:#00365c;
	font-weight:bold;
	}
	
.content .right .query{
	width:100%;
	border:1px solid #b2b2b2;
	height:17px;
	margin:0px 0px 5px 0px;
	display:block;
	}
	
.content .right .check {
	float:left;
	margin: 0 10px 20px 0;
	clear:both;
	padding: 0;
	height: auto;
	}
.content .info{
	float:left;
	clear: right;
	width:100%;
	margin:5px 0;
	font-size: 11px;
	margin-bottom: 5px;
	}

.content .info .subheader{margin-right: 5px;}

	
.content .right label{
	float:left;
	width:260px;
	font: 11px/13px Helvetica, Arial, sans-serif;
	margin-bottom:15px;
	}

.content .right .signup{
	clear:both; margin-top: 5px;
	}

	
.content .right .bigbox{
	margin:15px 0;
	}
	
.content .right .tags, .content .right .articles, .content .left .more_articles, .content .right .blogs{
	border-top:7px #6fc719  solid;
	padding-top:12px;
	margin:15px 0px;
	}	
	
.content .right .tags a{
	font:11px/18px Helvetica, Arial, sans-serif;
	color:#ac0036;
	margin:0px 5px 0px 0px;
	}
	
.content .right .tags a:hover{
	color:#0089e7;
	}

.content .right .articles a, .content .left .more_articles a, .content .left .category a{
	display:block;
	font:12px/15px Helvetica, Arial, sans-serif;
	color:#00365c;
	margin:0px 5px 14px 0px;
	text-transform:none;
	}
	
.content .right .articles a:hover, .content .left .more_articles a:hover, .content .left .category a:hover{
	color:#ac0036;
	}

	
/*  Footer  */

.content .footer{
	clear:both;
	border-top:1px #e6e6e6 solid;
	padding-top:25px;
	color:#999999;
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;
	}
	
.content .footer .copy{
	float:left; 
	width:780px;
	}

.content .footer .identity{
	float:right
	}

.content .footer a{
	color:#006CB7;
	padding:0px 10px;
	}

.content .footer p a {padding: 0;}

.content .footer a:first-child{
	padding-left:0px;
	}
	
	
	
	
	
	
/* HOME CSS Document */

/* Article Hover */

.content .left .feature .teaser a:hover.headline, .content .right .blog-article a:hover.headline, .content .left .featured_articles .article a:hover.headline{
	color:#b31841;
	}

.content .left .feature{
	background-color:#1a7db0;
	margin-bottom:30px;
	height: 200px;
	}
	
.content .left .feature img{
	float:left;
	}
	
.content .left .feature .teaser{
	float:left;
	clear: right;
	width:255px;
	margin:21px 28px 0 28px;
	font: 12px/18px Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#fff;
	}
	
.content .left .feature .teaser a.headline{
	font-size: 21px;
	line-height: 25px; 
	font-family: Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
	}
	
.content .left .featured_articles .articles{
	float:left;
	width:398px;
	}


.content .left .featured_articles .articles .article {margin-bottom: 20px;}

.content .left .featured_articles .article img{
	float:left;
	border:1px #ccc solid;
	padding:2px;
	}
	
.content .left .featured_articles .article .teaser{
	float:left;
	width:245px;
	font: 12px/18px Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin-left:15px;
	}	

/* blog landing page and sidebar stuff */

	.content .left .blog-landing .articles{
		float:none;
		width:100%;
		}

	.content .left .blog-landing .article {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E6E6E6; min-height: 100%}

	.content .left .blog-landing .article .teaser{
		float:left;
		width:400px;
		font: 12px/18px Helvetica, Arial, sans-serif;
		font-weight:normal;
		margin-left:15px;
		}

.content .left .blog-landing .article .teaser a, .content .left .blog-landing .article .teaser a:visited  {color: #000000;}

.content .left .blog-landing .article .teaser a:hover {text-decoration: underline;}

.content .left .blog-landing .article .teaser a.headline, 	.content .left .blog-landing .article .teaser a.headline:visited {color: #2899D4;} 
	
.content .left .blog-landing .article .teaser a.headline:hover {color:#B31841}

	
	.content .left .blog-landing .article .teaser a.postheading {font-weight: bold; margin-right: 5px; font-size: 12px; display: block; margin-bottom: 5px;}	


.content .right .blog-article {
		background:#e5f0d4;
		height: 100%;
		margin-bottom: 10px;
		}

.content .right .blog-article img{
		padding:10px;
		border:0px;
		float: left;
		}

.content .right .blog-article .teaser{
	margin:10px 0 15px 0;	
	font:11px/18px Helvetica, Arial, sans-serif;
	width: 160px;
	float: left;
	}

.content .right .blog-article .tagline {color: #666666; margin-bottom: 5px; font-style: oblique;}

.content .right .blog-article .teaser a{color: #000000;}

.content .right .blog-article a.headline {
		font: 14px/18px Helvetica, Arial, sans-serif;
		color:#AC0036;
		font-weight:bold;
		text-transform:none;
		display:block;
		}

.content .right .blog-article a.postheading{
font-weight: bold; margin-right: 5px; font-size: 12px;	margin-top: 10px; padding-top: 10px; color: #2899d4; display: block; border-top: 1px solid #999999;
}

.content .right .blog-article a:hover {text-decoration: underline;}

.content .right .blog-article .teaser img{
			margin-right:7px;
			padding:0px;
			}
	


.content .left .featured_articles .article a.headline{
	font: 18px/21px Helvetica, Arial, sans-serif;
	color:#2899d4;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
	}

	
.content .left .more_articles{
	float:left;
	margin:0px 0px 0px 15px;
	width:159px;
	}

.content .left .more_articles a.full {color: #AC0036; text-transform: uppercase; font-size: 11px; font-weight: bold;}
.content .left .more_articles a:hover.full {text-decoration: underline;}

.content .left .more_articles .header{
	margin-bottom:15px;
	}

/*  ARTICLES BY CATEGORY */

.content .left .categories{
	margin:15px 35px;
	}

.content .left .category{
	border-top: 7px solid #e5f0d4;
	padding-top:12px;
	width:205px;
	float:left;
	margin-top:15px;
	min-height: 130px;
	}


.content .left .category.right{
	margin-left:90px;	
	min-height: 130px;
	}
	
.content .left .category .header{
	font: 13px/13px Helvetica, Arial, sans-serif;
	color:#6e4739;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
	}

	

/* ADS */
.content .left .ads{
	margin-top:15px;
	}
	
.content .left .ads span img {
	margin-left:43px;
	}
	
.content .left .ads span.first-button img{
	margin-left:0px;
	}
	
	
/* STORY */

.content .left h1{
	font:36px Helvetica, Arial, sans-serif;
	color:#0089e7;
	margin-top: 0;
	}

.content .left .story{
	font-size: 12px;
	line-height: 21px;
	}

.content .left .story .story_image {float: right; margin-left: 15px; color: #666666; margin-bottom: 15px;}
.content .left .story .story_image img {border: 1px solid #cccccc; padding: 2px;}
.content .left .story .story_image p {margin: 0; line-height: auto;}
.content .left .story .story_image .imgCredit {font-style: oblique; text-align: right; font-size: 10px;}
	
.content .left .story .bigbox{
	float:right; 
	margin:15px 0px 15px 15px;
	}
	
.content .left .story a, .content .left .story a:visited {
	color: #009CE7;
	font-weight: bold;
}	

.content .left .story a:hover {
	text-decoration: underline;
}

.content .left h2 {
	font-weight: normal;
	font-size: 18px;
	color: #A62B48;
}

.content .left #storytags {
font-size:10px; font-weight: bold; color: #333333;
}

.relatedbox {width: 325px; float: right; clear: right; margin: 10px 0 10px 15px; border-top: 7px solid #6FC719; padding-top: 5px;}
.relatedbox .header {padding-top: 12px;}
.relatedbox ul {padding-left: 15px;}
.relatedbox li {color: #6FC719; line-height:18px; margin-bottom:8px;}

.sharebox {}
.content .left .story_image .sharebox img {border: none}
.sharebox ul {margin: 0; padding: 0; text-align: right}
.sharebox ul li {list-style-type: none; display: inline; font-size: 10px;}
.sharebox ul li a {color: #999999}
.articlepaginate {margin-bottom: 10px;}
.bottom-paginate {text-align: right;}

/* comments */
#articlecomment {
margin:30px 0;
}
#articlecomment h2 {
	font-weight: normal;
	font-size: 18px;
	color: #A62B48;
}
#articlecomment #commentadd {
font-size:11px;
margin:10px 0pt;
font-weight: bold;
}
#articlecomment #commentadd:hover {
}
#articlecomment .commentheader {
color:#000000;
font-size:10px;
font-weight:bold;
margin:0pt 0pt 8px;
}
#articlecomment .commentheader a {
color:#06ACC6;
font-weight:bold;
}
#articlecomment .comment {
border-bottom:1px solid #CCCCCC;
color:#333333;
margin:0pt 0pt 15px;
padding:0pt 0pt 15px;
line-height: 18px;
}
#articlecomment .commentname {
color:#555555;
}
.commentform input, textarea {
color:#555555;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
margin-top:0pt;
padding:2px 5px;
}

/* archive */
.articlelist {
border-top:1px solid #EEEEEE;
clear:both;
font-size: 95%;
margin:10px 0 0 0;
min-height:80px;
padding:15px 15px 10px 0pt;
}

.articlelist img {
height:70px;
margin:0pt 10px 0pt 0pt;
padding:0pt;
width:70px;
}

.subscribe-page {background-color: #E5F0D4; padding: 10px; margin-top: 10px}

.subscribe-page div.col1 {width: 45%; float: left; clear: left; margin-right: 3%}
.subscribe-page div.col2 {width: 45%; float: right; clear: right}

.subscribe-page label {margin: 0 0 5px 0; display: block;text-transform:uppercase;
font: 11px/15px Helvetica, Arial, sans-serif;	
color:#00365c;
font-weight:bold;}
.subscribe-page input, .subscribe-page select {width: 200px; margin: 0 0 5px 0; display: block}
.subscribe-page input.check {float:left; margin: 0 5px 20px 0; clear:both; width: auto;}
.subscribe-page input.submitbut {float: none; width: auto; clear: both; display: block; margin-left: 60%; margin-top: 20px}

.articlelist h2 {margin: 0; line-height: 21px; font-size: 18px;} 
.articlelist h2 a, .articlelist h2 a:visited {font-weight: normal; font-family: Helvetica, Arial, sans-serif; color: #A62B48;} 
.articlelist h2 a:hover {color: #0089E7; text-decoration: underline;}

.rss-feedlist {margin-left: 0; padding-left: 0; margin-bottom: 40px;}
.rss-feedlist li {margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #e6e6e6; list-style-type: none;}
.rss-feedlist li a {margin-right: 10px;}

a.pgno {
	border:1px solid #b3b3b3;
	margin:3px;
	font-size: 100%;
	padding:4px;
	color: #006CB7;
	text-decoration: none;
}

#pgsel {
	border:1px solid #b3b3b3;
	margin:3px;
	font-size: 100%;
	padding:4px;
	color: #b3b3b3;
}





