/*
bizzytots.css
Main style sheet for Bizzy Tots website
Designed and built by Ian Piper of Tellura Information Services Ltd
August 2006
Updated February 2007 to fix navigation menu appearance in IE7
http://www.tellura.co.uk/

*/


* {
	margin: 0;
	padding: 0;
}

body  { 
	color: #000000;
	background-color: #fdfded;
	text-align: center;
}

p   { 

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	line-height: 1.4em;

}


ul.page_bullets {
	margin-left: 20px;
}
ul.page_bullets li   { 
	list-style: url("../images/green_bullet.gif"); 
	margin-bottom: 5px; 
	padding-left: 5px;
}


.clearboth {
	clear: both;
}

/*
#wrapper {
	width: 990px;
	position: relative;
	left: 50%;
	margin-left: -495px;
	background: url(../images/bizzytots_page_edges.jpg) repeat-y center top; 
}
*/

#wrapper {
	text-align: left;
	width: 990px;
	margin: 0 auto;
	background: url(../images/bizzytots_page_edges.jpg) repeat-y center top;
}


#banner {
	background-image: url(../images/bizzytots_banner_new.jpg);
	background-repeat: no-repeat;
	background-color: #ffffcc;
	background-position: 0 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	/* padding-top: 5px; */
	height: 110px;
	width: 940px;
	margin: 5px 25px;
}


#banner h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	text-indent: -1000em;
}

#banner p {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}

/* links for contact, about and site map pages */

#banner h4 {
	float: right;
	margin: 30px 10px 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 14px;
	font-weight: normal;
	text-align: right;
	color: #ffffcc;
	line-height: 17px;
}


/* used for iip logo on all pages except home page */
#banner h5 {
	float: right;
	margin: 8px 5px 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;
	text-align: right;
	color: #369;
	line-height: 17px;

}

#banner h4 a {
	color: #369;
	text-decoration: none;
/* display: block; */
}

#banner h4 a:visited {
	text-decoration: none;
}


#banner h4 a:hover, 
#banner h4 a:active {
	color: #369;
	text-decoration: underline;
}

#contentWrapper {
	/*background-image: url(../images/mainContent_bg_860x131.jpg); */
	background-position: bottom;
	background-repeat: no-repeat;
	width: 940px;
	margin: 5px 25px;
}


/* Main Navigation */

#mainNavigation {
	width: 220px;
	display: inline;
	float: left;
}

#mainNavigation h4 {
		font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 14px;
	/* font-weight: bold; */
	margin-top: 10px;
	margin-left: 5px;	
}

 ul.mainNav {
	margin: 5px 0 5px 5px;
	padding: 5px 0 10px 0;	
	list-style: none;
}

ul.mainNav a {
	display: block;
	width: 175px;
	height: 12px;
	/* line-height: 5px;
	padding: 6px 0 0 20px; */
	padding: 3px 3px 5px 20px;
	margin: 2px 5px 2px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #e6d9cc #66594d #66594d #e6d9cc;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	background: #339933 url("../images/logo_tiny.gif") no-repeat 1px 50%; 
}

ul.mainNav a:hover {
	background-color: #84af8c;
	border-color: #e6d9cc #66594d #66594d #e6d9cc;
	background-image: url("../images/logo_tiny_hover.gif");
}

/* kludge to remove large gaps in IE on Windows */
ul.mainNav li {
	display: inline; 
}


/* Style for the current selected page */
#index .mainNav .index a,
#people .mainNav .people a,
#aims .mainNav .aims a,
#activities .mainNav .activities a,
#ofsted .mainNav .ofsted a,
#site_li .mainNav .site_li a,
#site_r .mainNav .site_r a,
#site_b .mainNav .site_b a,
#fees .mainNav .fees a,
#events .mainNav .events a,
#policies .mainNav .policies a,
#contacts .mainNav .contacts a {
	background: #D4EABF url("../images/logo_tiny.gif") no-repeat 1px 50%;
	color: #333333;
	cursor: default;
	border-width: 1px;
	border-style: solid;
	border-color: #e6d9cc #66594d #66594d #e6d9cc;
}

#mainContent {
	/* width 700 -> 680 and padding-right 5px -> 25px 20060705 */
	width: 650px;
	display: inline;
	margin: 2px 10px 20px 5px;
	padding: 10px 25px 30px 25px;
	float: right;
	background-color: #ffffee;
	border-top: 1px solid #bbbbbb;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #bbbbbb;
	color: #262626;
	text-align: left;
}

#mainContent h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	/* color: #21918F; */
	color: #000000;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #262626;
}

#mainContent h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-top:15px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#mainContent p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 5px;
	/*padding-right: 5px; */
	padding-left: 5px;
	text-align: justify;
	color: #262626;
}

#mainContent h3 a, mainContent h3 a:visited, 
#mainContent p a,
#mainContent p a:visited {
	color: #339933;
	text-decoration: none;
}

#mainContent h3 a:hover, mainContent h3 a:active,
#mainContent p a:hover, 
#mainContent p a:active {
	color: #339933;
	text-decoration: underline;
}

#mainContent ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

#mainContent ul li {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	list-style-type: none;
}

/* two-column list for home page - no bullet */
#mainContent ul li.column1 {
	margin-left: 5px;
}

#mainContent ul li.column2 {
	margin-left: 230px;
}

#mainContent ul li.reset {
	margin-top: -7em;
}

/* ordinary lists with bullets */
#mainContent ul li.bulleted {
	margin-left: 20px;
	list-style-type: disc;
}

.deep_indent_lp {
	margin-left: 330px;
}
.image_caption {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
}

