html 
{
	overflow: -moz-scrollbars-vertical;
}

/*** main background stuff ***/

body
{
	margin : 0px;
	background-color : black;
	background-image : url(../images/bg/bg_home_body.jpg);
	color : white;
	/* to center in IE*/
	text-align : center;
}

#main, #footer
{
	/* to center in firefox */
	margin : 0px auto;
	
	/* this is to stretch the background to a specific width instead of the whole browser */
	width : 960px;
	
	background-repeat : repeat-x;
	background-color : #FFFFFF;
	background-position : center top;
	color : black;
}

#main
{
	/* this is to stretch the background to a specific width instead of the whole browser */
	margin-top : 10px;
	
	background-image : url(../images/bg/bg_main.png);
}

#footer
{
	background-image : url(../images/bg/bg_main_footer.png);
}

#main .content, #footer .content
{
	/* to center in firefox */
	margin : 0px auto;
	/* to restore text align */
	text-align : left;
	
	width : 960px;
}

#footer .content
{
	height : 154px;
}

.contentStart, .contentEnd
{
	clear : both;
}

/*** logo ***/

#logo
{
}

#logo img
{
	float : left;
	margin-left : 40px;
	/*margin-top : 35px;*/
	margin-top : 23px;
	margin-bottom : 20px;
	width : 108px;
	height : 115px;
	border : 0px;
}

/*** user state ***/

div#userState
{
	float : right;
	font-family : arial;
	font-size : 13px;
	color : black;
	margin : 4px;
	margin-right : 10px;
	height : 30px;
}
div#userState a
{
	/*text-decoration : none;*/
	color : #9C0C42;
	font-weight : bold;
}
div#userState span
{
	margin : 0px 4px 0px 4px;
}

/*** menu ***/

.menu, .menu a
{
	text-decoration : none;
	font-family : arial;
	font-size : 15px;
	font-weight : bold;
	color : black;
}
.menu a:hover
{
	text-decoration : underline;
	color : #002E96;
}
.menu span
{
	margin : 0px 4px 0px 4px;
}

#main .menu
{
	clear : right;
	padding : 13px 0px 40px 173px;
}
#pageContent .menu
{
	text-align : center;
	padding : 0px 0px 20px 0px;
}
#footer .menu
{
	text-align : center;
	padding : 48px 0px 0px 0px;
}

/*** page crumb path ***/

ul#pageCrumb
{
	float : left;
	display : inline;
	margin : 0px;
	padding : 0px;
	padding-left : 24px;
}

ul#pageCrumb li
{
	display : inline;
	font-family : arial;
	font-size : 11px;
	margin-left : 4px;
}

#main .navigation, #footer .navigation
{
	padding-right : 20px;
	text-align : right;
	font-family : arial;
	font-size : 11px;
}
#main .navigation span, #footer .navigation span
{
	padding-left : 10px;
	padding-right : 10px;
	font-weight : bold;
}

#main .navigation
{
	margin-top : 6px;
}
#footer .navigation
{
	height : 30px; /* 50 - 20 */
	padding-top : 20px;
}


#pageContent
{
	margin : 2px 20px 0px 20px;
	font-family : Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size : 13px;
	text-align : justify;
	/* this is to remove some space that only apears in Firefox*/
	border : 1px solid white;
}