/* --------- información --------------------------------
	


--------- CONTENTS --------------------------------------

	============================
	=1: Estructura Básica
	============================
	=2: Cabecera
	============================
	=3: Navigation
	----------------------------
		=3a: Navegación princial
		=3b: Navegación secundria
	============================
	=4: Contenido
	----------------------------
		=4a: Tipografía
		=4b: Listas
		=4c: Imagenes
		=4d: Links
		=4e: Formularios
		=4f: Tablas
	============================
	=5: Pie
	============================

		
--------------------------------------------------------- */

/*  COLORES ----------------

	: #;
	: #;
	: #;
	
=========================== */

@import url('jquery.lightbox-0.5.css');


b, strong {
	font-weight:bold;
	color:#716256; /* there's a lot of bold on the site and I don't want it being too strong */
}
i, em {
	font-style:italic;
}
hr {
	padding:10px 0;
	display:block;
	border:none;
	background:url(images/bg_hr.png) repeat-x left center;
	clear:both;
}

/*	=1: Estructura Básica
=============================================== */
body {
	background:#fff url(images/bg_main.jpg) repeat-x center top;
	font:12px/22px Verdana, helvetica, arial, sans-serif;
	color:#5E5247;
}
body#home {
	background-image:url(images/bg_main_home.jpg);
}
#cabecera {
	width:1000px;
	margin:0 auto;
}
#content {
	width:940px;
	margin:0 auto;
	padding:40px 30px;
	min-height:450px; /* for those short pages */
	overflow:hidden; /* needed so that this div doesn't collapse with everything floated inside it */
}
#home #content {
	background:url(images/bg_content_home2.jpg) no-repeat center bottom;
	min-height:0; /* don't need this on the homepage because the cabecera image is so tall */
}
.contact #content {
	background:url(images/bg_contact_stamp.jpg) no-repeat 470px 20px;
}
.twoColumns {
	width:920px !important;
	padding:40px 50px 0 !important;
}
.threeColumns div {
	width:260px;
	float:left;
	margin:0 26px 0 27px;
}
.twoColumns .leftCol {
	float:left;
	width:520px;
	padding-right:25px;
}
.twoColumns .rightCol {
	float:right;
	width:355px;
	overflow:hidden;
}
.campus-heritage .leftCol {
	border-right:1px solid #EEE8DE;
	-moz-box-shadow:1px 0 0 #fff;
	-webkit-box-shadow:1px 0 0 #fff;
}
.contact .twoColumns .leftCol, .contact .twoColumns .rightCol {
	width:445px;
}

.contact div.left, .contact div.right {
	width:180px;
}
#apply-box {
	overflow:hidden;
	padding:30px;
	margin-top:-10px;
	background:url(images/sprite_content.jpg) no-repeat left -324px;
}
#info-box {
	overflow:hidden;
	padding:0 40px 20px;
	margin:25px 0;
	background:url(images/sprite_content.jpg) no-repeat left top;
	height:304px;
}

/*	=2: Cabecera
=============================================== */
h1 {
	font:bold 45px/45px 'Droid Serif', Georgia, Serif;
	color:#403a28;
	text-shadow:0 1px 0 #f7f5ee;
	letter-spacing:-2px;
	width:400px;
	height:68px;
}
h1 {
	text-indent:-5000000px;
	height:65px;
	width:368px;
	margin:16px 0 0 38px;
}
h1 a, h1 a:hover, h1 a:active {
	background:url(images/baselogo08.png) no-repeat left top;
	/*height:65px;
	width:368px;*/
	height:68px;
	/*width:397px;*/
	width:797px;
	display:block;
}
#home h1 {
	height:68px;
	width:797px;
	margin:32px 0 0 38px;
}
#home h1 a, #home h1 a:hover, #home h1 a:active {

	background:url(images/baselogo08.png) no-repeat left top;

	height:68px;
	width:797px;
	display:block;
}





