/*
	CSS for Software Unity Web Site.
	Copyright(c) Software Unity 2006.
*/

/*
	Colours:
	#6495ED	= corflowerblue
	#B0E0E6	= powderblue
*/


/* Style the standard html tags: */

	BODY, H1, H2, H3, P, A, DT, DD, LI, DIV, SPAN, FIELDSET, LEGEND
	{
		margin:0px;
		padding:0px;
		font-family:"segoe ui", "trebuchet ms", arial, helvetica, sans-serif;
		font-size:1em;
		font-style:normal;
		font-weight:normal;
		text-decoration:none;
		cursor:default;
	}

	BODY
	{
		width:100%;
		min-width:700px;
		margin:0px;
		padding:0px;
		text-align:center;
		background-color:rgb(186,213,255);
	}

	BODY #divPageTop {
		width:700px;
		height:18px;
		font-size:0px;
		background:rgb(186,213,255) url(/img/bg.top.gif) no-repeat;
		padding:0px;
		margin:0px auto;
		/*_border-left:solid 1px rgb(186,213,255);*/	/* Fixes 1px offset quirk in IE only (uses _underscore css hack) */
	}

	BODY #divPageContent {
		width:700px;
		margin:0px auto;				/* Auto is for firefox's benefit. Would otherwise be zero. */
		text-align:left;
		padding:0px 0px 20px 0px;
		background:rgb(186,213,255) url(/img/bg.gif) repeat-y 50% 0;
	}

	BODY #divPageBottom 
	{
		width:700px;
		height:50px;
		margin:0px auto;
		padding:0px;
		background:#888888 url(/img/bg.bottom.gif) no-repeat bottom center;
		border-left:0px solid #888888;		/* Fixes 1-pixel misalignment in IE */
	}

		#divPageBottom,
		#divPageBottom A,
		#divPageBottom A:link,
		#divPageBottom A:visited {
			color:#6495ED;
			font-size:10px;
		}

	A,
	A:link,
	A:visited {
		color:#5455ED;
		display:inline;
		text-decoration:underline;
	}

	A:hover {
		color:navy;
		cursor:pointer;			/* Show hand-cursor when over a link (except when href is not set (ie only)) */
	}

	P {
		color:#333333;
	}

	H1 {
		display:inline;
		color:#6495ED;
		font-weight:normal;
		font-size:x-large;
		letter-spacing:-1px;
		margin:10px 0px 0px 0px;
		vertical-align:250%;
		height:50px;
	}

	H2 {
		color:#6495ED;
		font-size:large;
		font-weight:bold;
		letter-spacing:0px;
		text-transform:lowercase;
	}

	IMG {
		border:0px;
	}

	FIELDSET
	{
		width:35%;
		margin:0px;
		display:inline;
		vertical-align:top;
		padding:15px 30px 15px 10px;
		margin:0px 0px 20px 20px;
	}

	FIELDSET LEGEND
	{
		margin:0px;
		padding:0px 5px 0px 5px;
		height:1.5em;
		vertical-align:bottom;
		overflow-y:hidden;
		word-spacing:-4px;
	}

	FIELDSET LEGEND H1,
	FIELDSET LEGEND SPAN
	{
		display:inline;
		margin:0px;
		padding:0px;
		padding:0px;
		font-size:1em;
		vertical-align:bottom;
	}

	FIELDSET DL
	{
		width:280px;
		font-size:0.8em;
		margin:10px 0px 10px 0px;
	}

	FIELDSET DL DT {
		color:#6495ED;
		margin:0px 0px 10px 20px;
		display:list-item;
		list-style-type:circle;
		list-style-position:outside;
	}

	FIELDSET DL DT A:link,
	FIELDSET DL DD A:link,
	FIELDSET DL DT A:visited,
	FIELDSET DL DD A:visited
	{
		padding:0px;
		color:#6495ED;
		text-decoration:none;
		border-bottom:solid 1px #CCCCFF;
	}

	FIELDSET DL DT A:hover,
	FIELDSET DL DD A:hover
	{
		color:navy;
		border-bottom:solid 1px #6495ED;
		background-color:#B0E0E6;
	}

	FIELDSET DL DT P,
	FIELDSET DL DT P A:link,
	FIELDSET DL DT P A:visited
	{
		color:navy;
	}

	FIELDSET DL DT P A:link,
	FIELDSET DL DT P A:visited
	{
		color:navy;
		font-style:italic;
	}

	FIELDSET DL DD,
	FIELDSET DL DD P
	{
		color:navy;	/* #6495ED */
		padding:0px 0px 10px 20px;
        word-wrap:break-word;
	}

	FIELDSET DL DD:first-line,
	FIELDSET DL DD P:first-line
	{
		text-indent:20px;
	}

/* Custom tags: */

	.clsSuNameSw
	{
		color:Black;
	}

	.clsSuNameUnity
	{
		color:#416187;
	}

