/* STANDARD STYLE DEFINITIONS ---------------------------------------- */
*    { margin: 0; padding: 0; }
html { color: #444; background: url(../images/bg-repeat.gif) repeat; }
body { color: #444; background: url(../images/bg.gif) repeat-x; }
body, tr, td, input, textarea { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: none; }

h1 { font-size: 150%; }
h2 { font-size: 130%; padding: 8px 0; color: #9E0C0C; }
h3 { font-size: 125%;  }
h4 { font-size: 100%; }
h5 { font-size: 80%; }
h6 { font-size: 60%; }
p  { margin: 0 0 15px; line-height: 1.6em; }

ul, ol { margin: 10px 0 10px 25px; line-height: 1.6em; }
dl     { margin: 0; }
dt     { margin: 0; font-weight: bold; }
dd     { margin: 0; }

hr { display: none; }
img { border: none; }
blockquote { margin :0 25px 20px 25px; font-style: italic; }

/* LAYOUT -------------------------------------------------------------------------*/
#top { height: 36px; width:100%; border-bottom: 4px white solid; 
	   background:url(../images/top.gif) repeat-x left top #274082;  }
.wrapperOutter {  width: 760px; background: #FFF; margin: 0 auto; }
	.wrapper { padding: 0 3px; margin: 0 auto; text-align: center;  }
		.masthead {  }
		.nav { }
		.splash { padding: 2px; }
		
		.content { text-align: left; }
			.content { padding: 10px; }
			.content #design { background: url(../images/design_box.jpg) no-repeat; }
			.content #gather { background: url(../images/gather_box.jpg) no-repeat; }
			.content #learn  { background: url(../images/learn_box.jpg) no-repeat; }
			.content #reward { background: url(../images/reward_box.jpg) no-repeat; }
			.content #moduleWrapper { width: 730px; margin: 0 auto;}
			.content .moduleTop { width: 729px; height: 125px; float: left;  }
				.content .moduleTop p { padding: 50px 18px 20px 18px; color: #FFF; line-height: 135%; }
			.content .module { width: 243px; height: 275px; float: left;  }
				.content .module p { padding: 50px 18px 20px 18px; color: #FFF; line-height: 135%; }
			.content a { color: #3A3A3A; text-decoration: underline; }
			.content a:hover { color:#000; text-decoration: underline; }
		
		.module a { color: #FFF; text-decoration: underline; }
		.module a:hover { color: #DDD; text-decoration: underline; }
		.moduleTop a { color: #FFF; text-decoration: underline; }
		.moduleTop a:hover { color: #DDD; text-decoration: underline; }
		
		.blurb { padding: 0px 10px 10px 10px; }
		
		.footer { padding: 10px; }
			.footer img { margin-left: 20px; }
			
#bottom { width: 100%; padding: 13px 0 40px 0; text-align: center; color: #FFF;
		  border-top: 4px #FFF solid; background: url(../images/bottom.gif) repeat;  }
	#bottom a { color: #FFF; text-decoration:underline; font-size: 90%; }
	#bottom a:hover { color: #DDD; }