body {
	font-family: Helvetica, Arial, "sans serif";
	margin: 0px;
	background-repeat: repeat-x;
	background-image: url("images/course_bg_pattern.png");
	background-color:#ffffff;
}


#splash_mainArea {
	background-repeat: no-repeat;
	margin: 0px auto;
	position:relative;
    background-image: url("images/splash_image.jpg");
    background-size: 1280px 790px;
    height: 790px;
    width: 1280px;

}

#LoginForm {
	font-size: 1.2em;
	color:#000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	left:150px;
	top:260px;
	position:absolute;
}

#LoginForm input{
	font-size:1em;
	height:105%;
	width:105%;
}


#LoginForm a {
	color: #000000;
}

#SplashFooter{
	display:inline-block;
	position:absolute;
	right:20px;
	bottom:-12px;
	font-size:0.9em;
}


#TrainerMenu {
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 200px;
	top: 80px;
	left: 445px;
}

#TrainerMenu a {
	color: #0000FE;
	font-size: 9px;
}

#StudentMenu {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	/*position:relative;*/
	width: 200px;
	/*top:80px; left:425px;*/
}

#StudentMenu a {
	color: #fcfcfc;
	font-size: 12px;
	text-decoration: underline;
}

a:link {
	text-decoration: none;
	color: black
}

a:visited {
	text-decoration: none;
	color: black
}

a:hover {
	text-decoration: none;
	color: blue
}

/* Display Retina Quality Graphics */

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	body {
		background-image: url("images/course_bg_pattern@2x.png");
	}
	
	#splash_mainArea {
	    background-image: url("images/splash_image@2x.jpg");
	    background-size: 1280px 790px;
	}
}