/*page layout*/

html {
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: url(images/bottomslice.jpg);
background-position: bottom;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	/*line-height: 24px;*/
	margin: 0px;
	padding: 0px;
	
}

#header {
	text-align: center;
	background-attachment: scroll;
	background-image: url(images/logo-temp.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	height: 100px;
	width: 600px;
}



#wrapper {
	width:760px;
	margin: 0px auto;
	padding: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#content {
	margin: 0px;
	padding: 0px 0px 0px 0px;

}

#content p {
	color:#333333;
	text-align: left;
	margin: 0px;
	padding: 10px;
}

#content ul {
	margin: 0px;
	padding: 10px 10px 10px 30px;
	font-size: 0.9em;
}
#content li {
	color:#333333;
	list-style-position: outside;
	list-style-image: url(images/bulletstar.gif);
	margin: 0px;
	padding: 0px 0px 10px 0px;
}


#content p:hover {
color:#000000
}

#content a {
	color:#003366;
	text-decoration: underline;
}

#content a:hover {
	color: #FF6600;
}
#iconlinks {
	width:760px;
	margin: 0px;
	padding:  0px;
	text-align: center;
	height: 121px;

}
#iconlinks ul{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	
}
#iconlinks li{
	margin: 0px;
	padding: 0px 25px 10px 25px;
	display: inline;
	list-style-type:none;
}

#iconlinks a:hover{
	padding: 0px;
	margin: 0px;
	border-top: 4px none #333333;
	border-right: 4px none #333333;
	border-bottom: 4px solid #333333;
	border-left: 4px none #333333;
}
.darkgrey {
	color: #666666;
}
/* homepage body*/
body#home {
	background-attachment: scroll;
	background-image: url(images/homepage/topbgslice.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
	border: 2px solid #666666;
}
#header-home {
	text-align: center;
	background-attachment: scroll;
	background-image: url(images/homepage/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	height: 134px;
	width: 760px;
}
#home h1{
font-size: 1.2em;
color:#666666;
margin: 0px;
	padding: 10px 0px 0px 10px;
	
}
#home h2 {
font-size: 1em;
color:#666666;
margin: 0px;
	padding: 10px 0px 0px 10px;
	
}



/*body specific to teachers section*/

body#teachers {
	background-attachment: scroll;
	background-image: url(images/teachers/teacherstopslice.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0px;
	border: 2px solid #666666;
}
/*other  specific to teachers section*/

#header-teacher {
	text-align: center;
	background-attachment: scroll;
	background-image: url(images/teachers/brandingteachers.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	height: 134px;
	width: 760px;
}
#teachers h1{
font-size: 1.2em;
color:#009933;
margin: 0px;
	padding: 10px 0px 0px 10px;

}
#teachers h2 {
font-size: 1em;
color:#009933;
margin: 0px;
	padding: 10px 0px 0px 10px;
}
/*body specific to parents section*/

body#parents {
	background-attachment: scroll;
	background-image: url(images/parents/topbgsliceparents.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/*other  specific to teachers section*/

#header-parents {
	text-align: center;
	background-attachment: scroll;
	background-image: url(images/parents/brandingparents.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	height: 134px;
	width: 760px;
}
#parents h1{
font-size: 1.2em;
color:#006699;
margin: 0px;
	padding: 10px 0px 0px 10px;
}
#parents h2 {
font-size: 1em;
color:#006699;
margin: 0px;
padding: 10px 0px 0px 10px;
}

/*navigation*/

#topnav {
	float: right;
	text-align: left;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 400px;
}
#topnav a {
	color: #FFFFFF;
	text-decoration: none;
}

#topnav ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#topnav li {
	display: inline;
	font-size: 0.9em;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	list-style-type: none;
}

/*#mainnav {
	position: absolute;
	text-align: left;
	margin: 0px;
	padding: 10px;
	width: 760px;
	height: 110px;
	background-attachment: scroll;
	background-image: url(images/topbuttonbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}

#mainnav li {
	display: inline;
	font-size: 1em;
	color: #333333;
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;

	
}
#mainnav ul {
	margin: 0px;
	padding: 0px;
	background-color: #000066;
	display: block;

	
}*/

/*teachers navigation uls*/

#courses {
	float: left;
	width: 152px;
	height: 104px;
	padding: 5px 0px;
	margin: 0px;
background-attachment: scroll;
	background-image: url(images/topbuttonbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	
}

#courses ul {
	margin: 0px;
	padding: 0px;
	
}
#courses li {
	margin: 0px;
	padding: 5px 5px 0px 25px;
	font-size: 0.9em;
	list-style-type: none;
	color:#333333;
	background-attachment: scroll;
	background-image: url(images/bulletstar.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	
}
#courses a {
	color:#333333;
	text-decoration: none;	
}
#courses a:hover {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color:#FFCC00;
	border-left-color: #FF9900;
}

#inset {
	float: left;
	width: 152px;
	height: 104px;
	padding: 5px 0px;
	margin: 0px;
