/*-----------------------------------------------------------------------------
AAC Global - Master Page Stylesheet
-----------------------------------------------------------------------------*/

/* =Links
-----------------------------------------------------------------------------*/
/*#content a:link, #content a:visited
{
	font-weight: bold;
	color: #8e1516;
}

#content a:hover, #content a:active
{
	color: #ff0000;
}*/

/* =Wrapper
-----------------------------------------------------------------------------*/

/* Center the design in body and wrapper */
body, #orphanBody
{
	text-align: center; /* FIX for IE5.x and IE6 quircks mode */
	min-width: 953px; /* Keep left side from spilling over the edge (FIX for Netscape 6) */
	background: #ddd;
}

#orphanBody
{
	min-width: 593px; /* Keep left side from spilling over the edge (FIX for Netscape 6) */
}

#wrapper
{
	margin: 0 auto; /* Center the design by setting horizontal margin to auto */
	text-align: left; /* Fix the text-align after the trick in body */
	width: 953px;
	min-height: 638px;
	border: solid 1px #fff;
	background: #fff url(../images/bg.gif) repeat-y left -9px;
}

#orphanBody #wrapper
{
	width: 593px;
	min-height: 637px;
	background: #fff url(../images/bg_orphan.gif) repeat-y left -10px;
}

/* =Header
-----------------------------------------------------------------------------*/

#header
{
	height: 99px;
	background: #fff;
	border-bottom: solid 1px #fff;
	position: relative;
}

#orphanBody #header
{
	padding-bottom: 25px;
	background: #fff url(../images/bg_orphan_top.gif) no-repeat left bottom;
}

#header h1
{
	margin-top: 0;
}

/* =Logo
-----------------------------------------------------------------------------*/

#header h1
{
	position: absolute;
	top: 31px;
	left: 15px;
	z-index: 100;
	width: 136px;
	height: 47px;
	background: url(../images/logo_aac.gif) no-repeat top left;
	text-indent: -9000px; /* Hide text for non-screen readers */
}

#header h1 a 
{
	display: block;
	height: 47px;
	background: url(../images/logo_aac.gif) no-repeat top left; /* FIX for IE flickering: Background is repeated here */
}

/* =Location selection
-----------------------------------------------------------------------------*/

p#location
{
	position: absolute;
	top: 25px;
	left: 225px;
}

p#location label
{
	display: block;
	padding-bottom: 10px;
	white-space: nowrap;
	font-size: 0.9em;
	font-weight: bold;
}

p#location select
{
	width: 150px;
	text-align: center; /* Doesn't work in IE */
}

/* =Language selection
-----------------------------------------------------------------------------*/

ul#language
{
	float: right;
	position: relative;
	top: 19px;
	list-style-type: none;
}

ul#language li
{
	display: inline; /* FIX: Removes large gaps in IE/Win */
}

ul#language a
{
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

ul#language a .button
{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/btn_small.gif) no-repeat top left;
	margin-right: 170px;
	margin-bottom: 5px;
}

ul#language a .text
{
	position: absolute;
	left: 30px;
	/*top: 5px;*/
	margin-top: -2em;
}

ul#language a:hover .button
{
	background: url(../images/btn_small.gif) no-repeat top center;
	cursor: pointer; /* For IE */
}

ul#language a:hover .text
{
	text-decoration: underline;
	cursor: pointer; /* For IE */
}

/* :BUGFIX: However if you add this rule (border: none), both the previous rules now work. Weird */
ul#language a:hover
{
	border: none;
}

ul#language a:active .button
{
	background: url(../images/btn_small.gif) no-repeat top right;
	cursor: pointer; /* For IE */
}

/* =Administration tools
-----------------------------------------------------------------------------*/

#AdminPanel
{
	position: absolute;
	width: 100%;
	text-align: right;
	z-index: 20;
}

/* =Menu Container
-----------------------------------------------------------------------------*/

#menuContainer
{
	height: 2.6em;
	border-bottom: solid 1px #fff;
	background: #d6d6d6;
}

#menuContainerLeft
{
	float: left;
}

#menuContainerRight
{
	float: right;
}

/* =Content
-----------------------------------------------------------------------------*/

#content
{
	float: right;
	width: 728px;
	border-left: solid 1px #fff;
}

#orphanBody #content
{
	float: left;
	width: 328px;
	margin-left: 26px;
}

/* =Side Bar
-----------------------------------------------------------------------------*/

#sidebar
{
	float: left;
	width: 197px;
	background: #8e1516;
}

/* Transparent home-link on top of the nav bar. */
.sidebarHomeLink
{
	position: absolute;
	background-color: transparent;
	width: 197px;
	height: 52px;
}

/* Image replacement for sidebar header */
/*#sidebar h2
{
	margin: 0;
	padding: 0;
	width: 197px;
	height: 52px;
	background: url(../images/navtree.gif) no-repeat;*/
	/*text-indent: -9000px;*/ /*Hide text for non-screen readers */
/*}*/

/* Image replacement for WSOYpro link */
#sidebar p.imageLink
{
	margin: 78px 0px 27px 25px;
	width: 145px;
	height: 82px;
	background: url(../images/logo_wsoypro.gif) no-repeat top left;
	text-indent: -9000px; /* Hide text for non-screen readers */
}

#sidebar p.imageLink a
{
	display: block;
	height: 82px;
	background: url(../images/logo_wsoypro.gif) no-repeat top left; /* FIX for IE flickering: Background is repeated here */
}