/* General Settings
   <style type="text/css">
*/
 body {
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bgBodyOrangeBrown.png);
	background-repeat:repeat-x;
}
h1 {
	margin-top:0px;
	margin-bottom:0px;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #aa151b;
	font-family: "Times New Roman", Times, serif;
}
h2 {
	border-color: 1px solid #aa151b;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0px;
	color:black;
	font-size: 125%;
	border-bottom: 1px solid #aa151b;
	font-weight:normal;
}
.subTitle {
	font-size:16px;
	font-weight:bold;
	color:black;
}
.clear {
	clear: both;
}
p.indentedP {
	text-indent: 10px;
}
	
#page-container {
	background-color: #fff;		/* background for the middle column */
	border: solid 0px #fdfdf0;		/* border around the entire layout */
	min-width: 960px;		/* limit how narrow the layout will
					   shrink before it stops. */
	margin: 10px auto 0px auto;			/* horizontal margins here instead of on 
					   the body because we're setting min-
					   width on this element. if margins set 
					   on body users will see an odd skip in 
					   the layout's rendering as it's 
					   resized below min-width. (JS-based 
					   min-width only.) */
	width:960px;
}
#outerHeaderContainer {
	background-color: #666;	/* left column's width and background
					   color */
}
#innerHeaderContainer {
	background-color: #fdfdf0;	/* middle column background */
	border: solid 0px #fdfdf0;
	border-width: 0 1px;
	margin: 0 -1px;			/* compensate for the borders because of
					   100% width declaration */
}
#upperHeader {
	margin:0px;
	height:150px;
	width:100%;
}
#logo {
	float: left;		/* float left, where it'll live */
	margin-left: 0px;	/* move it further left. the value here should
				   be the same value as the left border width
				   on #outer-column-container, but negative */
	width: 297px;		/* need to set a definite width, should be the
				   same width as the left border width on
				   #outer-column-container */
	margin-right: 1px;	/* overlap the middle column to help with
				   clearing. see general notes above. */
	vertical-align: top;
	background-color: #fdfdf0;
	color:black;
	height:140px;
	vertical-align:top;
	padding: 5px;
}
#search {
	float: right;		/* middle column goes right of the left column
				   since the two share the same parent 
				   element */
	width: 633px;		/* make the middle column as wide as possible
				   for a fluid layout. this is not possible
				   if it's parent element, 
				   #source-order-container, wasn't also at
				   100% width */
	margin-left: -1px;	/* make room for the left-column's overflap */
	background-color: #fdfdf0;
	height:140px;
	vertical-align:baseline;
	padding:10px 0px 0px 0px;
}
.searchBox {
	text-align:right;
	vertical-align:middle;
}
#searchBox
{
	font-style:italic;
	border-top: solid 0px #000;	/* same situation as the masthead but
					   this time we're rendering the top
					   border. */
	padding-bottom: 1px;		/* hack to force the entire footer to
					   receive the background color */
	padding-top: 1px;				   
	height:44px;
	text-align:right;
	vertical-align:middle;
	background-image:url(../img/search-bg.jpg);
	background-repeat:repeat-y;
	background-position:right;
	}
	
#lowerHeader {
	margin:0px;
	/*height:400px;*/
	width:100%;
	background-color: #fef9e9;
}

#navArea {
	float: left;		/* float left, where it'll live */
	margin-left: 0em;	/* move it further left. the value here should
				   be the same value as the left border width
				   on #outer-column-container, but negative */
	width: 170px;		/* need to set a definite width, should be the
				   same width as the left border width on
				   #outer-column-container */
	margin-right: 1px;	/* overlap the middle column to help with
				   clearing. see general notes above. */
	vertical-align: top;
	background-color:#fef9e9;
	color:white;
	/*vertical-align:top;*/
	text-align:right;
}
#navigation {
	margin-left: 0em;	/* move it further left. the value here should
				   be the same value as the left border width
				   on #outer-column-container, but negative */
	width: 170px;		/* need to set a definite width, should be the
				   same width as the left border width on
				   #outer-column-container */
	margin-right: 1px;	/* overlap the middle column to help with
				   clearing. see general notes above. */
	vertical-align: top;
	text-align:left;
	/*font-size: 20px;*/
}
#fontSize {
	text-align:center;
	vertical-align: bottom;
	height:30px;
}