#subContent {
	clear: both;
	height: 157px;
	background-image: url(../images/bird_rushes_bg_860x157.jpg);
	background-position: bottom;
}


/* Styles for pictures */
#picture {
	background-color: #F5F7F9;
	position: relative;
	display: inline;
	padding: 0;
	float: left;
	margin-left: 150px;
	margin-top: -50px;
	border: 1px solid #000000;
	width: 400px;
	height: 200px;
}

.picture_left {
	background-color: #F5F7F9;
	position: relative;
	display: inline;
	padding: 0;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 15px;
	
	/* border: 1px solid #000000;
	width: 400px;
	height: 200px; */
}

/* Styles for pullquote*/
.pullquote {
	float: right;
	width: 180px;	
	font: 12px Arial, Verdana, sans-serif;
	color: #339933;
	text-align: left;
	border: solid #339933;
	border-width: 4px 0;
	padding: 3px 2px;
	margin: 10px;
}

.picture_bottom {
	background-color: #F5F7F9;
	position: relative;
	display: inline;
	padding: 0;
	float: right;
	margin-right: 300px;
	margin-top: -50px;
	/* border: 1px solid #000000;
	width: 400px;
	height: 200px; */
}

.picture_bottom_lp {
	background-color: #F5F7F9;
	position: relative;
	display: inline;
	padding: 0;
	float: right;
	margin-right: 400px;
	margin-top: -90px;
	/* border: 1px solid #000000;
	width: 400px;
	height: 200px; */
}

.picture_bottom_pl {
	background-color: #F5F7F9;
	position: relative;
	display: inline;
	padding: 0;
	float: right;
	margin-right: 380px;
	margin-top: -90px;
	/* border: 1px solid #000000;
	width: 400px;
	height: 200px; */
}

.picture_middle {
	background-color: #F5F7F9;
	position: relative;
	display: inline;
	padding: 0;
	float: right;
	margin-right: 300px;
	/* border: 1px solid #000000;
	width: 400px;
	height: 200px; */
}


.picture_right {
	background-color: #F5F7F9;
	position: relative;
	display: inline;
	padding: 0;
	float: right;
	margin: 10px 5px 0 15px;
	/* border: 1px solid #000000;
	width: 400px;
	height: 200px; */
}



/* Styles for customer quotations */

#quotation {
	background-color: #F5F7F9;
	padding: 10px;
	margin-left: 150px;
	border: 1px solid #000000;
	width: 380px;
	height: 105px;
}

/* h3 is used for the quotation */

#quotation h3 {
	background-image: url(../images/quote_open.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #21918F;
	font-weight: normal;
	text-align: justify;
	margin: 0;
}

/* p is used for the attribution */

#quotation p {
	background-image: url(../images/quote_close.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #1E2A69;
	font-weight: bold;
	text-align: right;
	padding-top: 40px;
	margin-top: -20px;
	margin-bottom: 0;
}

#footer {
	clear: both;
	background-color: #ffffcc;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #262626;
	height: 25px;
	width: 940px;
	border-top: 1px solid #262626;
	border-bottom: 1px solid #262626;
	line-height: 18px;
	margin: 10px 25px;
	padding: 5px 0;
}

#footer .left {
	float: left;
	margin-left: 5px;
	display: inline;
	font-size: 10px;
}

#footer .right {
	float: right;
	text-align: right;
	margin-right: 5px;
	display: inline;
	font-size: 10px;
}

/* no underline for footer links */
#footer .right a,
#footer .right a:visited {
	text-decoration: none;
	color: #339933;
}

/* hover highlight for footer links */
#footer .right a:hover {
	text-decoration: underline;
	color: #369;
}


/* Style for events table */

table#eventstable {

	font: 90% Arial, Verdana, sans-serif;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgb(50%,50%,50%);
	padding-bottom: 5px;

}

tr.eventsrow {
	border-top: 1px solid #000000;
}

td.eventmonth {
	background-color: rgb(100%,98%,96%);
	font-size: 100%;
	font-weight: bold;
	color: #339933;
	margin-top: 5px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid #339933;
}

td.eventdate {

	background-color: rgb(100%,98%,96%);
	color: rgb(15%,15%,15%);
	padding-bottom: 0.5em;
}

td.eventdetails {

	background-color: rgb(100%,98%,96%);
	color: rgb(15%,15%,15%);
	padding-left: 1em;
	padding-bottom: 0.5em;
}

/*Style for tables used for data display in text */

table#feestable {

	font: 90% Arial, Verdana, sans-serif;
	border: 1px solid rgb(15%,15%,15%);
	margin-top: 5px;

}

tr#title th {

	background-color: #339933;

	color: white;

	text-align: center;

	padding: 0.33em 0.5em 0.33em 0.5em;

	border: 1px solid #339933;

}

tr#body td {

	background-color: rgb(100%,98%,96%);

	color: rgb(15%,15%,15%);

	padding: 0.5em;

}

/* Style for contact form */
table#contacttable {
}

table#contacttable tr {
		background: rgb(98%,98%,98%);
}

table#contacttable td p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 75%;
}

tr.requiredfield td.label {

	background: rgb(95%,95%,95%);

	border-left: 0.5em solid rgb(20%,40%,60%);

}

td.label {
	vertical-align: top;
	text-align: right;
	background: rgb(98%,98%,98%);
}

td.label p {

	color: rgb(15%,15%,15%);
	font-weight: bold;
	/* border-left: 0.2em solid #339933; */
	
}

input:focus {

	background: rgb(100%,100%,80%);

}





/*
*************************************
End of style sheet
*************************************
*/