.cabeceraImage {
	width:1000px;
	height:162px;
	background:url(images/basegredos001.jpg) no-repeat left top;	
}
.cabeceraImage2 {
	width:1000px;
	height:162px;
	background:url(images/basegredos002.jpg) no-repeat left top;
}
.cabeceraImage3 {
	width:1000px;
	height:162px;
	background:url(images/basegredos003.jpg) no-repeat left top;
}
.cabeceraImage4 {
	width:1000px;
	height:162px;
	background:url(images/basegredos004.jpg) no-repeat left top;
}

#home .cabeceraImage, #home .cabeceraImage2, #home .cabeceraImage3, #home .cabeceraImage4{
	height:396px;
}
.casarural {
	background: url('images/baseprincipal-01.jpg') no-repeat center top;
}


.cabeceraImage h2, .cabeceraImage2 h2 , .cabeceraImage3 h2, .cabeceraImage4 h2 {
	font:42px/42px Myriad, Myriad Pro, Helvetica, Arial, sans-serif;
	width:600px;
	margin:30px 0 15px 57px;
	color:#fff;
	float:left;
}
.cabeceraImage h3, .cabeceraImage2 h3, .cabeceraImage3 h3, .cabeceraImage4 h3{
	font:22px/22px Myriad, Myriad Pro, Helvetica, Arial, sans-serif;
	width:600px;
	margin:18px 0 0 57px;
	color:#fff;
	float:left;
}
#home .cabeceraImage h2, #home .cabeceraImage h3, #home .cabeceraImage2 h2, #home .cabeceraImage2 h3,
 #home .cabeceraImage3 h2, #home .cabeceraImage3 h3, #home .cabeceraImage4 h2, #home .cabeceraImage4 h3{
	text-indent:-5000000px;
}


/*	=3: Navegación
=============================================== */


/*	=3a: Navegación principal
---------------------------------------------- */
ul.dropdown {
	position:relative;
	width:505px;
	height:36px;
	margin-top:-28px; /* keeps the cabecera image from being misaligned */
	margin-left:469px;
}
#home ul.dropdown {
	margin-top:-7px; /* keeps the cabecera image from being misaligned */
}
ul.dropdown li {
	float:left;
	display:block;
	height:36px;
	line-height:36px;
	text-align:center;
	zoom: 1; /* needed to keep IE6-7 from being jittery */
}
ul.dropdown li a {
	display:block;
	color:#fff;
	text-indent:-500000px;
}
ul.dropdown li.hover {
	/* the javascript appends a .hover class to the main li for IE6, but my styling doesn't accomodate it because I can't select a li with an id and a class (e.g., li#aboutUs.hover) */
}
ul.dropdown li a:active {
	background-color:transparent; /* keeps the buttons from turning blue on click */
}
ul.dropdown li#uno {
	width:91px;
	background: url(images/bg_nav_homepage.jpg) no-repeat left top;
}
ul.dropdown li:hover#uno {
	background-position: left bottom;
}
ul.dropdown li#dos {
	width:84px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -91px top;
}
ul.dropdown li:hover#dos {
	background-position: -91px bottom;
}
ul.dropdown li#tres {
	width:115px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -175px top;
}
ul.dropdown li:hover#tres {
	background-position:-175px bottom;
}
ul.dropdown li#cuatro {
	width:114px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -290px top;
}
ul.dropdown li:hover#cuatro {
	background-position: -290px bottom;
}
ul.dropdown li#cinco {
	width:101px;
	background: url(images/bg_nav_homepage.jpg) no-repeat -404px top;
}
ul.dropdown li:hover#cinco {
	background-position: -404px bottom;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	background:green;
	position:relative;
}
ul.dropdown li ul li.hover, ul.dropdown li ul li:hover {
	background:none; /* removes the hover styling set above */
}

/* Submenus */

