/*******************************************************************
 *    Copyright © 2006 Dragon of The South. All rights reserved.   *
 *    ---------------------------------------------------------    *						
 *******************************************************************/

	#newscontent 
	{		
		LEFT: 182px; 
		left:177px;
		POSITION: relative; 
		TOP: -1287px;
		width:665px;		
		padding:0px;	
		/*background-color:ccccff;*/
		/*border:1px solid gray;*/
	}

	
	* html #newscontent {top:-1326px; left:178px;padding-right:20px}

/*********************** news styles ***************************/

	#newsContainer
	{
		top:-345px;
		margin:0 auto;
		float:left;
		text-align:left;
		width:100%;
		border:1px solid black;
		margin-left:10px;
		padding-bottom:5px;

	}

	#newscontainer img
	{
		width:190px;
	}

	* html #newscontainer { margin-left:5px; margin-right:-24px; }

	table { 
		width:120px;
		padding:10px;
		font-size:11px;
		padding-top:20px;
		padding-bottom:20px;
		border: 1px dotted black;
	}

	* html table {padding:0px;}

	td 
	{
		padding-left:5px;
		padding-right:5px; 
		margin-right:15px;
		margin:10px;
	}

	.viewtitle
	{
		position:absolute;
		top:0px;
		left:30px;
	}

	.newsphoto
	{	
		margin-left:15px;
		margin-right:0px;
		margin-bottom:1px;
	}	

	* html .newsphoto {margin:-4px;margin-left:0px;padding-top:20px;}

	.newsText
	{	
		position:absolute;
		margin-right:15px;
		color:#666699;
		padding:0px 10px;
		top:-2px; 
		padding-top:15px;
	}

	* html .newsText {top:-5px;}
	
	.newspicture, .newspicture img
	{
		position:relative;
		left:0px;
		top:0px;
		width:378px;
		height:239px;
		/*background: url(news2.jpg);*/
		border:1px solid black;	
	}	


/********** News mini Gallery ********/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

	.gallerycontainer
	{
		z-index:20;
		position: relative;	
		left:5px;
		top:38px;
		float:right;		
		margin-left:15px;
		margin-right:24px;
		margin-bottom:37px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		border:1px solid gray;
	}

	* html .galleryContainer {top:30px;left:30px;margin-left:-10px;/*padding-bottom:24px;margin-bottom:20px;*/}

	.thumbnail img
	{
		border: 1px solid white;
		margin: 5 0px 3px 0;				
		height:56px;
		width:90px;
		/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
		/*-moz-opacity: 0.7;*/
		padding-top:5px;
	}

	.thumbnail:hover
	{
		background-color: transparent;
	}

	* html .thumbnail:hover{ color: red; /* Dummy definition to overcome IE bug */}

	.thumbnail:hover img
	{
		border: 1px solid blue;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;
	}
	
	
	* html .toggleborder:hover img{border: 1px solid navy;}

	.thumbnail span
	{ /*CSS for enlarged image*/
		position: absolute;
		background-color: lightyellow;
		padding: -13px;
		left: -1000px;
		visibility: hidden;
		color: black;
		text-decoration: none;	
		top:2px;
		margin-left:2px;
	}

	.thumbnail span img
	{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
		height:242px;
		width:381px;
	}	

	.thumbnail:hover span
	{ /*CSS for enlarged image*/
		visibility: visible;
		top: -6;
		left: 0px; /*position where enlarged image should offset horizontally */
		z-index:50;
	}

	#newsfooter
	{
		position:absolute;
		left:3px;
		top:1382px;
	}

	* html #newsfooter {top:1340px;}

/* end of gallery css */

	.viewbox
	{
		list-style-type: none;
		margin: 5px 0;		
		border-bottom-width: 0;
		background: white url(glossy_lightblue.jpg) repeat-x bottom left;
		font: bold 13px sans-serif;
		color: #374d4e;
		display: block;
		width: 180px;
		padding: 5px 0;
		padding-left: 10px;
		text-decoration: none;	
		text-align:center;
	}

	* html .viewbox { width: 168px; }