/* Procter & Gamble. - Inorbital 2008
Designer/Author: Mark Balson
--------------------------------------------------------------------*/

body {
	padding: 0px;
	margin: 0px;
	font-family:  arial, helvetica, verdana, serif;
	font-size: 62.5%; /* makes text size equal to 10px adjust with em value hereafter */
	color: #212121;
	background: #eef2fa url('../images/bg_landing.gif') repeat-x top left;
	}

#pageContainer {
	width: 900px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	}
	
#pageContainerFloat {
	width: 900px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	min-height: 575px;
	background: url('../images/page_bg.gif') no-repeat top left;
	}
	
#pagePadding {
	float: left;
	padding: 0px 0px 0px 0px;
	}
	
/********** Landing Page ************/

#pageContainerLanding {
	width: 700px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	}
	
#pageContainerFloatLanding {
	width: 700px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	font-size: 1.2em;
	float: left;
	}
	
#mdoButton {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border:1px solid #0098ff; 
	}
	
#cbdButton {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	border:1px solid #0098ff; 
	}
	
.textFeature {
	padding: 10px 10px 10px 10px;
	border: 1px dotted #0098ff; 
	width: 161px;
	background: #eef2fa url('../images/bg_landing.gif') repeat-x bottom left;
	}
	
#mainLandingContent {
	width: 650px;
	margin: 15px 20px 20px 25px !important; 
	margin: 15px 20px 20px 12px;
	padding: 0px;
	float: left;
	text-align: left;
	}
	
#subLandingContent {
	width: 190px;
	margin: 15px 0px 20px 0px;
	padding: 0px;
	float: left;
	text-align: left;
	}
	
/********** Content ************/
	
#mainContent {
	margin: 0px 0px 0px 10px !important; 
	margin: 0px 0px 0px 5px; 
	padding: 0px; 
	float: left;
	width: 900px;
	min-height: 400px;
	background: #ffffff;
	border: 1px solid #0099ff;
	background: #ffffff url('../images/content_bg.gif') no-repeat bottom right;
	}
		
.boxPadding {
	float: left;
	padding: 60px 20px 20px 20px;
	width: 620px;
	}
	
.boxPadding2 {
	float: left;
	padding: 60px 20px 20px 20px;
	width: 200px;
	}

#mainContent h1 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #0097ff;
	font-size: 1.9em;
	font-weight: normal;
	text-transform: uppercase;
/*	letter-spacing: -0.05em;*/
	}
	
#mainContent h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #666666;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#mainContent h3 {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #b5ca35;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#mainContent p {
	margin: 0px 0px 0px 0px; 
	padding: 0px; 
	font-size: 1.2em;
	}
	
#mainContent hr {
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
	}	
	
#mainContent a {
	color: #003daf;
	text-decoration: underline;
	}
	
#mainContent table a {
	font-size: 12px;
	color: #003daf;
	text-decoration: underline;
	}

#mainContent a:hover, #mainContent table a:hover {
	color: #0093ff;
	}
	
#mainContent ul {
	margin: 0px 0px 10px 30px;
	padding: 0px;
	}
	
#mainContent li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 1.2em;
	}
	
table.schedule {
	font-size: 12px;
	}
	
table p {
	font-size: 12px;
	}
	
img.matt {
	padding: 5px;
	background: #ffffff;
	border: 1px solid #0097ff;
	}