ul.dropdown ul {
	width:202px;
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
}
ul.dropdown ul li {
	float:none;
	text-indent:0;
	text-align:left;
	height:auto; /* to offset the 36px height assigned earlier to the main <li>s and allow the <a> tags to control the <li> height */
	zoom: 1; /* needed to keep IE6-7 from being jittery */
}
ul.dropdown ul li a, ul.dropdown h3 {
	font:bold 12px/16px tahoma, Verdana, helvetica, arial, sans-serif;
	text-indent:0;
	color:#fff;
	width:170px;
	display:block;
	padding:8px 16px 10px;
	margin:0;
	height:16px;
	text-shadow:1px 1px 2px #706956;
	text-decoration:none;
	background:transparent url(images/bg_navigation.png) no-repeat left -42px;
}
ul.dropdown ul li.first a {
	background:url(images/bg_navigation.png) no-repeat left 0;
	height:15px;
	padding:14px 16px 13px;
}
ul.dropdown ul li.last a {
	background:url(images/bg_navigation.png) no-repeat left -78px;
	height:15px;
	padding:8px 16px 16px;
}
ul.dropdown ul li a:hover {
	color:#ffde46;
}
ul.dropdown h3 {
	background:transparent url(images/bg_navigation_h3.png) no-repeat left 0;
	text-indent:-500000px;
	margin-top:-2px;
}

/*	=3b: Secondary navigation
---------------------------------------------- */
#secondaryNav {
	padding:0 40px;
	height:35px;
	font:11px/35px Verdana, Arial, Helvetica, sans-serif;
	color:#928d79;
}
#secondaryNav ul {
	width:600px;
	float:left;
}
#secondaryNav ul li {
	float:left;
	padding:0 6px 0 16px;
	background:url(images/sprite_misc.png) no-repeat left -60px;
}
#secondaryNav ul li.home-link {
	padding-left:18px;
	background:url(images/sprite_misc.png) no-repeat left -8px;
}
#secondaryNav ul li.last {
	padding:0 6px 0 16px;
	background:url(images/sprite_misc.png) no-repeat left -60px;
	font-weight:bold;
}
#secondaryNav ul li a, #secondaryNav ul li a:visited, #secondaryNav ul li a:active {
	color:#928d79;
	background-color:transparent;
}
ul#shareLinks {
	float:right;
	width:205px;
}
ul#shareLinks p {
	float:left;
	padding-right:5px;
	color:#B5B09B;
}
#shareLinks span { /*hides the email image that comes from ShareThis javascript */
	display:none !important;
}
ul#shareLinks li {
	float:left;
	padding:0 12px 0 5px;
	background:url(images/sprite_misc.png) no-repeat right -88px;
}
ul#shareLinks li.last {
	background:none;
	padding:0 0 0 5px;
}
ul#shareLinks li a {
	display:block;
	height:16px;
	width:16px;
	padding:0;
	margin-top:9px;
	background:url(images/sprite_misc.png) no-repeat left -151px;
	text-indent:-500000px;
}
ul#shareLinks li a:hover {
	background-position:left -228px;
}
ul#shareLinks li.twitter a {
	background-position:left -124px;
}
ul#shareLinks li.twitter a:hover {
	background-position:left -203px;
}
ul#shareLinks li.other a {
	background-position:left -177px;
}
ul#shareLinks li.other a:hover {
	background-position:left -252px;
}
.contact .rightCol a {
/*	font-family:tahoma, arial, sans-serif;  needed to keep the email links from getting too long */
}

/*	=4: Content
=============================================== */