#divLandscapePanel {
	margin:0px 7px 20px 7px;
	_margin:-10px 7px 20px 7px;		/* Extra top offset for IE only (using css _underscore hack) */
	padding:20px 0px 0px 0px;		/* Allow space at top for the raised image. */
	border-color:#888888;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	width:685px;
	height:120px;
	_height:140px;
	text-align:left;
	background:transparent url(/img/panel.bg.png) repeat-x fixed 0px 20px;
}

#divLandscapePanel A {
	color:White;
	text-decoration:none;
}

#divLandscapePanel H2				/* H2 text under landscape image */
{
	color:White;
	font-size:1.1em;
	display:inline;
	text-align:right;
	font-weight:normal;
	float:left;
	width:350px;
	padding:0px;
	margin:-50px 0px 0px 40%;
	_margin:-40px 0px 0px 40%;		/* Special treatment for IE only (using css _underscore hack) */
}

#divLandscapePanel UL#divNavSubMenu
{
	font-size:0.8em;
	position:absolute;
	top:110px;
	left:45%;
	margin:0px 0px 0px 0px;
	list-style:disc outside;
}

#divLandscapePanel UL#divNavSubMenu LI,
#divLandscapePanel UL#divNavSubMenu LI A
{
	display:inline;
	padding-left:2%;
}

#divLandscapeImg {
	width:350px;
	height:100px;
	padding:0px;
	margin:-160px 0px 0px 40%;
	_margin-top:-150px;				/* Less margin-top offset for IE only (using css _underscore hack) */
	display:inline;
	float:left;
	border:0px solid white;
	filter:progid:xDXImageTransform.Microsoft.Shadow(direction=45,color=gray,strength=2)
	       progid:DXImageTransform.Microsoft.Shadow(direction=135,color=gray,strength=3)
	       progid:xDXImageTransform.Microsoft.Shadow(direction=225,color=gray,strength=2)
	       progid:xDXImageTransform.Microsoft.Shadow(direction=315,color=gray,strength=2);
}

#divMainLogo {
	width:90px;
	height:100px;
	margin:10px 10px 15px 50px;
}


#divMainHdr {
	display:inline;
	color:#6495ED;
	font-weight:bold;
	font-size:x-large;
	letter-spacing:1px;
	margin:0px 0px 20px 20px;
	vertical-align:250%;
}

/* Main Menu: */

	DL#divMainMenu 
	{
		float:left;
		width:240px;
		margin:-20px 0px 0px 0px;
		_margin-top:0px;
		padding:0px;
		list-style-type:none;
	}

	DL#divMainMenu DT {
		display:block;
		padding:3px 0px 3px 0px;
		margin:0px 0px 0px 0px;
		font-size:0.8em;
		font-weight:normal;
		width:100%;
		height:20px;
		display:block;
		text-align:right;
		background-color:transparent;
	}

	DL#divMainMenu DT A {
		color:white;
		width:100%;
		padding:0px 5px 0px 0px;
	}

	DL#divMainMenu DT SPAN {	/* Deactivated link */
		color:gray;
		width:100%;
		padding:0px 5px 0px 0px;
	}

	DL#divMainMenu DT A .clsMoreInfo 
	{
		display:none;
	}

	DL#divMainMenu DT A:hover {
		padding-right:3px;
		border-style:solid;
		border-color:white;
		border-width:0px 2px 0px 0px;
	}

	DL#divMainMenu DT A:active
	{
		font-style:italic;
	}

/* Show element containing 'more info' when mouse hovers over link or when link is active: */

	/*DL#divMainMenu DT A:hover .clsMoreInfo,*/
	DL#divMainMenu DT A:active .clsMoreInfo
	{
		display:block;
	}


/* "What we do..." */
#divSoundBites
{
	color:#416187;
	width:60%;
	text-align:center;
	margin:-10px auto 20px auto;
	_margin-top:0px;
	padding-right:40px;	/* Keep text off background image */
	display:list-item;
	list-style-image:url(/img/quote.open.gif);
	background:transparent url(/img/quote.close.gif) no-repeat right bottom;
}

 #divSoundBites A:hover, 
 #divSoundBites A:link, 
 #divSoundBites A:visited
{
	display:inline;
	text-decoration:none;
	font-size:0.8em;
	font-weight:normal;
	font-style:italic;
	text-transform:none;
}

DL#divSiteMenu 
{
	display:inline;
	font-size:0.7em;
	top:20px;
	_top:40px;
	left:5%;
	width:150px;
	xfloat:right;
	margin-left:78%;
	margin-right:0px;
	padding:10px 5px 15px 5px;
	text-align:left;
	position:absolute;
	background-color:White;
	opacity:0.8;
	_filter:alpha(opacity=80);
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:white slategray slategray white;
}

DL#divSiteMenu DT
{
	color:navy;
}
DL#divSiteMenu DD
{
	padding-left:5px;
}