/* GENERAL PAGE SETTINGS */

BODY {
background-color: #3E5EB8;
background-image: url(/images/background.jpg);
background-repeat: repeat-x;
font-size: 80%;
font-weight: normal;
font-family: georgia; 
text-align: center;
}

li {
list-style-image: url(/images/bullet.gif);}

HR {
color: #5E7DA0; 
background-color: #5E7DA0; 
height: 1px;
width: 100%;
}

/* SETS LINKS AND HEADING COLORS */

a:link    {color: #000080; text-decoration: none; font-weight: bold; letter-spacing: normal;}
A:VISITED {color: #5E7DA0; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #87A3C3; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {color: #5E7DA0; text-decoration: none; font-weight: bold;}


H1 {color: #000080; font: bold 22px Georgia, Georgia, serif; text-align: right; border-bottom: 3px double #3C516C; padding: 30px 10px 3px 0; margin: 40px 0 20px 0;}
H2 {color: #000080; font: normal 20px Tahoma, Arial, sans-serif; text-align: left; text-transform: lowercase; letter-spacing: 2px;}
H3 {color: #000080; font: bold 16px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: center; letter-spacing: 2px;}
H4 {color: #000080; font: normal 14px "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; text-align: center; letter-spacing: 3px;} 
H5 {color: #3C516C; font: bold 14px Verdana, Arial, sans-serif; margin: 0px; text-align: center;}
H6 {color: #3C516C; font: bold 8px Verdana, Arial, sans-serif; margin: 0px;}


/*-------- LAYOUT -------- */

#container {
position : relative;
background-color: #FFFFFF;
color: #000000; 
text-align: left;
width: 750px;
margin-left: auto;
margin-right: auto;
/*border-bottom : 5px solid #fdf4b3;*/
}

#header {
background: url(../../images/Logo/header.jpg); 
width: 750px;  
height: 110px;  
padding: 0px 0px 0px 0px;
}

#yourname {
font: bold 30px Georgia, Georgia, serif; 
color: #FFFFFF; 
width: 700px;
padding: 50px 0px 0px 50px; 
text-align: left; 
letter-spacing: 2px; 
float: left;
}

#content {
font-weight: normal;
font-size: 100%;
font-family: Comic Sans MS;
line-height: 18px; 
background-color: #FFFFFF; 
text-align: justify; 
width: 530px;
float: right; 
padding: 10px 5px 10px 0;
}

#contentwide {
background-image: url(http://palielementary.org/images/Class_Pages/Library/bookbg.gif);
background-attachment: fixed;
font-weight: normal;
font-size: 100%; 
line-height: 18px; 
background-color: #FFFFFF; 
text-align: justify; 
width: 750px;
float: right; 
padding: 0px 0px 10px 0;
}

#topnav {
width: 420px;  /* DO NOT EDIT */
padding: 5px 5px 0 0; 
text-align: right;
float: right;
}

#sidebar {
/*clear: both;*/
font-weight: normal; 
background: #FFFFFF; 
text-align: center; 
width: 180px; 
float: left; 
padding: 10px 5px 10px 5px;
}

#leftside {
clear:both; 
margin: 20px 20px 20px 10px; 
width: 160px; 
float: left;
}

#rightside {
margin-left: 600px; 
position: absolute; 
top: 0px; 
right: 0px;
}

#center {
clear: right; 
padding: 0px 10px 0px 60px;
}


.sidebar {
	background: transparent;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
	text-align: center; 
	width: 167px;
	float: right; 
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.sidetitle {
	background-image: url(/images/Class_Pages/Cafeteria/title.jpg);
	background-repeat: repeat-x;
	border: 1px solid #840403;
	width: 165px;
}

.sidenews {
	background-color: #FFFFFF;
	border: solid;
	border-color: #A3A78E #840403 #840403;
	border-width: 0px 1px 1px;
	color: #000000;
	width: 165px;
}

.sidenews p{
	background: transparent;
	font-variant:normal; 
	font-weight:normal; 
	font-size:10px; 
	font-family:verdana, sans-serif;
	width: 150px;
	margin-top: 0; 
	padding-top: 0;
	text-align: left; 
}


#footer {
clear: both;
font-weight: bold;
font-size: 85%; 
text-align: center; 
color: #FFFFFF; 
background: url(../../images/footer.jpg); 
height: 20px;
width:720px; 
padding: 15px;
}

