/*  
   CSS Document 
   Author: Chris Emery
   Prepared for: Piedmont Progressive Preschool
   Acknowledgements:
   Special thanks to eos development (http://www.eosdev.com/) for the 
   background images used on the left border and surrounding areas.
*/

body {
	background-color: #174517;
	background-image: url(images/berryfield.gif);
	background-repeat: repeat;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#wrapper {
	width: 88%;	
	background-color:#fefff1;
	background-image: url(images/bg3.jpg);
    background-repeat: repeat-y;
	margin-top: 18px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: thin solid #000000;
	border-width:1px;
	min-width:600px;
	max-width:1000px;
	/* IE Dynamic Expression to set the height - this is due to IE not 
	   properly implementing min-width css standard */
	width:expression(document.body.clientWidth < 650? "600px": "88%" );
	
}

div#banner {
	padding: 8px;
	height: 110px;
	margin: 0px;
	text-align: center;
	background: transparent url(images/welcomePPP.jpg) no-repeat;
	background-position: 4px 4px;
        overflow:hidden;
}

div#sitename {
	margin-left:160px;
	margin-top:0px;
}

h1 {
    font-size:32px;
	font-family: Trebuchet, Times New Roman, Serif;
}

div#content {
    margin-left: 190px;
	margin-top: 1px;
	padding: 10px;
	min-height:300px;
    /* IE Dynamic Expression to set the height - this is due to IE not 
	   properly implementing min-height css standard */

}

h2#page-title  {
	margin-top: 0px;
	font-size: 18px;	
	font-family: Trebuchet, Times New Roman, Serif;
}

div#section {
   font-weight:bold;
   margin-top:25px;
}

div#section-title {
   font-weight:bold;
   margin-top:25px;
}

div#nav {
	width: 140px;
	padding: 10px;
	margin-top: 1px;
	float: left;	
}

div#event {
    display:block;
	padding:5px;
}

span#event-name {
    display:block; 
        width:400px; 
	float:left
}


div#news {
    display:block;
	padding:0px;
	width:80%;
	margin-left:30px;
	margin-bottom:30px;
	/*border-style:solid;
	border-color:#006600;
	border-width:1px;*/
}

span#name {
	float:left;
}
span#date{
	float:right; 		
}



div#footer {
	padding: 15px;
	/*border-top: thin solid #000000;*/
	margin-left:160px;
	margin-top:25px;
	clear:left;
	background-image: none;
}

a:visited.navlink,a:link.navlink,a:hover.navlink,a:active.navlink {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration: none; 
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #0000dd;
}

a:hover.navlink {
    color: #FF0000;
}

div#header p{
	font-style : italic;
}

div#footer p{
	text-align : center;
}

div#footer ul li{
	color : #000000;
	background-color : transparent;
	display: inline;
}

div#footer ul li a{
	color : #115EAC;
	background-color : transparent;
	text-decoration : none;
}

div#footer ul li a:hover{
	text-decoration : underline;
}

/* Section for the image gallery */
div.float {
  float: left;
  width: 120px;
  padding: 20px;
  }
  
div.float p {
   text-align: center;
   }

div.center {
   text-align: center;
}