/*

Coded and Designed by Tony Scialdone
http://www.StraightStreetDesign.com/
and
http://www.DotComOnomics.com/

*/

/* GLOSSARY

COLOR 1 DARK BLUE: #3b5aa3
COLOR 2 YELLOW: #f7f409
COLOR 3 LIGHT BLUE: #167078
COLOR 4 GREEN: #177078
COLOR 5 RED: #be0027
COLOR 6 TAN BACKGROUND: #d7d7c2

*/

/* UNIVERSAL DECLARATIONS */

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	position: relative;
	margin: 0; padding: 0;
	background: transparent;
	border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }


/* CONTAINERS */

body {
	margin: 0;
	padding: 0;
	background: #d7d7c2 url(../images/bg_body.jpg) repeat-x left top;
	font: normal 100.01%/1.4em verdana, arial, sans-serif;
	color: #333; }

#wrap {
	margin: 0 auto;
	width: 777px;
	font-size: .8em; }

#header {
	margin: 0 auto;
	width: 100%;
	height: 40px; }

#nav {
	margin-bottom: 17px;
	height: 25px; }

#branding {
	height: 237px;
	background: url(../images/bg_branding.jpg) no-repeat left top; }

#content {
	float: left;
	background: url(../images/bg_content.jpg) repeat-y left top; }

#main {
	float: right;
	width: 513px;
	min-height: 600px;
	background: #fff; }

#secondary {
	float: left;
	width: 262px;
	background: #d7d7c2 url(../images/bg_nav_two.jpg) no-repeat left top; }

#footer {
	clear: both;
	width: 100%;
	background: #177078;
	border-top: 3px solid #f7f409; }


/* TOP NAV STYLE */

#nav ul {
	list-style-type: none;
	font: bold 100%/23px verdana, arial, sans-serif;
	text-align: right;
	letter-spacing: -1px;
	text-transform: uppercase; }

#nav li { display: block; display: inline; margin-right: 42px; }

#nav a:link,
#nav a:visited,
#nav a:active {
	color: #006;
	text-decoration: none; }
#nav a:hover { color: #00f; }


/* TYPOGRAPHY */

h1 { position: absolute; text-indent: -9999px; }

h2 {
	margin: 21px 0 -7px 21px;
	font-weight: normal;
	font-size: 145%;
	color: #333;
	white-space: nowrap; }
h2 span { position: absolute; text-indent: -9999px; }