#footer a:LINK    {color: #FFFFFF; text-decoration: none; font-weight: bold; letter-spacing: normal;}
#footer A:VISITED {color: #FFFFFF; text-decoration: none; font-weight: bold;}
#footer A:HOVER   {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
#footer A:ACTIVE  {color: #FFFFFF; text-decoration: none; font-weight: bold;}



/* -----------------TABLE ------------- */


.table {
	border: 5px ridge  #565a61; 
	color: #000000;
	border-collapse: collapse;
	padding: 0px;
	border: 1px;
	font-size: 100%;
	font-family:georgia;
	float: left;
	margin: 0px 20px 0px 10px;
	text-align: center; 	
}

.tableheader {
	margin:5px; 
	padding: 8px;
	border:2px solid #565a61;
	background-color:#565a61;		
	color:#FFFFFF;	
	font-size: 9pt;	
	font-weight:bold;
	text-align: center;

}

.even {
	margin: 5px; 	
	padding: 5px;
	border: 1px solid #565a61; 	
	background-color:#EFEFEF;	
	color:#000000;	
	font-size: 9pt;
	width: auto;
	vertical-align: top;
	
	
}

.odd {
	margin: 5px; 	
	padding: 5px;
	border: 1px solid #565a61; 	
	background-color:#ffffcc;	
	color:#000000;	
	font-size: 9pt;
	width: auto;
	vertical-align: top;
}

.oddeven {
	margin: 5px; 	
	padding: 5px;
	border: 1px solid #565a61; 	
	background-color:#CCCCCC;	
	color:#000000;	
	font-size: 9pt;
	width: auto;
}




/* SPECIAL FORMATTING CLASSES */

.tiny {
font: italic bold 11px Verdana, Arial, sans-serif;}

.calendar {
font-size: 100%; border: 3px double #5E7DA0; width: 190px; padding: 5px; text-align: center; margin: 10px 0 20px 0}

.hottopic {
font-size: 85%; border: 3px double #5E7DA0; width: 180px; padding: 5px; text-align: left; margin: 10px 0 20px 0;}

.hottopic form {margin: 0;}
.hottopicbox {margin: 0 Auto; color: #000000; background-color: #D8E0E1; border: 1px solid #000000;}
.hottopicbutton {margin: 5px}

.hottopicnav {
font-size: 85%; border: 3px double #5E7DA0; width: 190px; padding: 5px; text-align: center; margin: 10px 0 20px 0; line-height: 16px; font-weight: bold;}


.popups {background-color: #FFFFFF; width: 420px; padding: 5px; text-align: center; border: 3px double #000000; margin: 30px 0;}

.event dl {margin: 2em 0; padding: 0;}
.event dt {position: relative; left: 0; top: 1.1em; width: 20em; color: #3C516C; font-family: georgia, times, serif; font-weight: bold;}
.event dd {color: #000000; border-left: 1px dashed #9CB5CE; margin: 0 0 0 9em; padding: 0 0 .5em .5em;}

.dropcapred	
	{
	float: left;
	width: 14px;
	background: #f0f0f0;
	color: #cc3333;
	font: bold x-large sans-serif;
    }
   
	

/* IMAGE CONTROLS */
.imageright {clear: left; margin: 0px 0px 5px 120px;}
.imageleft {clear: left; margin: 0px 12px 5px 0px;}
.imageleftbutton {float: left; border: 0px; padding: 0px; margin: 0px;}
.imagecenter {margin: 0px 160px 5px 80px;}
.imagecentermap {margin: 50px 5px 5px 110px;}
.photoright { border: 3px double #000000; margin: 0px 0px 5px 12px;}
.photoleft  {float: left; border: 3px double #000000; margin: 0px 12px 5px 0px;}

.photocenter {
	clear: left;
	margin: 0px 0px 5px 50px;
}