/*** home background stuff ***/

body
{
	margin : 0px;
	background-color : black;
	background-image : url(../images/bg/bg_home_body.jpg);
/*	background-repeat : repeat-x;*/

	/* 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 : #0d0305;
	background-position : center top;
}

#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_home.png);
}

#footer
{
	background-image : url(../images/bg/bg_home_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 : 100px;
}

/*** logo ***/

#logo img
{
	float : left;
	margin-left : 36px;
	margin-top : 28px;
	width : 122px;
	height : 128px;
	border : 0px;
}

/*** user state ***/

div#userState
{
/*	float : right;*/
	text-align : right;
	
	font-family : arial;
	font-size : 13px;
	color : #F9F8D0;
	height : 26px; /* 30 - 4 */
	padding-top : 4px;
	padding-right : 10px;
}
div#userState a
{
	/*text-decoration : none;*/
	color : #F9F8D0;
	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 : white;
}
.menu a:hover
{
	text-decoration : underline;
	color : #F7F38C;
}
.menu span
{
	margin : 0px 4px 0px 4px;
}

#main .menu
{
	padding : 20px 0px 75px 173px;
}
#footer .menu
{
	text-align : center;
	padding : 48px 0px 0px 0px;
}


/*** page crumb ***/

#pageCrumb
{
	display : none;
}

.navigation
{
	display : none;
}

/*** home message ***/

.homeMessage
{
	font-family : arial;
	font-size : 17px;
	color : white;
	margin : 0px 0px 0px 173px;
}

.homeMessage div
{
	font-size : 23px;
	font-weight : bold;
	margin : 0px;
}

.homeImage
{
	padding : 30px 0px 30px 20px;
}

.homeImage #mathVideo
{
	position : absolute;
	margin : 61px 0px 0px 45px;
}

.homeImage #centerImage
{
	margin-top : -20px;
}

div.notifyMessage
{
	font-size : 13px;
	font-weight : normal;
	width : 475px;
	text-align : center;
	border : 1px solid white;
	padding : 4px;
	margin-left : -10px;
	margin-bottom : 20px;
}

/*** home menu ***/

.homeMenu
{
	float : right;
	margin-right : 40px;
	margin-top : 30px;
	left : 700px;
	top : 175px;
}

.homeMenu a
{
	display : block;
	width : 197px; /*221*/
	height : 36px; /*50*/
	background-image : url(../images/button/button_home_normal.png);
	background-color : #FFC300;
	margin : 0px 0px 20px 0px;
	padding : 14px 0px 0px 24px;
	font-family : arial;
	font-size : 19px;
	font-weight : bold;
	color : black;
	text-decoration : none;
}
.homeMenu a:hover
{
	background-image : url(../images/button/button_home_hover.png);
}