background-attachment: scroll;
	background-image: url(images/topbuttonbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	
}

#inset ul {
	margin: 0px;
	padding: 0px;
	
}

#inset li {
	margin: 0px;
	padding: 5px 5px 0px 25px;
	font-size: 0.9em;
	list-style-type: none;
	color:#333333;
	background-attachment: scroll;
	background-image: url(images/bulletstar.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	
}
#inset a {
	color:#333333;
	text-decoration: none;	
}
#inset a:hover {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color:#FFCC00;
	border-left-color: #FF9900;
}

#consult {
	float: left;
	width: 152px;
	height: 104px;
	padding: 5px 0px;
	margin: 0px;
background-attachment: scroll;
	background-image: url(images/topbuttonbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	
}

#consult ul {
	margin: 0px;
	padding: 0px;
	
	
}
#consult li {
	margin: 0px;
	padding: 5px 5px 0px 25px;
	font-size: 0.9em;
	list-style-type: none;
	color:#333333;
	background-attachment: scroll;
	background-image: url(images/bulletstar.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	
}
#consult a {
	color:#333333;
	text-decoration: none;	
}
#consult a:hover {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color:#FFCC00;
	border-left-color: #FF9900;
}

#motor {
	float: left;
	width: 152px;
	height: 104px;
	padding: 5px 0px;
	margin: 0px;
background-attachment: scroll;
	background-image: url(images/topbuttonbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	
}

#motor ul {
	margin: 0px;
	padding: 0px;
	
	
}
#motor li {
	margin: 0px;
	padding: 5px 5px 0px 25px;
	font-size: 0.9em;
	list-style-type: none;
	color:#333333;
	background-attachment: scroll;
	background-image: url(images/bulletstar.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	
}
#motor a {
	color:#333333;
	text-decoration: none;	
}
#motor a:hover {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color:#FFCC00;
	border-left-color: #FF9900;
}
#resources {
	float: left;
	width: 152px;
	height: 104px;
	padding: 5px 0px;
	margin: 0px;
background-attachment: scroll;
	background-image: url(images/topbuttonbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	display: block;
	
}

#resources ul {
	margin: 0px;
	padding: 0px;
	
	
}
#resources li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 0.8em;
	list-style-type: none;
	color:#333333;
	background-attachment: scroll;
	background-image: url(images/bulletstar.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	
}
#resources a {
	color:#333333;
	text-decoration: none;	
}
#resources a:hover {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color:#FFCC00;
	border-left-color: #FF9900;
	border-bottom-color: #FFCC00;
}


/*tags */

p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	padding: 5px;
}

a {
	color: #FFCC00;
}
/*a:hover {
	color:#FF6600;
}*/
h1 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #FFCC00;
}

/*classes*/
.buttonbg {
	background-attachment: scroll;
	background-image: url(images/topbuttonbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 104px;
	width: 147px;
	margin: 0px;
	padding: 0px;
}

.address {
	font-size: 0.8em;
	text-align: center;
}

/* homepage specific divs*/
#homecontent {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
#homecontent p{
	margin: 0px;
	padding: 0px 0px 0px 0px;
    color: #333333;
	clear: both;
}

#halfpageleft {
	text-align: center;
	margin: 20px;
	padding: 0px;
	width: 320px;
	float: left;
}

#halfpageleft a {
	color:#003366;
	text-decoration: underline;
}
#halfpageleft a:hover {
	color:#FF6600;
}
#halfpageright {
	text-align: center;
	margin: 20px;
	padding: 0px;
	width: 320px;
	float: left;
}

#halfpageright a {
	color:#003366;
	text-decoration: underline;
}
#halfpageright a:hover {
	color:#FF6600;
}
#spacer {
	clear: both;
	margin: 0px;
	padding: 1px;
}
.highlite_parents {
	font-weight: bold;
	background-color: #DEFFD5;
}

.highlite_teachers {
	font-weight: bold;
	color:#4DB828;
}

#rightpullout {
	width: 210px;
	float: right;
	margin:0px 0px 0px 20px;
	padding: 10px;
	clear: left;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;*/
	background-color:#FFFBE7;
}

.imgright{
	text-align: center;
	margin: 0px;
	padding: 10px;
	border: 2px solid #FFCC00;
}

.quotes_img{
	padding: 5px;
}
.quotes{
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
	background-color: #FFFBE7;
}
.img-left {
float: left;
margin: 0px;
padding: 0px 10px 0px 0px;
}
.kids_big_text {
	font-size: 1.1em;
	color: #0066CC;
	text-decoration: none;
	padding-left: 20px;
}
.newsletter_headings {
	font-size: 1.2em;
	background-color:#FFEDB4;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.newsitem {
	background-color: #FFFFCC;
}
.img-left-border {
	background-color: #FFFFCC;
	float: left;
	border: 2px solid  #FFCC00;
	padding: 5px;
	margin: 5px;
}

.img-right-border {
	background-color: #FFFFCC;
	float: right;
	border: 2px solid #FFCC00;
	padding: 5px;
	margin: 5px;
}