/*
===============================================================================
/news/css/news_public.css
===============================================================================*/

/*-----------
Shared Styles
-------------*/


/*------------
Element Styles
--------------*/

/* Menu For CategoryTop [Cascaded from public.css]
===============================================================================*/
#menu_top {
	background-image:url("../images/menu/top_on.gif");
}
#menu_about {
	background-image:url("../images/menu/about_on.gif");
}
#menu_products {
	background-image:url("../images/menu/product_on.gif");
}
#menu_contact {
	background-image:url("../images/menu/contact_on.gif");
}

/* Stage
===============================================================================*/
#stage {
	background:transparent url("../images/stage_bg.gif") repeat-y left top;
}

/* Contents Package
===============================================================================*/
#contentsPackage {
	padding:180px 0 0 330px;

	background:transparent url("../images/contentspack_bg.jpg") no-repeat left top;

	width:914px;
	height:784px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:584px;
	height:604px;
}
/* hide from IE5 on Mac \*/
html>body #contentsPackage {width:584px;height:auto;min-height:604px;}
/* */

#newsArchive #contentsPackage {
	background:transparent url("../images/contentspack_archive_bg.jpg") no-repeat left top;
}


/* Category Title [Cascaded from contents.css]
===============================================================================*/
#categoryTitle {
	top:30px;
	left:330px;
}
#categoryTitle a {
	width:70px;
	height:24px;
	
	line-height:24px;
}
#newsArchive #categoryTitle a {
	width:103px;
	height:24px;
	
	line-height:24px;
}

/* Page Title
===============================================================================*/
#pageTitle {
	position:static;
	margin:0 0 2em 300px;
	padding-top:31px;
	
	width:280px;
	
	font-family:Helvetica, Verdana, Arial, sans-serif;
	line-height:1.25em;
	color:#2C465C;
}
#pageTitle .date {
	font-weight:normal;
}
#pageTitle a {
	display:inline;

	width:auto;
	height:auto;
}
#pageTitle span {
	visibility:visible;
}

/* News Body
===============================================================================*/
#newsBody {
	color:#000;
	width:280px;	
	margin-left:300px;
}

/* Photo
===============================================================================*/
#photo {
	position:absolute;
	top:180px;
	left:330px;
	width:280px;
}
#photo img {
	margin-bottom:10px;
}

/* Archive
===============================================================================*/
#archive {
	margin:2em 0 0 450px;
}
#archive a {
	display:block;
	
	width:130px;
	height:18px;
	
	background:transparent url("../../images/archive_on.gif") no-repeat left top;
}
#archive a:hover {
	visibility:visible;
}
#archive a:hover img {
	visibility:hidden;
}



/* Navigation
===============================================================================*/
#navigation {
	position:absolute;
	left:822px;

	width:88px;
	height:11px;
	
	margin-bottom:20px;
}
#navigation .prev {
	float:left;
}
#navigation .next {
	float:right;
}

#navigation a {
	display:block;
	margin:0;
	padding:0;

	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}
/* hide from IE4/Win, IE5.0/Win, IE4.5/Mac, Opera5,6,7 */
html*#navigation a {
	width:35px;
	height:11px;
}
/* For Opera5,6,7 */
html>body #navigation a {
	width:35px;
	height:11px;
}
#navigation a:hover {
	visibility:visible;
}
#navigation a:hover img {
	visibility:hidden;
}
#navigation .prev a {
	background-image:url("../../images/prev_on.gif");
}
#navigation .next a {
	background-image:url("../../images/next_on.gif");
}

#news .Links a, 
#news .Links a:link,
#news .Links a:visited{ 
		color:#00CCFF;
		text-decoration: underline;
}

#news .Links a:hover,
#news .Links a:active{
		color:#FF3300;
}
