/*

####################

####################



BLUE



305790 top bar (menu): dark blue

D7E1EB search bar: light blue

F6F6F6 general bars: light gray

000000 block head: black



-------LEFT:

D7E1EB column left background: light blue

305790 main categories: dark blue

305790 more options: dark blue

305790 subscription: dark blue



-------RIGHT:

D7E1EB column right background: light blue

305790 welcome: dark blue

305790 random: dark blue

305790 stats:  dark blue



####################

IF YOU MAKE CHANGES:



- create a copy of this file first so you can recover if your changes do not work as expected

- view the source code to the part of the page you want to change and find the name of the class, then locate it here in the style sheet 

- do not make a lot of changes at once... go one at a time and check to see the effect on the appearance of your site

- after making a change and uploading to your site, REFRESH your browser to force it to load the new style sheet



####################

####################

*/



body {

	margin:0; 

	font-family: Trebuchet MS, Arial, sans-serif;

	font-size: 11px; 

	min-width: 550px;

	COLOR: #999999; 

	line-height:100%;

}	  

select	{ 

	font-size: 11px; 

	color: #444444; 

	background: #ffffff; 

	border: solid 1px; 

	border-color: #aaaaaa; 

}

.adwords_style {

	FONT-SIZE: 9px; 

	COLOR : #146EA4; 

	TEXT-DECORATION: none;

}

.adwords_style:a:hover {

	FONT-SIZE: 9px; 

	COLOR : #DDB000; 

	TEXT-DECORATION: underline;

}

.author_text { 

	FONT-SIZE: 11px;
	text-align: justify; 

}

A {

	COLOR: #305790; 

	TEXT-DECORATION: underline;

}

A:hover {

	COLOR: #000000; 

	TEXT-DECORATION: none

}

h1{

	font-size: 18px;

	font-weight: bold;

	text-align: center;

}

h2{

	font-size: 14px;

	font-weight: bold;

	font-style: italic;

}

.txt {

	font-size: 11px;

	border: 1px solid #C0C0C0;

	font-weight: bold;

	background-color: #FFFFFF;

	color: #000000;

	vertical-align: middle;

}

.btn {

	font-size: 11px;

	border: 1px solid #305790;

	font-weight: bold;

	background-color: #DDDDDD;

	color: #305790;

	vertical-align: middle;

}

.cls_default{

	font-size:12px;

	text-align: justify; 

}

.cls1 {

	font-size:10px;

	text-align: justify; 

}

.cls2 {

	font-size:12px;

	text-align: justify; 

}

.cls3 {

	font-size:13px;

	text-align: justify; 

}

.cls4 {

	font-size:14px;

	text-align: justify; 

}

.btncls {

	border:0px solid black;

	cursor:pointer;

}

TD { 

	FONT-SIZE: 11px; 

	COLOR: #555555; 

}

.htext {

	FONT-WEIGHT: bold; 

	FONT-SIZE: 10px; 

	COLOR: #FFFFFF; 

	TEXT-DECORATION: underline;

}

.htext:a:hover {

	FONT-WEIGHT: bold; 

	FONT-SIZE: 10px; 

	COLOR : #23B0FC; 

	TEXT-DECORATION: none;

}

.smp { 

	font-size:12px;

	color:black;

}

.flat { 

	border:white solid 0px;

	background-color:transparent;

	font-size:13px;

	color:black;

}

.mini {

	border-right:#f5f5f5 solid 2px;

	border-bottom:#f5f5f5 solid 2px; 

	border-top:gray solid 1px;

	border-left:gray solid 1px; 

	padding:.2em;

	font-size:13px;

	color:gray;

}

.minb {

	border-right:#cccccc solid 2px;

	border-bottom:#cccccc solid 2px; 

	border-top:#f5f5f5 solid 1px;

	border-left:#f5f5f5 solid 1px; 

	font-size:13px;

	background-color:white;

	cursor:default;

}

.mi{

	width:16px;

	height:16px;

}

.wlink {

	color:white;

}

.video {

   	border-right:#305790 solid 4px;

	border-bottom:#305790 solid 4px; 

	border-top:#305790 solid 4px;

	border-left:#305790 solid 4px; 

	background-color:white;

}

/*

########## NEW STYLES ##########

*/

#container{

	width: 100%;

	margin: 0px;

}

#leftcolumn { width: 300px; border: 1px solid red; float: left; display:inline;}
#rightcolumn { width: 300px; border: 1px solid red; float: right;}

