/* CSS Document for BRENT School South Newsletter
   Creted by: Rommel Blas
   Date Created: October 1, 2007
   Date Modified: January 22, 2010
*/

/* BASIC STYLES */
body { 
	background-color:#666666; margin-top:0px; margin-left:0px;
	font:normal 0.8em Verdana, Arial, Helvetica, sans-serif; 
	color: rgb(89,89,89);
}
h1 {
	font: normal 1.7em Arial, Helvetica, sans-serif; 
	color: rgb(99,36,35);
}
h2 {
	font: normal 1.5em Arial, Helvetica, sans-serif; 
	color: rgb(148,54,52);
}
h3 {
	font: normal 1.3em Arial, Helvetica, sans-serif; 
	color: rgb(217,149,148);
}
a { color:#0066FF; text-decoration:none }
a:hover { color:#0066FF; text-decoration:underline }
.normal { font:normal 0.8em Verdana, Arial, Helvetica, sans-serif; color:#333333 }
.secondary { font:bold 0.75em Arial, Helvetica, sans-serif; color:#666666 }
.footer { font:normal 8pt Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF }
.footer a { color:#FFFFCC; text-decoration:none }
.footer a:hover { color:#FFCC00; text-decoration:none }
.smalltext td { font:normal 8pt Verdana, Arial, Helvetica, sans-serif; color:#333333 }
.indented { padding-left:20px }
.highlight { color:Maroon; font-style:italic }
#newsandnotes li {
	list-style: url(../images/check-orange.gif);
	padding-bottom: 15px;
}
#numberedList li {
	padding-bottom: 15px;
}
#bulletList li {
	padding-bottom: 15px;
}
/* BASIC LAYOUT */
#CONTAINER { margin-top:0px; margin-left:0px; width:950px; position:relative; margin:0 auto; z-index:1 }
#HEADERLAYOUT { width:950px; height:60px; position:relative }
#CONTENTLAYOUT { width:950px; position:relative; z-index:2 }
#FOOTERLAYOUT { width:930px; height:50px; padding-top:5px; padding-bottom:5px; padding-left:35px; position:relative }

/* CONTENT LAYOUT */
#LEFT { left:30px; width:270px; position:absolute }
#RIGHT { top:5px; left:305px; width:610px; position:relative }
#SIDEMENUBOX { top:0px; left:30px; position:relative; width:270px }
#CALENDAR { left:30px; position:relative; width:270px;
    top: 1px;
}
#BANNER { top:15px; left:305px; position:absolute }
#ANNOUNCEMENT { 
	height: 14px;
	/*line-height: 25px;*/
	background-color: rgb(89,89,89);
	font: normal 10px Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 5px;
	color: rgb(255,255,255);
}
#CONTENTBOX { top:0px; left:305px; width:600px; position:relative; padding:10px 5px 10px 0px }

/* SIDEMENU STYLES */
#menu dl { width:250px; margin: 0 auto; padding: 0 0 0px 0; background-color:#999999 }
#menu dt { margin:0; padding: 5px; font:bold 1em Arial, Helvetica, sans-serif; color: #fff; border-bottom:1px solid #fff; background-color:#333333 }
#menu dd {margin:0; padding: 0px; color: #fff; font:normal 9pt Arial, Helvetica, sans-serif; border-bottom:1px solid #fff; background: #CCCCCC;}
#gallery a:link, #gallery a:visited {color:#333; text-decoration:none; display:block; padding:5px; background-color:#CCCCCC; width:240px }
#gallery a:hover { background-color:#f30; color:#fff }

#calendar dl { width:250px; margin:0 auto; padding:0 0 10px 0; background-color:#EEEEEE }
#calendar dt { margin:0; padding:5px; font:bold 1em Arial, Helvetica, sans-serif; color: #fff; border-bottom:1px solid #fff; background-color:#333333 }
#calendar dd { margin:0; padding:5px 20px 5px 10px; border-bottom:solid 1px #FFFFFF; font:normal 8pt Verdana, Arial, Helvetica, sans-serif }
/* ol li {font-size:11px;} */

/* Hidden Table -- for presentational purposes only */
.hiddenTable table {
	font-size: 1em;
	border-collapse: collapse;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}