#picture {
	float: right;		/* middle column goes right of the left column
				   since the two share the same parent 
				   element */
	width: 790px;		/* make the middle column as wide as possible
				   for a fluid layout. this is not possible
				   if it's parent element, 
				   #source-order-container, wasn't also at
				   100% width */
	margin-left: -1px;	/* make room for the left-column's overflap */
	background-color: #CCC;
	color:#000;
	height:300px;
	vertical-align:baseline;
	text-align:right;
}
#outerContentContainer {
	/*border-left: solid 13em #ccc;	 left column's width and background
					   color */
		/*border-right: solid 360px #ccc; right column's width and background
					   color */
	background-color:#999
}
#innerContentContainer {
	background-color: #fcfcfc;	/* middle column background */
	border: solid 2px #000;
	border-width: 0 1px;
	margin: 0 -1px;			/* compensate for the borders because of
					   100% width declaration */
}
#leftPannel {
	float:left;
	vertical-align:top; 
	width:659px; 
	background-color: #ffffff;
	margin-left: 0em;
}
#leftPannelHeader {
	margin-left: 10px 0px;
	background-color: #aa151b;
	color: #FDE1E4;
	padding: 10px;
	height:50px;
	vertical-align:top;
}
#leftPannelHeader h1{
	color: #FDE1E4;
	margin-top:15px;
	font-size:24px;
}
#headerPic {
	position:absolute;
	margin-left: 5px;
	margin-top: 5px;
	z-index:990;
}
#leftPannelContent {
	/*background-image:url(../img/parchis2.jpg);
	background-position:center;
	background-repeat:no-repeat;*/
	margin-left: 10px 0px;
	background-color: #FFF;
	padding: 10px;
	/*vertical-align:top; */
	font-family:Chalkboard Bold,Georgia, "Times New Roman", Times, serif;
	font-size: larger;
}
#rightPannel {
	float:right;
	vertical-align:top; 
	width:300px; 
	background-color: #FFC;
	margin-left: -1px;
}
#rightPannelHeader {
	margin-left: 10px 0px;
	background-color:#fff;
	color:  #336633;
	padding: 10px;
	height:50px;
	vertical-align:top;
	border:#336633 2px solid;
}
#rightPannelHeader h1{
	margin-top:15px;
	font-size:24px;
	color:  #336633;
}
#rightPannelContent {
	margin-left: 10px 0px;
	background-color: #336633; /* 093
	background-repeat:repeat-x; */
	padding: 10px;
	vertical-align:top;
}
.announcement {
	background-color:#DEEFD6;
	padding: 5px;
	text-align:left;
	border-bottom: 1px #999  dashed;
	vertical-align:top;
}
.announcementPicture {
	float:left;
	padding:0px 5px 5px 0px;
}
.announcementTitle {
	float:left;
	font-size:14px;
	color:#336600;
	margin-left:0px;
	text-decoration:underline;
	font-weight:bold;
	vertical-align:top;
}
.announcementText {
	font-size:12px;
	color:#000;
	margin-left:0px;
}
.learnMore {
	color:blue;
	font-weight:bold;
}

#centerPannel {
	float:left;
	vertical-align:top; 
	width:960px; 
	background-color: #ffffff;
	margin-left: 0em;
}
#centerPannelHeader {
	margin-left: 10px 0px;
	background-color: #aa151b;
	color: #FDE1E4;
	padding: 10px;
	height:50px;
	vertical-align:top;
}
#centerPannelHeader h1{
	color: #FDE1E4;
	margin-top:15px;
	font-size:24px;
}
#centerPannelContent {
	margin-left: 10px 0px;
	background-color: #FFF;
	padding: 10px;
	vertical-align:top;
	border: 1px #666 solid;
}

#outerFooterContainer, #outerFooterContainer a:link, #outerFooterContainer a:visited, #outerFooterContainer a:active {
	/* background-color:#999;	left column's width and background
					   color */
	text-decoration: none;
	color: black;
}
#outerFooterContainer a:hover {
	/* background-color:#999;	left column's width and background
					   color */
					   
	text-decoration: underline;
	font-weight:bold;
	padding-top: 15px;
}
#innerFooterContainer {
	background-color: #fcfcfc;	/* middle column background */
	border-top: 1px #CCC solid;
	font-weight: normal;
	font-style:italic;
	text-align:center;
	padding-top: 10px;
	margin: 0 -1px;			/* compensate for the borders because of
					   100% width declaration */
}
.footer {
	font-family:  Calisto MT, Batang, sans-serif, Verdana, Arial, Helvetica;
	color: #fff;/*#aa151b;*/
	font-size: 8pt;
	text-align:left;
	vertical-align:middle;
	padding-left:20px;
	padding-top: 10px;
	font-style:normal;
	background-image:url(../img/footer2.png);
	background-repeat:repeat-x;
	height:25px;
}
#school {
	padding:10px;
	text-align:center;
}
#schoolName {
	text-align:left;
	float:left;
}
#schoolMap {
	float:left;
	padding-left: 15px;
}
#schoolTeachers {
	float:left;
	padding-left: 35px;
	text-align:left;
}
#tableSchedule {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin-left:40px;
	margin-bottom: 20px;
	color:black;
}

#tableSchedule table{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:1px solid #999;
}
#tableSchedule td {
	text-align:left;
}
#tableSchedule th {
	font-weight:bold;
	text-align:center;
	border-bottom: #666 solid 1px;
}
.noticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	margin-left:20px;
	margin-bottom: 20px;
	line-height:1.231;
}
#juntaDirectiva {
	width: 900px;
	float:left;
	text-align:left;
}

/*ul.rMenu, #leftmenu ul.rMenu li, #leftmenu ul.rMenu a, #leftmenu ul.rMenu active, #leftmenu ul.rMenu visited, #leftmenu ul.rMenu hover
ul.rMenu-ver, ul.rMenu-ver li, ul.rMenu-ver a, ul.rMenu-ver active, ul.rMenu-ver visited, ul.rMenu-ver hover {
	font-size:12x;
}

</style>*/
.boldText {
	font-weight: bold;
}