/*

################################ 

TOP HEADER

################################ 

*/



.heading{

	width: 100%; 

	margin: 0px;

}

#logo{

	width: 300px;

	margin: 0px;

}

#header{

	font-size: 16px;

	font-weight: bold;

	text-align: center;

	vertical-align: middle;

}

#title{

	width: auto;

	font-size: 16px;

	font-weight: bold;

	text-align: center;

	vertical-align: middle;

	margin: 0px;

}

#welcome_top{

	width: 250px;

	font-size: 12px;

	text-align: center;

	vertical-align: middle;

	color: #305790;

	font-weight: bold;

	margin: 0px;

}

.welcomeSm, A.welcomeSm{

	font-size: 9px;

	font-weight: normal;

}

/*

################################ 

TOP LINK BAR 

################################ 

*/

.topbar_table{

	margin: 0px;

	height: 24px;

	border: 0px;

	width: 100%;

	background-color: #305790;

	color: #FFFFFF;

	font-size: 12px;

}

.topbar_contents{

	padding: 0px 0px 0px 0px;

	color: #FFFFFF;

	vertical-align: middle;

	font-size: 12px;

	font-weight: bold;

	text-align: center;

}

.topbar_sep{

	padding: 0px 0px 0px 0px;

	color: #FFFFFF;

	vertical-align: middle;

	font-size: 12px;

	background-image: url(../images/sep_menu_gray.gif);

	background-repeat: no-repeat;

}

.topbar_end{

	padding: 0px 0px 0px 0px;

	color: #FFFFFF;

	vertical-align: middle;

	font-size: 12px;

}

.topbar_contents a{

	color: #FFFFFF;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

}

.topbar_contents a:hover{

	color: #00FFFF;

	font-size: 12px;

	font-weight: bold;

	text-decoration: underline;

}



/*

################################ 

BOTTOM LINK BAR 

################################ 

*/

.bottombar{

	color: #CCCCCC;

	background-color: #305790;

	height: 18px;

	font-size: 12px;

	padding-top: 4px;

	padding-bottom: 0px;

	padding-right: 15px;

	padding-left: 15px;

}

.bottombar A{

	color: #CCCCCC;

	text-decoration: underline;

}

.bottombar A:hover{

	COLOR: #23B0FC; 

	text-decoration: none;

}

.cookies{

	float: right;

}

.powered{

	float: left;

}



/*

################################ 

FOOTER 

################################ 

*/

.footer{

	color: #666666;

	background-color: #FFFFFF;

	font-size: 12px;

	text-align: center;

}

.footer A{

	color: #666666;

}

/*

################################ 

BLOCKS

################################ 

*/

.welcome_msg{

	font-size: 16px;

	color: #305790;

	font-weight: normal;

}

.block_background{

	background-color: #FFFFFF;

}

.block_background_left{

	background-color: #D7E1EB;

	margin: 0px; 

	text-align: center;

	padding-left: 2px;

	padding-right: 2px;

}

.block_background_center{

	background-color: #FFFFFF;

	margin: 0px; 

	padding-left: 20px;

	padding-right: 20px;

}

.block_background_right{

	background-color: #D7E1EB;

	margin: 0px; 

	text-align: center;

	padding-left: 2px;

	padding-right: 2px;

}

.center_block_background{

	background-color: #D7E1EB;

}

.center_block_background_search{

	background-color: #D7E1EB;

}

.block_table{

	width: 90%;

	background-color: #FFFFFF;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 5%; 

	margin-right: 5%;

}

.block_head, .block_head A, .block_head:visited{

	background-color: #000000;

	color: #FFFFFF;

	font-size: 12px;

	padding: 8px;

}

/* ### */

.block_table_most_viewed{

	width: 100%;

	padding: 0px;

	margin-top: 20px;

}

.block_head_most_viewed, .block_head_most_viewed TD{

	background-color: #F9F9F9;

	border: 1px solid #F9F9F9;

	color: #146EA4;

	font-size: 14px;

	font-weight: bold;

}

.block_content_most_viewed, .block_content_most_viewed A, .block_content_most_viewed A:visited{

	color: #999999;

	background-color: #FFFFFF;

	text-decoration: none;

}

.block_content_most_viewed A:hover{

	color: #000000;

	text-decoration: underline;

}

/* ### */

.block_table_most_recent{

	width: 100%;

	padding: 0px;

	margin-top: 20px;

}

