@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: #333333;
}
a {text-decoration: none}
a {outline-color:#FFFFFF}

a:link{color:#e24600; text-decoration: none; }
a:visited {color:#e24600;text-decoration: none;}
a:hover{color:#e24600; text-decoration: none; }
a:active {color:#999999;text-decoration: 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 */
}



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