/*	=4a: Typography
---------------------------------------------- */
#content h2 {
	font:26px/30px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#2c4c63;
	margin:20px 0 10px;
}
#content h2:first-child {
	margin-top:5px;
}
#content h2.snapshots {
	font:18px/26px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#686458 !important;
	margin:15px 0 10px 8px;	
	padding-left:30px;
	background:url(images/sprite_misc.png) no-repeat left -329px;
}
#home #content h2 {
	font:23px/36px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	margin:5px 4px 10px;
	color:#2e5d0f;
}
#content #apply-box h2 {
	text-indent:-5000000px;
}
#content h3 {
	font:18px/22px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#2c4c63;
	margin:20px 0 -5px;
}
#content p {
	margin:15px 0;
	text-align: justify;
}
#content li{
	margin:15px 0;
	text-align: justify;
}
#home #content p {
	margin:0 4px;
}
#home #content p.countdown {
	margin:14px 0 5px 15px;
	font:12px/40px tahoma, verdana, helvetica, arial, sans-serif;
	color:#8f8977;
	text-shadow:0 1px 0 #fff;
}
h4 {
	font: bold 12px/22px tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 0;
	padding-top:8px;
	text-shadow:1px 1px 1px #E0DCD3;
}
.rightCol #info-box h4 {
	border-top:1px dotted #ddd9cc;
}
.rightCol #info-box table + h4 { /* selects any h4s that follow tables */
	margin:6px 0 0;
	border-top:none;
}
.outdoor-dts .rightCol #info-box h4, .china-dts .rightCol #info-box h4 {
	border-top:none;
	margin:10px 0 0;
}
.rightCol #info-box h2 + h4 {
	border-top:none;
}
.rightCol #info-box p {
	font: 12px/18px tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
	padding-left:22px;
}
.outdoor-dts .rightCol #info-box p, .china-dts .rightCol #info-box p {
	margin:10px 0 0;
	padding-top:10px;
	border-top:1px dotted #ddd9cc;
}
.outdoor-dts .rightCol #info-box p.cost, .china-dts .rightCol #info-box p.cost {
	border-bottom:1px dotted #ddd9cc;
	padding-bottom:10px;
	margin-bottom:10px;
}
.rightCol .text-box {
	margin:15px 10px;
	padding:5px 25px;
	background-color:#F9F8F3;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow:0 1px 5px #E1D8C9;
	-moz-border-radius:10px;
	-moz-box-shadow:0 1px 5px #E1D8C9;
	-webkit-border-radius:10px;
	-webkit-box-shadow:0 1px 5px #E1D8C9;
}

.come-on-staff .rightCol #text-box {
	border-radius:2px 2px 10px 10px;
	-moz-border-radius:2px 2px 10px 10px;
	-webkit-border-radius:2px 2px 10px 10px;
}
.rightCol .text-box p, .rightCol .text-box li {
	font-size:11px;
}
.rightCol .text-box h3:first-child {
	margin-top:15px !important;
}
.rightCol .text-box2 {
    margin-top: 150px;
	padding:5px 25px;
	background-color:#F9F8F3;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow:0 1px 5px #E1D8C9;
	-moz-border-radius:10px;
	-moz-box-shadow:0 1px 5px #E1D8C9;
	-webkit-border-radius:10px;
	-webkit-box-shadow:0 1px 5px #E1D8C9;
}


.rightCol blockquote {
	padding:15px 5px 20px;
	font:11px/22px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg_quote.png) no-repeat left 8px;
}
.rightCol cite {
	text-align:right;
	display:block;
}


/*	=4b: Lists
---------------------------------------------- */
#content ul, #content ol {
	margin:15px 0 15px -15px;
	padding-left:15px;
	list-style-type:square;
}
#content ol {
	list-style-type:decimal;
}
#content ul li, #content ol li {
	margin:5px 0;
}
#content .text-box ul, #content .text-box ol {
	margin-left:4px;
}
#content .text-box ul ul, #content .text-box ol ul {
	margin:5px 0;
}
#content .text-box ul ul li, #content .text-box ol ul li {
	list-style-type:none;
	margin:0;
}
#content ul.twoCol, #content ul.threeCol, #content ul.fourCol {
	overflow:hidden;
}
#content ul.twoCol li {
	float:left;
	padding-right:25px;
	width:225px;
}
#content ul.fourCol li {
	float:left;
	padding-right:25px;
	width:105px;
}
.contact #content ul {
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}
.contact #content ul li {
	margin:0;
}