.block_head_most_recent, .block_head_most_recent TD{

	background-color: #F9F9F9;

	border: 1px solid #F9F9F9;

	color: #146EA4;

	font-size: 14px;

	font-weight: bold;

}

.block_content_most_recent, .block_content_most_recent A, .block_content_most_recent A:visited{

	color: #999999;

	background-color: #FFFFFF;

	text-decoration: none;

}

.block_content_most_recent A:hover{

	color: #000000;

	text-decoration: underline;

}

/* ### THIS IS FOR LOGIN MESSAGES ### */

.block_table_welcome{

	width: 90%;

	background-color: #DDDDDD;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 4%; 

	margin-right: 4%;

}

.block_head_welcome{

	font-family: Trebuchet MS, Arial, sans-serif;

	background-color: #305790;

	color: #FFFFFF;

	font-size: 14px;

	padding: 4px;

	text-align: center;

	font-weight: bold;

}

.block_content_welcome{

	color: #999999;

	background-color: #FFFFFF;

	font-size: 13px;

	padding: 10px;

}

.block_content_welcome A, .block_content_welcome A:visited{

	text-decoration: underline;

}

.block_content_welcome A:hover{

	color: #000000;

	text-decoration: none;

}

/* ### */

.block_table_ad{

	width: 90%;

	background-color: #DDDDDD;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 4%; 

	margin-right: 4%;

}

.block_head_ad{

	background-color: #305790;

	color: #FFFFFF;

	font-size: 14px;

	padding: 4px;

	text-align: center;

	font-weight: bold;

}

.block_content_ad{

	background-color: #FFFFFF;

	text-align: center;

}



/* ### */

.block_table_comment{

	width: 100%;

	background-color: #D7E1EB;

	border: 1px solid #D7E1EB;

	padding: 0px;

	color: #000000;

	margin-top: 20px;

}

.block_head_comment, .block_head_comment TD{

	font-family: Trebuchet MS, Arial, sans-serif;

	background-color: #D7E1EB;

	border: 1px solid #D7E1EB;

	color: #000000;

	font-size: 14px;

	font-weight: bold;

}

.block_form_comment{

	color: #999999;

	background-color: #F9F9F9;

	text-decoration: none;

}

.block_content_comment, .block_content_comment A, .block_content_comment A:visited{

	color: #999999;

	background-color: #FFFFFF;

	text-decoration: none;

}

.block_content_comment A:hover{

	color: #000000;

	text-decoration: underline;

}

/*

######

*/

.block_table_main{

	width: 90%;

	background-color: #DDDDDD;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 4%; 

	margin-right: 4%;

}

.block_head_main{

	font-family: Trebuchet MS, Arial, sans-serif;

	background-color: #305790;

	color: #FFFFFF;

	font-size: 14px;

	padding: 4px;

	text-align: center;

	font-weight: bold;

}

.block_table_more{

	width: 90%;

	background-color: #DDDDDD;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 4%; 

	margin-right: 4%;

}

.block_head_more{

	font-family: Trebuchet MS, Arial, sans-serif;

	background-color: #305790;

	color: #FFFFFF;

	font-size: 14px;

	padding: 4px;

	text-align: center;

	font-weight: bold;

}

.block_table_sub{

	width: 90%;

	background-color: #DDDDDD;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 4%; 

	margin-right: 4%;

}

.block_head_sub{

	font-family: Trebuchet MS, Arial, sans-serif;

	background-color: #305790;

	color: #FFFFFF;

	font-size: 14px;

	padding: 4px;

	text-align: center;

	font-weight: bold;

}

.block_table_random{

	width: 90%;

	background-color: #DDDDDD;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 4%; 

	margin-right: 4%;

}

.block_head_random{

	background-color: #305790;

	color: #FFFFFF;

	font-size: 14px;

	padding: 4px;

	text-align: center;

	font-weight: bold;

}

.block_table_stats{

	width: 90%;

	background-color: #DDDDDD;

	border: 1px solid #D7E1EB;

	padding: 0px;

	margin-left: 4%; 

	margin-right: 4%;

}

.block_head_stats{

	background-color: #305790;

	color: #FFFFFF;

	font-size: 14px;

	padding: 4px;

	text-align: center;

	font-weight: bold;

}





/*

######

*/

.block_sub, .block_sub TD{

	background-color: #F6F6F6;

	padding: 8px;

}

.block_sub_featured, .block_sub_featured TD{

	background-color: #D7E1EB;

	padding: 4px;

}

