/* Layout
#container:
	#header
	#mainnav
	#adsbar
	#contentWrapper
	#footer
*/

.clear
{
	background-color: #FBFBFB;
	clear: both;
	line-height: 0;
	height: 0;
}

/* Layout */
/* Hack for Opera body background */
#background
{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #999 url(images/page_background.jpg) bottom left repeat-x;
}

#container
{
	background-color: #FBFBFB;
	border: 0.1em solid #666666;
	position: relative;
	z-index: 2;
	min-width: 100em;
	/* approx 18px */
	/* this value will be inherited by all descendant, if i put it without em, than the factor 1.8 was inherited
	by all the descendants and it will get tricky, but this way i know every descendant have line-height: 18px */
	line-height: 1.8em;
}
#header
{
	position: relative;
	color: #666666;
	/* approx 90px */
	height: 9em;
	background: #fff url(images/lower_banner.jpg) bottom right repeat-y;
	border-bottom: 0.3846em solid #E9EBEF;
}
#upper_banner
{
	position: absolute;
	width: 100%;	
	z-index: 2;
	/* approx 18px */
	height: 1.8em;
	background: #32A525 url(images/upper_banner.jpg) repeat-y;
}
#header img#logo
{
	position: absolute;
	top: 0.85em;
	left: 1em;
	z-index: 3;
	width: 9em;
	height: 8em;
	/* height: 7.3em; */
	/* width: 6.9em; */
}
#header ul
{
	position: absolute;
	z-index: 3;
	top: 0;
	right: 1em;
	height: 1.8em;
	line-height: 1.8em;
}
#header li
{
	display: inline;
}

#header h1#title img
{	
	/*
	width: 59.5em;
	height: 3.5em;
	width: 770px;
	height: 54px;
    */
	width: 395px;
	height: 51px;
	width: 39.5em;
	height: 5.1em;
	
}	
#header h1#title
{
	font-size: 1em;
	position: absolute;
	z-index: 3;
	left: 9em;
	bottom: 1.44em;
}

#header p#date
{
	position: absolute;
	z-index: 3;
	left: 9.3em;
	bottom: 0;
	height: 1.8em;
	line-height: 1.8em;
}
#header p#status
{
	position: absolute;
	z-index: 3;
	right: 1em;
	bottom: 0;
	height: 1.8em;
	line-height: 1.8em;
}
/* to deal with the different height of columns */
#wrapper1
{
	width: 100%;
	background: url(images/border.gif) repeat-y 18em 9em;
}
#wrapper2
{
	width: 100%; 
	background: url(images/border_right.gif) right 9em repeat-y;
}

#mainnav
{
	color: #003300;
	float: left;
	/* approx 180px */
	font-size: 1.3em;
	width: 11.5384em;
	padding-left: 0.7692em;
	padding-right: 1.538em;
	margin-top: 0.462em;
}
#ads
{
	text-align: center;
	float: right;
	width: 150px;
	padding-top: 0.538em;
}

#ads #SJAIAds
{
}

#search
{
	/*
	width: 10.385em;
	border: 0.077em solid #665B0F;
	background-color: #FCFAEB;
	*/
}

#breadcrumbs
{
	display:none; /* ss */
	font-size: 1.3em;
	background-color: #E9EBEF;
	margin-left: 14.6153em;
	padding-left: 0.7692em;
	margin-right: 160px;
	margin-top: 0.385em;
}

#contentWrapper
{
	font-size: 1.3em;
	/* approx 610px */
	min-width: 45.3846em;
	margin-left: 14.6153em;
	margin-top: 0.615em;
	margin-right: 160px;
}

#contentWrapper4Reports
{
	font-size: 1.3em;
	/* approx 610px */
	min-width: 60.3846em;
	margin-left: 0.615em;
	margin-top: 0.615em;
	margin-right: 0.615em;
}

/* Father desire */
#formtitle
{
	color: white;
	background-color: #9BBD75;
}

#primaryMessageBar
{
	/* font-size: 0.6923em;*/
	font-size: 0.923em;
	color: Blue; /*  #FF0000; */
	background-color: #F5EFC5;
	padding: 0.3em 0;
	padding-left: 1.1111em;
}

.errorMessageBar
{
	/*font-size: 0.6923em;*/
	font-size: 0.923em;
	color: #FF0000;
	background-color: yellow;
	padding: 0.3em 0;
	padding-left: 1.1111em;
	display: none;
}

#content
{
	overflow: auto;
	padding-top: 0.923em;
	padding-left: 0.7692em;
	padding-right: 0.7692em;
}
#returnBar
{
	background-color: #F9FEF3;
	padding: 0.3em 0;
	padding-right: 5px;
	margin-left: 19em;
	margin-right: 160px;
	text-align: left;
}
#returnBar4Reports
{
	background-color: #F9FEF3;
	padding: 0.3em 0;
	padding: 0.3em 0;
	/* padding-left: 1.1111em; */
	margin-left: 0.615em;
    margin-right  : 0.615em;
	text-align: left;
}
#statusBar
{
	font-size: 0.9em;
	color:  GrayText; /* #FF0000; */
	background-color: #EBF2F8;
	padding: 0.3em 0;
	padding-left: 1.1111em;
	margin-left: 21.1111em;
	margin-right: 160px;
}
#statusBar4Reports
{
	font-size: 0.9em;
	color:  GrayText; /* #FF0000; */
	background-color: #EBF2F8;
	padding: 0.3em 0;
	/* padding-left: 1.1111em; */
	margin-left: 0.615em;
    margin-right  : 0.615em;
}

#footer
{
	text-align: center;
	clear: both;
	color: #666;
	background-color: #9BBD75;
	height: 1.8em;
	line-height: 1.8em;
	padding: 0 0 0 1em;
}