h3 {
	margin: 21px 0 -14px 21px;
	font: normal 136%/1.4em verdana, arial, sans-serif;
	color: #01009a; }

h4 {
	clear: both; 
	margin: 21px 0 -14px 21px;
	font: bold 118%/1.4em verdana, arial, sans-serif;
	color: #01009a; }
	
#main p {
	margin: 1.3em 21px 0 21px;
	line-height: 1.4em;
	text-align: justify; }
	
blockquote {
	margin: 0px 21px 28px 0px; 
	padding-bottom: 14px; }
blockquote p {
	padding: 14px 7px 0 7px;  
	background: transparent url(../images/quotes.gif) no-repeat left top; 
	color: #302658; }
blockquote img.pic {
	float: right; 
	margin: 0 0 0 14px; }
blockquote cite {
	display: block;
	margin: 7px 0 0 0;
	font-weight: bold;
	color: #302658; 
	text-align: left; 
	font-style: normal; }

/* SIDE NAV STYLE */
	
a:link,
a:visited,
a:active { text-decoration: none; font-weight: bold; color: #01009a; }
a:hover { text-decoration: none; color: #177078; }

li.gatwo { margin-top: 7px; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.smaller { font-size: 80%; }
.clear { clear: both; }
.clear { clear: both; margin-top: 21px; }
.center { display: block; margin-right: auto; margin-left: auto; text-align: center; }
.noborder { border: 0; }
img.fleft { float: left; margin: 7px 14px 7px 0; padding: 4px; background: #fff; border: 1px solid #000; }
img.fright { float: right; margin: 7px 0 7px 14px; padding: 4px; background: #fff; border: 1px solid #000; }

strong { font-weight: bold; }
em { font-style: italic; }
.strong { font-weight: bold; }
.red { color: #f00; }

ul li.none, ol li.none { list-style-type: none; }

#main ul { margin: 14px 21px; }
#main ul li { 
	list-style-position: outside; 
	margin: 0 0 7px 21px; 
	line-height: 1.3em; }

#main ol { margin: 14px 42px; }
#main ol li { 
	margin-bottom: 7px; 
	line-height: 1.4em; 
	text-align: justify; }
	
#main ol li p { margin: 0px; }

#main ol ul { 
	list-style-type: disc; 
	margin: 7px 14px; }
#main ol ul li { margin-bottom: 3px; }

img.pic { 
	display: block;
	margin: 7px auto;
	padding: 3px; 
	background: #fff; 
	border: 1px solid #000; }
	
img.right {
	float: right; 
	margin: 7px 21px; }
	
img.left { margin: 7px 14px; }


/* MAIN STYLES */

#main div.intro {
	margin: 21px 0 0 0;
	padding: 14px 28px 0 28px;
	background: #a2a9d3 url(../images/bg_mission.jpg) no-repeat 59px bottom;; }

#main div.intro p { margin: 0; padding: 0; }

#main div.intro a {
	display: block;
	margin-top: 7px;
	text-align: right; 
	color: #f7f409; }
#main div.intro a:hover { color: #239e46; }

#main p#mission { 
	margin-top: 28px; 
	padding-bottom: 14px; }

#main img.flag_sa {
	float: right;
	margin: 21px 21px 0 21px; }

#main a:link,
#main a:visited,
#main a:active { text-decoration: none; font-weight: bold; color: #f00; }
#main a:hover { text-decoration: none; color: #177078; }

ul.person {
	list-style-type: none;
	margin: 28px 0 28px 21px;
	height: 250px; }

ul.person li {
	float: left;
	margin-right: 28px;
	width: 155px; }

ul.person img.pic {
	padding: 3px;
	background: #fff;
	border: 1px solid #000; }

ul.person img.sig { display: block; }

ul.person h4 {
	padding: 0 0 0 7px;
	font: normal 75%/1.4em verdana, arial, sans-serif; }

#main dl { margin: 14px 21px; }
#main dt {
	margin: 0 0 7px 0;
	font-weight: bold; }
#main dd {
	margin: 0 21px 7px 21px;
	line-height: 1.4em;
	text-align: justify; }
	
#main dl.tight dd { margin-bottom: 3px; }

#successstories { 
	float: right;
	margin: 21px;
	padding: 0 0 7px 0; 
	width: 160px; 
	border-bottom: 1px solid #000; }
#successstories div { background: #fcfcfc; }
#successstories img { padding: 4px; background: #ccc; border: 1px solid #000; }
#successstories h4 { margin: 7px auto; font-size: 100%; text-align: center; white-space: nowrap; }
#successstories p { margin: 0; padding: 0; font-size: 85%; }

.dwraight {
	margin: 14px; 
	padding: 14px; 
	background: #acb1d7; 
	font-size: 90%; 
	border: 1px solid #999; }
	
.dwraight ul { float: right; width: 150px; list-style-type: none; text-align: center; }
.dwraight li { margin: 0 auto; width: auto; text-align: center; }
.dwraight li img { padding: 3px; background: #fff; border: 1px solid #999; }

/* SECONDARY STYLES */

#navtwo { 
	list-style-type: none; 
	margin: 14px 0 28px 0; }

#navtwo li { text-align: right; }

#navtwo li a { padding-right: 24px; }

#secondary p {
	margin: 0 24px 14px 21px;
	line-height: 1.3em;
	text-align: justify; }

#secondary img#flag_sa {
	display: block;
	margin: 0 auto 28px auto; }

img.map_sa {
	display: block;
	margin: 0 auto;
	padding: 4px;
	background: #fff;
	border: 1px solid #000; }

p#maplink {
	top: -150px;
	font-size: 85%;
	color: #fff;
	text-align: center; }

p#maplink a:link,
p#maplink a:visited,
p#maplink a:active { color: #fff; }
p#maplink a:hover { color: #f7f409; }

#contactinfo { margin: 21px 0 42px 0; }
#contactinfo p { text-align: right; }

/* FOOTER STYLES */

#footerwrap {
	margin: 0 auto;
	width: 777px;
	height: 77px;
	background: url(../images/bg_footer.jpg) no-repeat right top; }

#sitefoot {
	float: left;
	width: 600px;
	font-size: 60%; }

#sitefoot p {
	margin-top: 25px;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center; }