.block_sub_recent, .block_sub_recent TD{

	background-color: #D7E1EB;

	padding: 4px;

}

.block_content, .block_content A, .block_content A:visited{

	background-color: #FFFFFF;

	padding: 3px 8px 3px 8px;

	font-size: 12px;

	font-weight: normal;

	border: 0px;

	text-decoration: none;

}

.block_alt{

	background-color: #F6F6F6;

	padding: 8px;

}

.block_head_sm, .block_head_sm A, .block_head_sm:visited{

	background-color: #999999;

	color: #FFFFFF;

	font-size: 10px;

	padding: 2px;

}

/* *** */

.block_sub_shortbio, .block_sub_shortbio TD{

	background-color: #F9F9F9;

	padding: 4px;

}

.block_head_sm_shortbio, .block_head_sm_shortbio A, .block_head_sm_shortbio A:visited{

	background-color: #F9F9F9;

	color: #305790;

	font-size: 10px;

	padding: 2px;

}

.block_head_sm_shortbio A:hover{

	color: #000000;

}

/* *** */

.block_subcat{

	margin: 0px;

	float: left;

	height: 24px;

	white-space: nowrap;

}



/*

################################ 

BULLETS

################################ 

*/

.bullet1{

	color: #23B0FC;

	font-weight: bold;

}



/*

################################ 

FORMS

################################ 

*/

.form_table{

	width: 90%;

	background-color: #EEEEEE;

	border: 1px solid #DDDDDD;

	margin-left: 5%; 

	margin-right: 5%;

}

.form_label{

	background-color: #FFFFFF;

	padding: 8px;

}

.form_field{

	background-color: #F9F9F9;

	padding: 8px;

}

.search_box{

	font-size: 11px;

	width: 200px;

	height: 20px;

	border: 1px solid #350790;

	font-weight: normal;

	background-color: #FFFFFF;

	color: #999999;

	vertical-align: middle;
    
}

/*

################################ 

ARTICLES

################################ 

*/

.table_article{

	width: 100%;

	font-size: 12px;

}

.art_table{

	width: 100%;

}

.art_pagination1{

	width: 100%;

	text-align: right;

}

.art_pagination2{

	width: 100%;

	text-align: center;

	background-color: #EFEFEF;

}

/*

################################ 

MISC

################################ 

*/

.rating_box{

	width:100%;

	BORDER: 1px dotted #F9F9F9; 

	PADDING: 6px; 

	BACKGROUND-COLOR: #F9F9F9; 

}

.separator1{

	color: #305790;

	margin-bottom: 8px;

	height: 1px;

}

.published_row A,.published_row A:visited{

	text-decoration: none;

}

.published_row A:hover{

	color: #000000;

	text-decoration: underline;

}

.invalid{

	color: #660000;

	text-align: center;

	padding: 25px;

	font-size: 18px;

	font-weight: bold;

	line-height: 200%;

}

/*

################################ 

MESSAGES

################################ 

*/

#response_wrapper{

	text-align: center;

	margin-top: 50px;

	margin-left: auto;

	margin-right: auto;

}

.response_type_0{

	color: #000000;

	width: 400px;

	padding: 75px;

}

.response_type_1{

	color: #FFFFFF;

	background-color: #006600;

	padding: 75px;

}

.response_type_2{

	color: #000000;

	background-color: #FFFF00;

	padding: 75px;

}

.response_type_3{

	color: #FFFFFF;

	background-color: #AF0000;

	padding: 75px;

}

.response_title{

	font-size: 24px;

	font-weight: bold;

	padding-bottom: 40px;

}

.response_message{

	font-size: 18px;

	font-weight: bold;

}

.response_link{

	font-size: 14px;

	font-weight: bold;

	background-color: #FFFFFF;

	margin: 50px;

}

.message{

	font-size: 16px;

	font-weight: bold;

	text-align: center;

	margin: 20px;



}

/* ### */

.good{

	color: #000000;

	background-color: #BFDEBD;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	width: 95%;

	padding: 20px;

}

.bad{

	color: #000000;

	background-color: #FFE4E1;

	font-size: 14px;

	font-weight: bold;

	text-align: center;

	width: 95%;

	padding: 20px;

}

.image_upload{

	background-color: #FFFFFF;

}

.ad_article_internal_stack{

	float: left;

	height: 200px;

	width: 0px;

	clear: left;

}

.ad_article_internal{

	float: left;

	width: 275px;

	margin: 10px 10px 10px 0px;

	clear: left;

}