@charset "UTF-8";
/* CSS Document */
body {
	font: 90% "Trebuchet MS", Arial sans-serif;
	background: #ffffff;
	/*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;
}
a {text-decoration: none}
a {outline-color:#FFFFFF}
a:link{color:#96A770}
a:visited {color:#333333}
a:hover {color:#999999}
a:active {color:#999999}

.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 */
}


h1{text-align:center; color:#6699cd; padding:0; font-weight:lighter;}
h2{text-align:center; color:#6699cd; padding:0; font-weight:lighter;}
hr{width:500px;}
p{padding-left:10px; padding-right:10px; }
.wideo{width:480px; text-align:justify; color:#666666;}

.footish{font-size:11px; font:Verdana, Arial, Helvetica, sans-serif; text-align:justify; color:#999999;}