/*	=4c: Images
---------------------------------------------- */
#content img {
	border:3px solid #fff;
	margin-top:6px;
	box-shadow:0 1px 4px #cac3b8;
	-moz-box-shadow:0 1px 4px #cac3b8;
	-webkit-box-shadow:0 1px 4px #cac3b8;
}
#content img.no-style {
	border:none;
	margin-top:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.curriculum img.no-style { /* styles the PDF thumbnails */
	margin-left:-7px;
	margin-right:30px;
}
.rightCol img {
	margin-left:10px;
}
.rightCol iframe {
	margin-left:50px;
	margin-top: 10px;
}
#home .rightCol img {
	margin-left:0;
}
#slideshow, #slideshow2 {
    position:relative;
    height:235px;
	margin:10px 0 25px;
}
#slideshow a, #slideshow2 a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow a.active, #slideshow2 a.active {
    z-index:10;
}
#slideshow a.last-active, #slideshow2 a.last-active {
    z-index:9;
}
#slideshow a img, #slideshow2 a img {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
#slideshow a.active img, #slideshow a.last-active img, #slideshow2 a.active img, #slideshow2 a.last-active img, #content a img.first, #slideshow a:first-child img, #slideshow2 a:first-child img {
	box-shadow:0 1px 4px #cac3b8;
	-moz-box-shadow:0 1px 4px #cac3b8;
	-webkit-box-shadow:0 1px 4px #cac3b8;
}





/*	=4d: Links
---------------------------------------------- */
a {
	color:#08549f;
	text-decoration:underline;
}
a:hover {
	color:#08549f;
	text-decoration:none;
}
a:visited {
	color:#304a65;
}
a:active {
	color:#fff;
	text-decoration:none;
}
a.more {
	background:url(images/sprite_misc.png) no-repeat right 4px;
	padding-right:10px;
}
#footer a, #footer a:visited, #footer a:active {
	color:#7A6951;
	background:none;
}
/* Link Buttons */
a.btn {
	height:39px;
	display:block;
	text-decoration:none;
	font:bold 15px/39px Myriad Pro, Myriad, Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	background:transparent url(images/sprite_blue_btns.png) no-repeat right top;
	text-align:center;
}
a.btn span {
	height:37px;
	display:block;
	background:transparent url(images/sprite_blue_btns.png) no-repeat left -116px;	
	cursor:pointer;
	padding:0 20px;
}
a:hover.btn {
	background-position: right -39px;
}
a:hover.btn span {
	background-position: left -155px;
}
a:active.btn {
	background-position: right -78px;
}
a:active.btn span {
	background-position: left -194px;
}

#home a.apply {
	width:150px;
	float:right;
}
#home a.apply span {
	background-position:left -232px;
}
#home a:hover.apply span {
	background-position:left -271px;
}
#home a:active.apply span {
	background-position: left -310px;
}

#footer a:hover {
	background-position:left -37px;
}
#footer a:active {
	background-position:left -74px;
}


/*	=4e: Forms
---------------------------------------------- */
.contact table {

}
.contact table td {
	padding:10px 0;
	vertical-align:top;
}
.contact table tr.last td {
	padding:0;
}

label {
	display:block;
	width:75px;
	text-align:left;
	font-weight:bold;
	padding-right:10px;
	line-height:26px;
}
input, select, textarea {
	font:bold 12px/14px tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#008C4F;
	text-shadow:0 1px 0 #FCFBF7;
	padding:5px;
	width:290px;
	border:1px solid #e0d6ca;
	border-bottom-color:#fff;
	background:#F0EDE6 url(images/bg_form.png) repeat-x left -30px;
	border-radius:3px 3px 4px 4px;
	-moz-border-radius:3px 3px 4px 4px;
	-webkit-border-radius:3px 3px 4px 4px;
}

