/* Mark Edmondson Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body {
	color: #444;
	background: #FFF url(images/bg-strip.jpg) repeat-x left top;
	font: 80%/1.4em Arial, Helvetica, sans-serif;
}	
h1 { font-size: 160%; font-weight: normal; margin-bottom: 20px;	color: #FF6633;}
h2 { font-size: 140%; font-weight: normal; margin-bottom: 20px;	color: #FF6633; }
h3 { font-size: 120%; margin-bottom: 15px; color: #FF6633; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #FF6633; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 10px; list-style: square; }

#wrapper { width: 969px; margin: 0 auto; padding: 0; }
	#leftColumn { float: left; width: 214px; }
		#logo { }
		#mark { }
		
	#rightColumn { float: right; width: 755px; }
		.feature { height: 243px; }
			#featureHome { background: url(images/mark-home.jpg) no-repeat left top; }
			#featureAbout { background: url(images/mark-about.jpg) no-repeat left top; }
			#featureArticles { background: url(images/mark-articles.jpg) no-repeat left top; }
			#featureContact { background: url(images/mark-contact.jpg) no-repeat left top; }
			#featureSpeaking { background: url(images/mark-motivational-speaking.jpg) no-repeat left top; }
			
	
		#menu { height: 48px; font-size: 14px; background: url(images/navbar.jpg) no-repeat left top; }
			#menu ul { margin: 0; padding: 0; border: none; margin-left: 15px; }
			#menu li { display: block; width: 143px; margin: 0; padding: 8px 0 0; float: left; text-align: center; list-style: none; }
				#menu li#menuSpeaking { width: 167px; }
			#menu a { color: #333; display: inline; text-decoration: none; }
			#menu a:hover { color: #FF0000; }
			#menu a.thispage { color: #FF0000; }		
		
		#content { }
			#mainContent { float: left; width: 565px;  background: url(images/pg-bg.jpg) no-repeat left top; 
								min-height: 373px !important; }
				#mainContentBox { padding: 95px 45px 0 35px; }
				#subContent { height: 126px; background: url(images/statistics-tile.jpg) no-repeat left top; margin-top: 10px; margin-bottom: 10px; }
					#subContentBox { padding: 47px 0 0 30px; }
						#subContentBox ul { margin: 0; border: none; font-size: 12px; font-weight: bold; font-style: italic; }
						#subContentBox li { display: block; width: 225px; margin: 0; padding: 2px 0 3px 13px; float: left; text-align: left; background: url(images/bullet.jpg) no-repeat left center; }
			#sideContent { float: right; width: 190px; }
		
		#footer { }
			#footer p { padding: 0 0 0 20px; font-size: 11px; line-height: 1.2em; }
			#footer a { color: #333; text-decoration: none; } 
			#footer a:hover { text-decoration: underline; } 
		

		
/************************ MISC ********************/	
.clearFloat { clear: both; }
.warning { color: #FF0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.invisibleHeading {	display: none; }
.textOrange, .textOrangeBold { color: #FF6633; }
.textOrangeBold { font-weight: bold; }
.floatedRightImage { float: right; margin-left: 20px; }

.article-title { margin-bottom: 10px; }
.article-desc { padding-bottom: 5px; }


/************************* FORM **********************/
form br {
	clear: left;
}
label {
	border: none;
	width: 150px;
}
input, textarea {
	font: small Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	border: 1px solid #666;
	padding: 2px;
	width: 160px;
	color: #333;
}

#formContact {
}
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;
	width: 280px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	font-size: 100%;
	padding: 2px;
}
#formContact input, #formContact select, #formContact textarea {
	border: 1px solid #000;
}
#formContact label {
	text-align: left;
	width: 150px;
	padding-right: 5px;
	border: none;
}
#formContact p {
	padding-top: 10px;
	padding-bottom: 5px;
	
}
#formContact br {
	clear: left;
}
#formContact .sendButton {	
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	border: none;
	float: left;
	display: block;
	margin-top: 10px;
	background: #FF6633;
	width: 100px;
}
#formContact .tinyInput { 
	width: 20px;
}
#formContact .smallInput { 
	width: 180px;
}
#formContact .mediumInput { 
	width: 200px;
}
#formContact .wideLabel {
	width: 260px;
}
#formContact p {
	margin-bottom: 5px;
}
#formContact input.hidden {
	display: none;
}
#formContact input.radioButton {
	float: left;
	width: 15px;
	margin: 0 5px 0 0;
	border: none;
}
#formContact .radioLabel {
	float: left;
	text-align: left;
	width: 80px;
	padding-top: 5px;
}
#formContact .radioYesNoLabel {
	float: left;
	text-align: left;
	width: 50px;
	padding-top: 5px;
}

/* ---------- Listing Table --------- */
#listTable {
	width: 100%;
}
td {
	padding: 2px;
	vertical-align: top;
}
.tr-heading {
	background: #973D00;
	color: #FFF;
}
.tr-body {
	padding-bottom: 10px;
}
.td-heading {
	padding-bottom: 0;
}