/* Style for CENTRO */

/* Optimized for 1024 x 768 px */
/* However, the background is 1200pxs wide, so there is "xtra" content for those monitors */

/* body. light blue / textured background (back4.jpg) */

body {background:#A7B0E5 url(../imgs/backs/back4.jpg);
		background-repeat: repeat;
		margin-top:0px;
		font-family:verdana,sans;
		font-size:11px;
		color:#000;
	}
	
	
/* THE TOP */


/* The frame is canary yellow (F1EE10). Like the color on the top. */
/* this frame is closed by the footer */
/* It has 20px of padding on the left. So everything is moved towards the right and
the yellow shows "under" (to the left) of the pinkish background. */

table.framing {width:98%;
	background-color:#F1EE10; 
	border-color: #333;
	border-width: 1px;
	border-style: solid;
	border-bottom: 1px solid #E8790D;
	padding: 0px 0px 0px 20px;
	}
	
	
/* Top Table. It holds the logo and the Cannary Top Banner (with the tag Line).

The background is a dark blue (#254DA7) which only shows on monitors with a resolution higher 
than 1200 px wide */
/* the background is also yellow with the ornaments on top and the tiles towards the right */
table.top {background: #254DA7 url(../imgs/backs/backTop6.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		}
div.tagLine {font-family: georgia, serif;
			font-size:14px;
			font-weight:normal;
			color: #172BF1;
			text-align: left;
			padding-bottom:20px;
			letter-spacing:5px;
			text-shadow: #666 2px 2px 3px;
			}
			
			
			
/* THE FOOTER */

td.identification {width: 375px;
				}

p.identification {font-size:10px;
					color: #fff;
					text-align: left;
					padding-bottom:6px;
					padding-left:30px;
					}

p.identificationBlack {font-size:10px;
					color: #000;
					text-align: left;
					padding-bottom:6px;
					padding-left:30px;
					}
					

/* The Movie Cell */

td.bottomRight {background-color:transparent;
}

/* The Movie */

div.movieStrip {margin-left:40px;
			}


/* The Green Bottom Strip */

table.bottomStrip {width:98%;
	background-color:#65E90D; 
	border-color: #333;
	border-width: 1px;
	border-style: solid;
	padding: 0px 0px 0px 20px;
	
	}

td.bottomStrip {height:12px;
			}

/* Announcement table */
/* Table for special announcements */
/* On top of the date-credit strip, but visible ONLY when there is something to announce */
/* Text / Graphics generated by PHP script. */

td.announcements {height:1px;
				}

div.date {font-size: 11px; 
				color: #003; 
				font-family: Arial, sans-serif;
				padding-top:1px;
				padding-left:2px;
				text-align:left;
				}	

div.creditLine {font-size: 9px; 
				color: #003; 
				font-family: "Comic Sans MS", Arial, sans-serif;
				padding-right:2px;
				padding-top:1px;
				text-align:right;
				}

div.announcements {font-size:10px;
					font-weight:bold;
					color: #800000;
					text-align: center;
					padding-top:2px;
					}


/* LINKS */


a.creditLine:link {color:#003;
						text-decoration: underline;
						}
a.creditLine:visited {color:#003;
						text-decoration: underline;
						}
a.creditLine:hover {color:#800000;
						text-decoration: underline;
						background-color:#f1ee10;
						}
a.creditLine:active {color:#cccccc;
						text-decoration: underline;
						}


a.textLight:link {color:#fff;
						text-decoration: underline;
						}
a.textLight:visited {color:#fff;
						text-decoration: underline;
						}
a.textLight:hover {color:#003;
						text-decoration: underline;
						background-color:#A7B0E5;
						}
a.textLight:active {color:#cccccc;
						text-decoration: underline;
						}


a.textDark:link {color:#00c;
						text-decoration: underline;
						}
a.textDark:visited {color:#00c;
						text-decoration: underline;
						}
a.textDark:hover {color:#800000;
						text-decoration: underline;
						background-color:#f1ee10;
						}
a.textDark:active {color:#cccccc;
						text-decoration: underline;
						}



/* The Main Pages */

/* The PAGES */

/* Check but maybe table.content is deprecated */

table.content {width:780px;
			}
table.main {
		}
	
table.contentFull {width:100%x;
					margin-top:40px;
					margin-left:30px;
					margin-right:4px;
			}
			
			
/* HOME PAGE */

td.home {background: #254DA7 url(../imgs/backs/backHome.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		height:452px;
	}
	
	
div.homeBasic {font-size: 11px;
				color: #003;
				text-align:left;
				line-height: 22px;
				padding: 40px 60px 10px 80px;
				}

div.homeTwo {font-size: 11px;
				color: #003;
				text-align:left;
				line-height: 22px;
				margin-top: 30px;
				margin-left:40px;
				padding: 0px 0px 0px 20px;
				border-left: 4px solid #800000;
			}
			


/* SECTIONS */

/* Here we have the BACKGROUND for each of the main sections */

td.education {background: #534df7 url(../imgs/backs/backEducation.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		border: 1px solid #000;
		}
	
td.centroDeSalud {background: #EECF8B url(../imgs/backs/backCentroDeSalud.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
	
td.wellness {background: #2d6923 url(../imgs/backs/backWellness.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}

td.mentalHealth {background: #254DA7 url(../imgs/backs/backMentalHealth.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		}

td.culture {background: #254DA7 url(../imgs/backs/backCulture1.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		}
	
	
td.involved {background: #EECF8B url(../imgs/backs/backInvolved.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}
		

td.youth {background: #9457F9 url(../imgs/backs/backYouth.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		}



		
/* And this are the texts */

p.leadingLight:first-letter {font-size: 166%;
						  font-weight: bold;
						  color:#9DF3E8;
						  }	

p.leadingDark:first-letter {font-size: 166%;
						  font-weight: bold;
						  color:#518930;
						  }	


div.basicLight {font-size: 11px;
				text-align:left;
				line-height: 20px;
				margin-left:0px;
				padding: 20px 20px 30px 10px;
				color: #fff;
				}
				
div.basicBlack {font-family: verdana,sans;
				font-size: 11px;
				text-align:left;
				line-height: 20px;
				margin-left:0px;
				padding: 10px 20px 30px 10px;
				color: #333;
				}
				
div.contactInfo {font-weight:bold;
				font-size:11px;
				padding-top:18px;
				}
				
h3.white {font-size: 13px;
				font-weight:bold;
				color: #fff;
				text-align:left;
}

h3.black {font-size: 13px;
				font-weight:bold;
				color: #222222;
				text-align:left;
}


li {padding-bottom: 10px;
	}



/* LISTS */

div.itemList {font-size: 11px;
			  text-align:left;
				color:#003;
				padding:4px 10px; 2px 6px;
			}


a.mail:link {color:#00c;
						text-decoration: underline;
						}
a.mail:visited {color:#00c;
						text-decoration: underline;
						}
a.mail:hover {color:#800000;
						text-decoration: underline;
						background-color:#f1ee10;
						}
a.mail:active {color:#cccccc;
						text-decoration: underline;
						}
						


/* pull quotes */

div.quoteLeftLight {float: left; width:140px; 
				color:#ff0;
				font: bold 14px Helvetica, Verdana, sans-serif;
				padding: 3px 2px;
				line-height: 18px;
				margin-top: 10px;
				margin-bottom:4px;
				margin-left:0px;
				margin-right:10px;
				
				}
				
				
div.quoteRightLight {float: right; width:120px; 
				color:#ff0;
				font: bold 14px Helvetica, Verdana, sans-serif;
				text-align:center;
				padding: 3px 2px;
				line-height: 18px;
				margin-top: 0px;
				margin-bottom:4px;
				margin-left:12px;
				margin-right:0px;
				
				}
				
				
				
/* specials */

div.oneline {line-height:13px;
		}
		
		
img.photos {border: solid 1px #000;

		}
		
		
td.photo {vertical-align: top;
		padding-top:22px;
		}
	
div#terms, div#privacy {
	font-size:10px;
	margin-top: 25px;
	
}
#terms .title, #privacy .title {
	font-weight:bold;
	text-transform:uppercase;
}