
body {
	background: #FFFFFF;
	margin: auto;
	text-align: left;
	font-family: Verdana,sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: normal;
}

.ulhide
{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding: 0px;	
}

.ulhide2
{
	list-style:none;
	margin-left:20px;
	padding:5px;
	
}


p {margin:0px;padding:0px}

h3 {font-family: Verdana, sans-serif;size: 22px;color: #22AFCB}

img {border:0px;}

.off { background-color:#FFFFFF; } 

.on { background-color:#e7e4df; 	cursor: pointer; cursor: hand; } 

.li_link{color:#fa2e0f;list-style-position: outside; list-style-image: url(../images/arrow_blue.jpg); list-style-type: square;padding: 0px 0px 2px 0px; margin-left: 20px;font-size:11px;}

.mainpage { 
	position: relative; 
	margin: auto; 
	width: 590px;
	padding-top: 10px;
	text-align: left; 
	} 

	
.p_title{ font-size: 20px; color: #22afcb; } 		
.p_text{ line-height: 16px;} 		
.p_list{ margin-top:3px;} 		
.p_stories{ margin-top: 10px;} 
.p_more_stories{ margin-top: 5px;} 
.p_back{ margin-left: 560px; margin-top:10px;} 

.username,  .password{ 
	width: 206px;
	height: 22px;
	background-image:url(../images/background_username_password.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 2px;
	padding-left: 5px;
	margin-top: 4px;
	color: #5f5f5f;
	border: 0px;
} 	

.index_search{ 
	width: 280px;
	text-align: left;
	margin-top:5px;
} 	

.search{ 
	width: 200px;
	height: 24px;
	background-image:url(../images/background_search.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 2px;
	padding-left: 5px;
	margin-top: 4px;
	color: #5f5f5f;
	border: 0px;
} 	

.index_stories{ 
	width: 300px;
	text-align: left;
	margin-top:5px;
} 	

	
.box_stories{ 
	width:	280px;
	height: 80px;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 120px;
} 

.box_stories_text{ 
	width:	260px;
	height: 60px;
	background-image:url(../images/background_box_stories_text.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
} 

.text10{ font-size:10px;} 	

.index_buttons{ width: 280px; text-align: left;	margin-top:10px; padding-top:5px;} 	

.index_login{ width: 260px;	text-align: left; margin-top: 7px;} 	

.stories_info{ width: 260px;	text-align: left; margin-top: 7px; padding-left: 10px;} 	

.more_stories{ width: 330px; margin-top: 10px;} 

.player{ width: 280px; height: 210px; text-align: left; margin-top:5px; background: #eef0f1} 	


/***************************OLD*/

.user_top_1{ 
	width:265px;
	float: left;
	text-align: left;
	font-weight: bold;
	padding-left:5px;
	color: #f96c06;

} 	
	
.user_top_2{ 
	width:320px;
	float: left;
	text-align: right;

} 	
		
.user_title{ 
	color: #f18a3e;
	font-weight: bold;
	margin-top: 20px;
} 	

.content{ 
	width:600px;
	} 		


	


.preview_latest_stories{ 
	width: 314px;
	height: 312px;
	text-align: left;
	margin-top:5px;
} 	



.preview_latest_stories_content{ 
	width: 314px;
	height: 380px;
	text-align: left;
	overflow: auto;
} 	





.box_search_top{ 
	width: 314px;
	height: 21px;
	background:#004679;
	background-image:url(../images/title_search.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin-bottom: 3px;
} 		
	
.box_video{ 
	width: 280px;
	height: 230px;
	text-align: left;
	margin-top:5px;
} 		
	
.box_video_buttons{ 
	width: 265px;
	height: 25px;
	padding-top: 7px;
	padding-left: 15px;
	text-align: left;
} 		
		
	
.box_gallery{ 
	width: 280px;
	height: 230px;
	text-align: left;
	margin-top:5px;
	overflow: auto;
} 		
	
	

.box_stories_title{ 
	color:#004679;
	font-weight: bold;
} 

.box_button_blue{ 
	width:	98px;
	height: 14px;
	padding-left: 4px;
	background-image:url(../images/background_button_blue.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
} 	


.box_button_grey{ 
	width:	86px;
	height: 14px;
	background-image:url(../images/background_button_grey.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 16px;
	margin-top: 1px;
} 	

.box_button_grey:hover{ 
	width:	86px;
	height: 14px;
	background-image:url(../images/background_button_blue.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 16px;
	margin-top: 1px;
} 	

.box_register{ 
	width: 314px;
	height: 120px;
	text-align: left;
	margin-top:5px;
} 	

.preview_content{ 
	width:	590px;
	height: 110px;
	background-image:url(../images/background_box_content.jpg);
	background-repeat: no-repeat;
	padding-left:10px;
	padding-top:10px;
	margin-top: 8px;
} 	

.registration_content{ 
	width:	600px;
	height: 200px;
	background-image:url(../images/background_registration.jpg);
	background-repeat: no-repeat;
	padding-left:10px;
	padding-top:10px;
	margin-top:10px;
} 	

.content_text{ 
	width:	420px;
	height: 100px;
	overflow: auto;
	
} 	

.content_title{ 
	font-size: 11px;
	font-weight: bold;
} 	

.image_text{ 	
	width:	120px;	
	font-size: 11px;
} 	






#dropmenudiv{
position:absolute;
border:2px solid #004679;
font:normal 11px Verdana;
color: #004679;
line-height:20px;
z-index:50;
text-align: left;
background-color: #ffffff;

}

#dropmenudiv a{
width: 100%;
display: block;
border:2px solid #004679;
text-indent: 3px;
text-decoration: none;
font-weight: bold;
text-align: left;
color: #ffffff;
background-color: #004679;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #004679;
color: #004679;
}	
	
	
	
a:link {color: #fa2e0f;text-decoration: none;  }
a:visited {color: #fa2e0f;text-decoration: none;  }
a:hover {color: #fa2e0f;text-decoration: underline; }
a:active {color: #fa2e0f;text-decoration: none; }

a.link_blue:link {color: #22afcb;	text-decoration: none; font-size: 11; font-weight: normal;}
a.link_blue:visited {	color: #22afcb; text-decoration: none; font-size: 11; font-weight: normal; }
a.link_blue:hover {color: #22afcb; text-decoration: underline; font-size: 11; font-weight: normal; }
a.link_blue:active { color: #22afcb; text-decoration: none; font-size: 11; font-weight: normal;  }

a.link_orange:link {color: #fa2e0f;	text-decoration: none; font-size: 11; font-weight: normal;}
a.link_orange:visited {	color: #fa2e0f; text-decoration: none; font-size: 11; font-weight: normal; }
a.link_orange:hover {color: #fa2e0f; text-decoration: underline; font-size: 11; font-weight: normal; }
a.link_orange:active { color: #fa2e0f; text-decoration: none; font-size: 11; font-weight: normal;  }

a.link_white:link {color: #ffffff;	text-decoration: none; font-weight: normal;}
a.link_white:visited {	color: #ffffff; text-decoration: none; font-weight: normal; }
a.link_white:hover {color: #fa2e0f; text-decoration: underline; font-weight: normal; }
a.link_white:active { color: #ffffff; text-decoration: none; font-weight: normal;  }

.treemenu {
	margin : 0px 20px;
	padding : 10px;
	list-style : none;	
	/*background-color : #EEE;
	border : 1px solid #000;*/
	width : 200px;
}

.treemenu UL {
	list-style : none;
	margin : 0px 10px;
	padding : 0px 10px;
	
}

.treemenu LI {
	display : inline;
	

}

.treemenu A {
	display : block;
	padding-left : 12px;
	text-decoration : none;

}

.treemenu .treeopen {
	background-image : url('icon_li.jpg');
	background-repeat : no-repeat;
	background-position : left;
}		

.treemenu .treeclosed {
	background-image : url('closed.gif');
	background-repeat : no-repeat;
	background-position : left;
}

li
{
	margin-left:0px; padding-left:0px;
}


