/*

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: #A2A9D3
COLOR 4 GREEN: #239e46
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;
	background: url(../images/bg_header.jpg) no-repeat 360px 0px; }

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

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

#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: #239e46;
	border-top: 3px solid #f7f409; }


/* NAV STYLE */

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

#nav li { display: inline; }

#nav a:link,
#nav a:visited,
#nav a:active {
	color: #2f4881;
	text-decoration: none; }
#nav a:hover { color: #be0027; }

#nav img { top: 4px; margin-left: 14px; }

/* 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: #3b5aa3; }


#main p {
	margin: 1.3em 21px 0 21px;
	line-height: 1.4em;
	text-align: justify; }

a:link,
a:visited,
a:active { text-decoration: none; font-weight: bold; color: #006; }
a:hover { text-decoration: none; color: #be0027; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.smaller { font-size: 80%; }

.center { display: block; margin-right: auto; margin-left: auto; text-align: center; }
.noborder { border: 0; }

.file { color: #999; }
strong { font-weight: bold; }
.strong { font-weight: bold; }
.red { color: #f00; }
sup { font-weight: bold; color: #00f; }

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 35px; 
	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: #239e46; }

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; }

ul#checklist li { 
	list-style-type: none;
	padding-left: 45px; 
	height: 38px; }
ul#checklist li.one { background: url(../images/01.gif) no-repeat left top; }
ul#checklist li.two { background: url(../images/02.gif) no-repeat left top; }
ul#checklist li.three { background: url(../images/03.gif) no-repeat left top; }
ul#checklist li.four { background: url(../images/04.gif) no-repeat left top; }
ul#checklist li.five { background: url(../images/05.gif) no-repeat left top; }

/* SECONDARY STYLES */

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

#navtwo li { text-align: right; }

#navtwo li a { padding-right: 24px; }
li.yltwo { margin-top: 23px; }
li.flag { 
	float: right; 
	right: 28px; 
	margin-top: 7px; 
	margin-bottom: 14px; 
	margin-left: 7px; 
	display: inline; 
	width: 28px; 
	text-align: right; }

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

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

img.map_sa {
	clear: both;
	display: block;
	margin: 7px 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; }
	
p.regstep01,
p.regstep02,
p.regstep03,
p.regstep04,
p.regstep05,
p.regstep06 { 
	margin: 14px 14px 0 0; 
	padding-left: 45px; 
	height: 38px;
	font-weight: bold;
	line-height: 38px;
	text-indent: 0; }

.regstep01 { background: url(../images/01.gif) no-repeat left top; }
.regstep02 { background: url(../images/02.gif) no-repeat left top; }
.regstep03 { background: url(../images/03.gif) no-repeat left top; }
.regstep04 { background: url(../images/04.gif) no-repeat left top; }	
.regstep05 { background: url(../images/05.gif) no-repeat left top; }
.regstep06 { background: url(../images/06.gif) no-repeat left top; }

	
form#registration textarea { width: 465px; }

input, textarea {
	display: block;
	margin: 0 0 7px 0;
	padding: 3px;
	width: 200px;
	height: 21px;
	background: #fff;
	font: normal 100%/1.3em verdana, sans-serif;
	color: #be0027;
	border: 1px solid #a5a59f; }
	
div.inputgroup {	
	clear: both;
	margin: 3px 0 14px 0; 
	font-weight: normal; }
	
body#register fieldset {
	border-top: 1px solid #000; }

input.check { 
	display: inline; 
	margin: 0; 
	width: auto; 
	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%; }
	
select { 
	display: block; 
	margin: 14px 0 0 0; }
	
select#day, select#month, select#year {
	display: inline; }

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: #239e46;
	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; }




/* INTELLIGENT NAVIGATION */

body#index li.home a,
body#overview li.overview a,
body#reg li.reg a,
body#generalinfo li.where a,
body#contact li.contact a,
body#index li.hometwo a,
body#overview li.overviewtwo a,
body#generalinfo li.geninfo a,
body#dirinfo li.dirinfo a,
body#ylinfo li.ylinfo a,
body#schedule li.schedule a,
body#contact li.contact a,
body#programa li.programa a  { color: #239e46; }

body#index li.hometwo,
body#overview li.overviewtwo,
body#reg li.reg,
body#generalinfo li.geninfo,
body#dirinfo li.dirinfo,
body#ylinfo li.ylinfo,
body#schedule li.schedule,
body#contact li.contacttwo,
body#friends li.friendstwo,
body#programa li.programa { background: url(../images/li.gif) no-repeat 245px 6px; color: #239e46; }

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