#sitefoot ul {
	list-style-type: none;
	text-align: center; }
#sitefoot ul li { display: inline; margin-left: 0; }
#sitefoot ul li a { text-indent: 0; }
#sitefoot a:hover { color: #fff; }


/* TABLES */

#main table td {
	padding: 5px 14px 5px 7px;
	line-height: 1.4em; }
#main table tr { background: #fff; }
#main table tr.alt { background: #d7d7c2; }
#main table tr td.alt { background: #d7d7c2; }

table#dailyschedule { 
	margin: 28px auto;
	padding: 0; 
	width: 451px;
	font-size: 80%; 
	line-height: 1em; 
	border: 1px solid #000; }
table#dailyschedule tr { background: none; }
table#dailyschedule tr.at td { background: #d7d7c2; }
table#dailyschedule td { 
	background: none; 
	line-height: 100%; 
	text-align: center; }
table#dailyschedule td.grey { background: #ccc; }


/* FORM ELEMENTS */

form {
	margin: 28px 0 0 21px;
	font: bold 100%/1.3em verdana, sans-serif;
	color: #666; }
	
form#registration { font-weight: normal; }
form#registration input { display: block; display: inline; height: 21px; padding: 3px 3px 0px 3px; }
form#registration .regstep01 {
	margin-bottom: 14px; 
	padding-left: 45px; 
	height: 38px; 
	background: url(../images/01.gif) no-repeat left top; 
	font-weight: bold; 
	line-height: 38px; }
	
form#registration .regstep02 {
	margin-bottom: 14px; 
	padding-left: 45px; 
	height: 38px; 
	background: url(../images/02.gif) no-repeat left top; 
	font-weight: bold; 
	line-height: 38px; }
	
form#registration .regstep03 {
	margin-bottom: 14px; 
	padding-left: 45px; 
	height: 38px; 
	background: url(../images/03.gif) no-repeat left top; 
	font-weight: bold; 
	line-height: 38px; }
	
form#registration .regstep04 {
	margin-bottom: 14px; 
	padding-left: 45px; 
	height: 38px; 
	background: url(../images/04.gif) no-repeat left top; 
	font-weight: bold; 
	line-height: 38px; }
	
form#registration textarea { width: 465px; }
	
div.inputgroup {	
	margin: 3px 0 14px 0; 
	font-weight: normal; }
	
fieldset { 
	margin: 14px 14px 14px 0; 
	padding: 14px; }
	
body#register fieldset {
	border-top: 1px solid #000; }
	
body#registr input { margin-bottom: 0; }
	
legend { padding: 0 14px; }

input, textarea {
	display: block;
	margin: 0 0 7px 0;
	padding: 3px;
	background: #fff;
	font: normal 100%/1.3em verdana, sans-serif;
	color: #be0027;
	border: 1px solid #a5a59f; }

input.check { display: inline; margin: 0; border: 0; }
label { 
	display: block;
	margin-bottom: 7px; 
	line-height: 1em; 
	vertical-align: bottom; }

form#registration div.tabular label { 
	display: block; display: inline;
	float: left; 
	width: 22%; }
	
input.hidden { display: none; }

textarea {
	overflow: auto;
	width: 350px;
	height: 77px; }

input.button, form#registration input.button {
	margin: 14px 0 0 0;
	padding: 3px 0;
	width: 98px;
	height: 30px;
	background: #177078;
	font-weight: bold;
	color: #fff;
	text-indent: 0;
	text-transform: uppercase; 
	border: 1px solid #000; }
	
input.unstyled {
	margin: 14px 0 0 0;
	padding: 3px 0;
	font-weight: bold;
	text-indent: 0;
	border: 0; }
	
select { 
	display: block; 
	margin: 14px 0 0 0; }
	
select#day, select#month, select#year {
	display: inline; }


/* INTELLIGENT NAVIGATION */

body#index li.home a,
body#signup li.signup a,
body#success li.success a,
body#roi li.roi a,
body#contact li.contact a  { color: #00f; }

body#index li.hometwo,
body#signup li.signuptwo,
body#success li.successtwo,
body#roi li.roitwo,
body#contact li.contacttwo,
body#ga li.gatwo { background: url(../images/li.gif) no-repeat 245px 6px; color: #177078; }

body#sitemap li.sitemap a,
body#privacy li.privacy a,
body#contact #footer li.contact a { color: #fff; }