/*STYLESHEET FOR CORAL SPRINGS CHARTER SCHOOL WEBSITE*/
/*WRITTEN BY SUSAN L. FEDERMAN --- PLEASE DO NOT EDIT WITHOUT DIRECT PERMISSION*/


* {
padding: 0;
margin: 0;
} 


/*Body Styling Below*/

body {
margin:0;
padding: 0;
background: #BDC4F2;
color: #666;
font: 12px Arial, Verdana, Tahoma, sans-serif;
line-height: 17px;
}


/*Container Styling Below*/

#wrap {
width: 800px;
margin: 0 auto;
}

#top {
height: 10px;
background: #BDC4F2 url(top.gif) no-repeat;
}


/*Header Styling Below*/

.glossyheader {background-image: url('glossyback.gif'); 
height:25;
}

#header { 
height: 144px;
background: #BDC4F2 url(images/header.gif) no-repeat;
}

#header h1 { padding: 15px 0 0 20px; }
#header h1 a {
color: #336699;
text-decoration: none;
font-size: 20px;
}

#header h1 a:hover {
color: #000;
}

#header h2 {
color: #666;
font-size: 17px;
padding: 0 0 0 20px;
border-bottom: 1px solid #c5c6c6;
}



h1, h2, h3, h4, h5 {
font-family: Palatino Linotype; Arial, Verdana;
}



/*Link Styling Below*/

a { color: #336699; text-decoration: none; }
a:hover { color: #010132; text-decoration: underline; }
img { border: none; }


#navigation {
height: 30px;
line-height: 30px;
background: #BDC4F2 url(content.gif) repeat-y;
margin-left: 0px;
}

#navigation li {
display: inline;
list-style-type: none;
}

#navigation li a {
color: #fff;
text-decoration: none;
font-size: 11px;
font-weight: 600;
}

#navigation li a:hover {
color: #010132;
}



/*Content Boxes Styling Below*/

#content {
background: #BDC4F2 url(content2.gif) repeat-y;
}

.left {
margin-top:3px; 
float: left;
width: 180px;
padding: 10px 10px 20px 10px;
}

.left li {
list-style-type: none;
}

.left li a {
display: block;
padding: 3px 3px 3px 20px;
font-weight: 500;
}

.left li a:hover {
background: #fefefe;
text-decoration: none;
}

.center { 
float: left;
width: 380px;
padding: 5px 0px;
text-align: justify;
margin-top:0px;
}

.center img { 
display: block;
margin-right:auto;
margin-left:auto;
margin-top:5px;
}

.center2 { 
float: left;
width: 380px;
padding: 5px 0px;
text-align: left;
margin-top:0px;
}


.center_home { 
background: transparent url(images/pantherbg_white.gif);
background-repeat: no-repeat; 
float: left;
width: 380px;
padding: 5px 0px;
text-align: justify;
margin-top:0px;
}

.center h2 {
font-size: 17px;
color: #444;
padding: 5px 0;
border-bottom: 1px solid #c5c6c6;
}

.center h2 a { text-decoration: none; }
.center ul { padding: 20px; }
.center li { font-weight: 600; }
.center2 li { margin-left:15px}

.right {
float: right;
width: 180px;
padding: 10px 20px 20px 20px;
text-align: left;
}

.box {
background : #fff;
border: 1px solid #bbb;
padding: 10px;
margin: 0 0 10px 0;
text-align: left;
}

.box a { font-weight: 600; }
.box1 {
background : #fff;
border: 1px solid #bbb;
padding: 10px;
margin: 10px;
}

.box1 a { font-weight: 600; }

#footer {
height: 27px;
line-height: 20px;
text-align: center;
background: #BDC4F2 url(content2.gif) repeat-y;
color: #ccc;
font-size: 11px;
text-align:center;
margin-left: 0px;
margin-top: 0px;
}

#footer a { color: #eee;}
#footer a:hover { color: #fff; }

#bottom {
height: 40px;
background: #BDC4F2 url(bottom.gif) no-repeat;
padding: 4px;
}




/*Table Styling Below*/


th {
text-align: center;
background-image: url('glossyback.gif'); 
height:25; color:white
}




/*Calendar Styling Below*/


#evtcal {font: normal 8pt "Arial", "Verdana", "Sans Serif"; text-align:center; padding:4px} 
#evtcal a:link {font: normal 8pt "Arial", "Verdana", "Sans Serif"; color: #336699; text-decoration: none; text-align:center; padding:4px}		
#evtcal a:visited {font: normal 8pt "Arial", "Verdana", "Sans Serif"; color: #336699; text-decoration: none; text-align:center; padding:4px}	/* 
#evtcal a:hover {font: normal 8pt "Arial", "Verdana", "Sans Serif"; color: #010132; text-decoration: underline; text-align:center; padding:4px}
	
#evtcal a:active {font: normal 8pt "Arial", "Verdana", "Sans Serif"; color: #336699; text-decoration: none; text-align:center; padding:4px}		



dayInfo {
  padding: 0px;
}


.events {font-size: 7pt; font-family: Arial, Verdana; }

textarea {width:30px; height:30px; font-family:Arial, Verdana, sans-serif; color:#666}


/*Last Update Styling Below*/

#lastupdated {
font-size:7pt;
color: #666;
margin-left:48px;
}



/*Marquee Styling Below*/

#marqueecontainer{
position: relative;
width: 140px; /*marquee width */
height: 218px; /*marquee height */
background-color: transparent;
overflow: hidden;
border: 0px solid white;
padding: 3px;
padding-left: 2px;
font-family:Arial, Verdana;
}

.scrolltop {font-family: Palatino Linotype, serif; font-size:11pt; font-weight:bold;}

.scrolltop2 {font-size:8pt; font-style:italic;}

.scrollheading {font-size:10pt; font-weight:bold;}

.scrollcontent {font-size:8pt; text-align:justify;}

.scrollcontent2 {font-size:8pt; text-align:left;}



#play_scroll_cont {display:none;}


.contentdiv {width:90px;
height:110px;
background-color: transparent;
border-color:white;
}






/*END OF STYLESHEET*/