@charset "UTF-8";
/* CSS Document */
body {
	font: 90% "Trebuchet MS", Arial sans-serif;
	background: #eeeeee;
	/*background-image:url(../images/logo.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	 /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
/*CHANGE THIS FOR SCROLLOVER COLOR*/
a:link{color:#990000;font-weight:bold; text-decoration: none; outline:none; border:none;}
a:visited {color:#666666;text-decoration: none; outline:none; border:none;}
a:hover {color:#999999;text-decoration: none; outline:none; border:none;}
a:active {color:#999999;text-decoration: none; outline:none; border:none;}

.mobile #container {
	width: 500px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align:center; /* this overrides the text-align: center on the body element. */
}
.mobile #mainContent {
	width: 500px;
	background-color:#ffffff;
	
	/*padding: 0 20px;*/ 
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
}


/*CHANGE h2 FOR SCROLLOVER COLOR*/
h2{text-align:center; color:#990000; padding:0; font-weight:lighter;}
hr{width:500px;}
p{padding-left:10px; padding-right:10px; }
.wideo{width:480px; text-align:justify; color:#666666;}