/*CSS by Ryan Hanau; ryan@chromadesign.com*/

/*Splash Page Rules*/

#splashBody {
background-color: #f90; }

table#splash {margin:auto;
height: 100%; }

.center {margin-left:100px;}

/*Home Page and Main Page Template Rules*/

body {color: #630;
background-color: #fff;
margin: 5px 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
line-height: 1.4em;
text-align:center }

/*Links*/

a:link {color: #004080;
text-decoration: none; }

a:visited {color: #800000;
text-decoration: none; }

a:hover {color: #004080; }

/*Links In the English Nav Bar*/

.nav2 a:link {color: #fff; }

.nav2 a:visited {color: #fff; }

.nav2 a:hover {color:#c30;
background-color:#fff; }

/*Links in the Breadcrumb: Left Brown Area*/

#breadCrumb a:link {color: #f90; }

#breadCrumb a:visited {color: #f90; }

#breadCrumb a:hover {color:#fff; }

/*Links in The Spanish Nav Bar*/

.nav2Spanish a:link {color: #fff; }

.nav2Spanish a:visited {color: #fff; }

.nav2Spanish a:hover {color:#c30;
background-color:#fff; }

/* Text Stuff */

h1 {font-family: sans-serif;
font-size: 1.1em;
font-weight: bold;
color: red;
margin-top: 0;}

h2 {font-family: sans-serif;
font-size: 1em;
font-weight: bold;
margin-top: 0;}

h3 {font-family: sans-serif;
font-size: 1.3em;
font-weight: normal; }

h4 {font-family: sans-serif;
font-size: 1.2em;
font-weight: normal; }

h5 {font-family: sans-serif;
font-size: 1.1em;
font-weight: normal; }

.white {color:#fff; }

.redBold {color:red;
font-weight:bold; }

.bold {font-weight:bold; }

/* Layout Stuff */

/* Main Content Div */

#content {position: relative;
width:760px;
height: 540px;
margin:0px auto;
text-align:left;
padding:0;
background: #f90;
z-index:10; }

/* English Language Nav Bar: Images */

#nav {position:absolute;
top:0px;
right:0px;
z-index:45; }

.nav {margin-left: 2px; }

/* English Language Nav Bar: HTML Text */

/* General Class Stuff Applying to Each Drop Down Div */

.nav2 {
position: absolute;
top:18px;
background-color:#c30;
color:#fff;
font-size: 12px;
border: 2px #fff solid;
z-index:100;
font-weight: bold;
visibility: hidden;
padding-top:10px;
}

.nav2 ul {list-style: none;
margin: 0;
padding: 0; }

.nav2 li a {padding:7px;
display:block;
width:100% }

html>body .nav2 li a {width: auto; }

/* Specific Layout Rules for Each Drop Down Menu */

#aboutUs {left:293px;
width:10em;
}

#educationalPrograms {left:378px;
width:15em;
}

#getInvolved {left:566px;
width:8em; }

/* Photo Div Layout: Bottom Right */

#photo {
	position: absolute;
	left:0px;
	top:40px;
	z-index:30;
	height: 164px;
}

/* Two Column Layout Rules for Home & Main Templates */

#home #left {position: absolute;
top: 239px;
left: 0px;
z-index:40; }

#home #right {
	position: absolute;
	top: 167px;
	right: 25px;
	padding:0px;
	margin: 0px;
	width:278px;
	height:240px;
	border: 1px #ffc000 solid;
	overflow: visible;
	z-index:50;
	left: 262px;
}

/* The Right Div Has A Child Div  (rightSm) to Avoid Hor. Scroll Bars in IE 5, Mac */

#rightSm {
margin:5px;
width: 420px;}

#main #left {position: absolute;
top: 39px;
left: 0px;
height:450px;
width:250px;
z-index:40;
background: url(../images/siteWide/brownShape.gif) no-repeat; }

/* Rules to Position the Breadcrumb Div, Left Mid-page Corner */

#breadCrumb {color:#fff;
font-weight:bold;
font-size:10px;
color: #f90;
width:250px;
margin-top:20px;
padding:10px;
}

#main #right {position: absolute;
top: 40px;
right: 25px;
padding:0px;
margin: 0px;
width:450px;
height:425px;
border: 1px #ffc000 solid;
overflow: auto;
z-index:50; }

/* Rules for Spanish Language Nav */

/* Class Rules for Each Image */

.navSpanish {margin-right: 2px; }

/* Rules for HTML Text Drop Down Menus */

.nav2Spanish {
position: absolute;
bottom:19px;
text-align:left;
background-color:#c30;
color:#fff;
font-size: 12px;
border: 2px #fff solid;
z-index:100;
font-weight: bold;
visibility: hidden;
}

.nav2Spanish ul {list-style: none;
margin: 0;
padding: 0; }

.nav2Spanish li a {padding:7px;
display:block;
width:100% }

html>body .nav2Spanish li a {width: auto; }

/* Rules to Position Each Spanish Language Drop Down Menu */

#navSpanish {position: absolute;
top: 520px;
left: 0px;
height:20px;
z-index:60; }

#sobreNosotros {left:0px;
width: 10.5em;
padding-bottom:10px; }

#programasEducativos {left: 126px;
width: 21em;
padding-bottom:10px; }

#participa {left: 304px;
width: 10em;
padding-bottom:10px; }

/* Position Radio Div: Bottom Right */

#radio {position: absolute;
top: 489px;
right: 0px;
z-index:70; }

/* Photo Gallery Small Images Spacing */

.rightMargin {margin-right:14px;}

/* Drop down nav hide trick */

.blank {width: 100%;
height: 10px;
border:0px;
background-color:#c30;}