/***************************************************
WRM Series CSS
***************************************************/

div.center h1
{
	border: 1px solid #cccccc;
	background-color: #333366;
	color: #ffffff;
}

div.center h2, h3, h4 
{
	background-color: #ffffff;
	color: #333366;
}

/* Left menu */

div.left li.menucontent, div.left div.menucontent, div.left a.menulink 

{
	color: #000000;
	background-color: #cccccc;
}

div.left a:hover.menulink
{
	color: #ffffff;
	background-color: #333366;
	text-decoration: none;
}

.left
{
	background-color: #cccccc;
	overflow: hidden;
	width: auto;
}

.left ul
{
	list-style-type: none;
	/*padding: 10px 2px 10px 0px;  - removed Sept 07 2007 : this padding is conflicting with the rest of the menu */
	background-color: #cccccc;
	/*width: 150px;*/
	float: left;
}

.left li 
{
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
	background-color: #cccccc;
	clear: left;
	/*width: 150px;*/
}

.left a, .left a:link, .left a:visited, .left a:active
{
	text-decoration: none;
	color: #000000;
	background-color: #cccccc;
	padding: 5px 0px 5px 10px;	
}

span.on-state
{
	background-color: #333366;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	/*width: 150px;*/
	/*display: block;*/
}

.left a.linked_on-state:link, .left a.linked_on-state:visited
{
	background-color: #333366;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
}

.left .active-link
{
	background-color: #cccccc;
}

.center a
{
	color: #ffffff;
	background-color: transparent;
}

div.right-index, div.right-infoboard, div.right-highlights
{
	float: right;
	width: 195px;
	height: 405px;
}

div.right-index
{
background: #ffffff url(/war-industry/091/025010-index.jpg) no-repeat top center;
}

div.right-infoboard
{
background: #ffffff url(/war-industry/091/025010-1000.jpg) no-repeat top center;
}

div.right-highlights
{
background: #ffffff url(/war-industry/091/025010-2000.jpg) no-repeat top center;
}

div.main-container
{
	width: 96%;
	margin-left: 1.2em;
}

div.wrapContainer-left-style-2col
{
	width: 49%;
	float: left;
}

div.wrapContainer-right-style-2col
{
	width: 49%;
	float: right;
}

div.wrapContainer-left-style-2col p, div.wrapContainer-right-style-2col p
{
	font-size: 0.75em;
	padding: 0.2em 0.2em 0.2em 0;
}

div.wrapContainer-left-style-2col img, div.wrapContainer-right-style-2col img
{
	padding-right: 0.25em;		
}

div.wrapContainer-theme-gallery
{
	width: 99%;
	margin-left: auto;
	margin-right: auto;
}

div.wrapContainer-theme-gallery p
{
	font-size: 0.85em;
}

p.theme-title
{
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;
	padding: 0.2em 0 0.2em 0.2em;	
}

p.theme-link a, p.theme-link a:link, p.theme-link a:visited, p.theme-link a:active
{
	color: #333366;
	text-decoration: none;	
}

p.theme-link a:hover
{
	color: #333366;
	text-decoration: underline;
}

p.bottom-link
{
	font-size: 0.85em;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;	
}

p.table-of-content-link
{
	text-align: right;
}

p.bottom-link a:link, p.bottom-link a:visited, p.bottom-link a:hover, p.bottom-link a:active, p.bottom-link span.bottom-link-on-state
{
	color: #333366;
}

p.bottom-link a:hover, p.table-of-content-link a:hover
{
	text-decoration: none;
}

hr
{
	color: #006699;
	background-color: #006699;
	height: 1px;
	border-style: none;
}

/* fix problem for IE and FireFox regardng left alignment of the table -- 
In IE the padding left value does not work as in FireFox, but setting 
margin value works on both IE and FireFox */

table
{
padding-left: 0 !important;
margin-left: 1.2em;
}

/* div expander at the bottom consist of table whose width is set to 100% 
therefore setting the margin left to value > 0 causes it to overflow in IE and the
middle div moves down therefore we have to set this margin 0 again */

div.expander table
{
	margin-left: 0 !important;
}