input:focus, select:focus, textarea:focus {
	border-color:#BCB2A6 #e0d6ca #fff #e0d6ca;
	background-position:left -35px;
}
input#submit_btn, input#goog-wm-sb {
	width:143px;
	height:40px;
	background:url(images/btn_send.png) no-repeat left top;
	text-indent:-5000000px;
	border:none;
	cursor:pointer;
}
input:hover#submit_btn {
	background-position:left -40px;
}
input:active#submit_btn {
	background-position:left -80px;
}
select {
	background-position:left top;
	background-color:transparent;
	width:302px;
	line-height:20px; /* since Safari doesn't seem to wan tto display the padding */
}
option {
	text-shadow:none;
}
textarea {
	min-height:110px;
	line-height:18px;
}
span.FAIL {
	color:#8c002e;
	display:block !important;
	font:bold 11px/12px tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-shadow:0 1px 1px #e0d6ca;
	padding:6px 0 4px 12px;
	background:url(images/sprite_misc.png) no-repeat left -385px;
}
span.PASS {
	display:block !important;
	float:right;
	width:22px;
	height:22px;
	background:url(images/sprite_misc.png) no-repeat 3px -410px;	
}
#FORM_LOAD {		/*This acts as a modal type overlay added during ajax processing. It's attached to the form's parent element.*/
	position: relative;
	top:0;
	left:0;
	height:270px;
	width:400px;
	border:1px solid #E0D6CA;
	background: #FAF9F5 url(images/throbber.gif) no-repeat center;    /*NOTE: CUSTOMIZE YOUR LOADING IMAGE AT www.ajaxload.info */
	opacity: .55;                     /*Adjust opacity of the overlay with the following three rules*/
	-moz-opacity:0.55;
	filter:alpha(opacity=55);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




/*	=4f: Tables
---------------------------------------------- */

#info-box table {
	font:11px/18px tahoma, Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	margin-top:10px;
}
#info-box table tr:nth-child(2) td {
	background-color:#fff;
}
#info-box table tr:nth-child(4) td {
	background-color:#FCFBF9;
}
#info-box tr td {
	border-bottom:1px dotted #DDD9CC;
	padding:5px;
}
#info-box tr td:last-child {
	padding-right:0;
}

/*	=5: Quote and Footer
=============================================== */
#quotes {
	height:98px;
	background:url(images/bg_footer.jpg) repeat-x center top;
	margin-top:25px;
}
#quotes blockquote {
	width:940px;
	padding:0 30px;
	margin:0 auto;
	display:table;
	height:98px;
	overflow:hidden;
}
#quotes blockquote p {
	font:bold 15px/24px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#837162;
	text-shadow:1px 0 0 #fff;
	display:table-cell;
	vertical-align:middle;
}
#quotes blockquote p .quote-mark {
}
#quotes blockquote p span.source {
	font:bold 11px/24px Myriad Pro, Myriad, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-left:10px;
}
#quotes blockquote p span.source em {
	font-weight:normal;
}
#footer {
	height:80px;
	background:url(images/bg_footer.jpg) repeat-x center bottom;
}
#footer-container {
	width:950px;
	height:37px;
	padding:23px 25px 20px;
	margin:0 auto;
}
#footer-img {
	width:300px;
	height:200px;
	float:left;
	margin:-143px 0 0 -300px;
}
#footer-img {
	background:url(images/bg_footer_img_leaf_yellow.png) no-repeat right bottom;
}

#footer p {
	font:11px/39px Tahoma, Verdana, helvetica, arial, sans-serif;
	color:#806947;
	text-shadow:0 1px 0 #EFEAE0;
	width:550px;
	float:left;
}