@charset "utf-8";

/* 
	styling for roger mason jr foundation official website 
	by: Andre Zavala of Heritage Internet Technologies 
	contact: azavala@hwsinet.com 
*/ 

/* reset */
	* {
		vertical-align: baseline;
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		margin: 0;
	}
	
/* globals */
	body { background: #707070; text-align: center; }
	img { border: 0; }
	a:focus { outline: 0; }
	
/* positioning containers/wrappers */
	#main-container { width: 799px; margin: auto; height: auto; }
	#top-menu { width: 100%; height: 39px; text-align: right; }
	#main-header { width: 785px; height: 141px; padding: 0 0 0 14px; background: #fff; }
	#main-header-secondary { 
		width: 100%; height: 186px;
		background: #494949 url(../../images/header-secondary.jpg) no-repeat left; 
		 padding: 27px 0 0 0; 
		/* if user zooms text in, layout doesn't break */ overflow: hidden;
	}
	#main-header-secondary-about { 
		width: 100%; height: 186px;
		background: #494949 url(../../images/header-secondary_aboutus.jpg) no-repeat left; 
		 padding: 27px 0 0 0; 
		/* if user zooms text in, layout doesn't break */ overflow: hidden;
	}
	#main-header-secondary-contact { 
		width: 100%; height: 186px;
		background: #494949 url(../../images/header-secondary_contact.jpg) no-repeat left; 
		 padding: 27px 0 0 0; 
		/* if user zooms text in, layout doesn't break */ overflow: hidden;
	}
	#content-wrapper { width: 100%; height: auto; display: table; background: #a8a8a8; }
	#content-wrapper div#sidebar { 
		width: 227px; 
		background: #a8a8a8; text-align: center;
		float: right; padding: 0 20px;   
	}
	#content-wrapper div#content { 
		width: 484px; 
		background: #fff; 
		float: left; padding: 0 24px;
	}
	#footer { 
		width: 100%; height: 100px; 
		margin: 20px 0;
		font: bold 0.8em/120% Arial, Helvetica, serif; color: #ccc; text-align: center; 
	}
	.spacer { width: 100%; height: 20px; }
	
/* top menu */
	#top-menu ul.menu { float: right; display: inline; height: 39px; }
	#top-menu ul.menu li { 
		display: inline; list-style: none; 
		font: 1em/240% Arial, Helvetica, serif;  
		height: 39px;   
	}
	#top-menu ul.menu li:hover { background: #333; height: 39px; }
	#top-menu ul.menu li a { color: #fff; text-decoration: none; margin: 0 12px; }
	#top-menu ul.menu li a:hover { color: #fff; text-decoration: none; }
	#top-menu ul.menu li a:focus { outline: 0; }

/* logo */
	#main-header h1.logo { 
		width: 412px; height: 141px; 
		background: url(../../images/logo.jpg) no-repeat;
		float: left;
		text-indent: -9999px; font: 0em Arial, Helvetica, serif; color: #fff;
	}
	
/* description text inside of secondary header div */
	#main-header-secondary h2.company-description { 
		width: 237px; 
		float: right; padding: 0 15px;
		font: 1em/120% Tahoma; color: #efefef;
	}
	#main-header-secondary-about h2.company-description { 
		width: 237px; 
		float: right; padding: 0 15px;
		font: 1em/120% Tahoma; color: #efefef;
	}
	#main-header-secondary-contact h2.company-description { 
		width: 237px; 
		float: right; padding: 0 15px;
		font: 1em/120% Tahoma; color: #efefef;
	}
	
/* styling for content div */
	#content h3.section-heading { 
		font: 1.1em/120% Georgia, sans-serif; color: #676767; text-align: left;
		width: 100%; display: block; margin: 10px 0 5px 0;  
	}
	#content p.section-text { 
		font: 0.8em/130% Tahoma; color: #000; text-align: left;
		margin: 0 0 20px 0; width: 100%;
	}
	#content p.section-text span { font: italic 1em/130% Tahoma; }
	#content p.section-text strong { 
		font: bold 0.9em/150% Tahoma; text-align: left; text-indent: 1.4em; color: #333;
		display: block; width: 100%; margin: 12px 0; 
	}
	#content p.section-text a { color: #0076a3; text-decoration: none; }
	#content p.section-text a:hover { color: #0076a3; text-decoration: underline; }
	#content p.section-text a:focus { outline: 0; }
	#content p.section-text img { float: left; margin: 2px 4px; }

/* styling for sidebar div */
	#sidebar ul.side-links { list-style: none; width: 100%; }
	#sidebar ul.side-links li { 
		display: block; 
		font: 1.1em/150% Arial, Helvetica, serif; color: #464646; text-align: left;
	}
	#sidebar ul.side-links li a { color: #464646; text-decoration: none; }
	#sidebar ul.side-links li a:hover { color: #fff; text-decoration: none; }
	#sidebar ul.side-links li a:focus { outline: 0; }

/* styling for contact form */
	#content div.notification_ok {
		border: 1px #567397 solid; width: 90%; padding: 8px;
		height: auto;
		background: #f5f9fd;
		font: bold 0.8em/150% Tahoma; color: #000; text-align: center;
	}
	#content div.notification_error {
		border: 1px solid #A25965; width: 90%; padding: 4px;
		height: auto;
		background: #F8F0F1;
		font: bold 0.8em/150% Tahoma; color: #000; text-align: left;
	}
	#content div#fields { 
		font: bold 0.8em/200% Tahoma; color: #000; text-align: center;
		width: 100%;
	}
	#content div#fields input {
	border: 1px solid #ccc;
	width: 240px;
	padding: 3px;
	background: #DEE4E6;
	font: bold 1.5/140% Arial, Helvetica, serif;
	}
	#content div#fields textarea {
	border: 1px solid #ccc;
	padding: 3px;
	background: #DEE4E6;
	overflow: auto;
	font: bold 1.5/140% Arial, Helvetica, serif;
	}
	#content div#fields .button {
		border: 1px solid #ccc; padding: 5px; 
		background: #fff; width: auto;
		font: bold 0.9em/150% Arial, Helvetica, serif;
	}
	
/* footer content styling */
	#footer a { color: #fff; text-decoration: none; }
	#footer a:hover { color: #fff; text-decoration: underline; }
	#footer a:focus { outline: 0; }