@charset "utf-8";
/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset */

/* Layout */

body {
background: #c0c0c0 url(../bgimg/background.jpg) no-repeat;
background-position: top center;
margin:0;
padding:0;
text-align:center;
font-size:62.5%;
}

#holder {
width:904px;
margin: 0px auto;
padding:0;
text-align:left;
}

#head {
background: url(../bgimg/head-background.png) top left no-repeat;
padding: 193px 0 0 17px;
color:#fff;
margin:0;
width: 904px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 887px; /* Actual Value */
}
/* Be nice to Opera */
html>body #head {
width: 887px;
}

/*All that Marlarky Image Replacement Page headers*/
.head-big-fish {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-big-fish { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-big-fish span{float:left; display:block; width:606px; height:49px;}
#head .head-big-fish span.page-headers {background:url(../bgimg/title-big-fish-little-fish.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-first-day {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-first-day { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-first-day span{float:left; display:block; width:606px; height:49px;}
#head .head-first-day span.page-headers {background:url(../bgimg/title-your-first-day.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-school-rules {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-school-rules { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-school-rules span{float:left; display:block; width:606px; height:49px;}
#head .head-school-rules span.page-headers {background:url(../bgimg/title-school-rukles-ok.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-super-subjects {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-super-subjects { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-super-subjects span{float:left; display:block; width:606px; height:49px;}
#head .head-super-subjects span.page-headers {background:url(../bgimg/title-super-subjects.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-finding-way {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-finding-way { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-finding-way span{float:left; display:block; width:606px; height:49px;}
#head .head-finding-way span.page-headers {background:url(../bgimg/title-finding-your-way.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-new-things {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-new-things { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-new-things span{float:left; display:block; width:606px; height:49px;}
#head .head-new-things span.page-headers {background:url(../bgimg/title-try-new-things.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-buses {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-buses { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-buses span{float:left; display:block; width:606px; height:49px;}
#head .head-buses span.page-headers {background:url(../bgimg/title-on-the-buses.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-friend-foe {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-friend-foe { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-friend-foe span{float:left; display:block; width:606px; height:49px;}
#head .head-friend-foe span.page-headers {background:url(../bgimg/title-friends-or-foe.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-wisdom-words {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-wisdom-words { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-wisdom-words span{float:left; display:block; width:606px; height:49px;}
#head .head-wisdom-words span.page-headers {background:url(../bgimg/title-words-of-wisdom.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-dont-worry {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-dont-worry { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-dont-worry span{float:left; display:block; width:606px; height:49px;}
#head .head-dont-worry span.page-headers {background:url(../bgimg/title-dont-worry-be-happy.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-who-can-help {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-who-can-help { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-who-can-help span{float:left; display:block; width:606px; height:49px;}
#head .head-who-can-help span.page-headers {background:url(../bgimg/title-who-can-help-you.png) no-repeat;}

/*All that Marlarky Image Replacement Page headers*/
.head-video-tour {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .head-video-tour { letter-spacing : normal; text-indent : -999em; overflow : hidden; clear:left; padding:0;}
/* End of hack */
#head h1.head-video-tour span{float:left; display:block; width:606px; height:49px;}
#head .head-video-tour span.page-headers {background:url(../bgimg/title-video-tour.png) no-repeat;}

#body-holder {
background:url(../bgimg/repeat-background.png) repeat-y top left;
margin:0;
padding:10px 17px 0 17px;
width: 904px; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 870px; /* Actual Value */
}
/* Be nice to Opera */
html>body #body-holder {
width: 870px;
}

#content {
margin: 0 10px 0 0;
padding:0;
width: 650px;
float:left;
background:none;
}

#content .center{
text-align:center;
}

#content p{
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 1.8em;
padding: 0 0 20px 0;
line-height: 1.2em;
}

#content h2 {
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 2.2em;
padding: 0 0 5px 0;
line-height: 1.3em;
}

#content h4 {
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 2.2em;
padding: 0 0 20px 0;
line-height: 1.3em;
}

#content a {
text-decoration: none;
border-bottom: 1px solid #000;
color: #000;
}

#content a:hover {
text-decoration: none;
border-bottom: 1px solid #606060;
color: #606060;
}

#content ul{
padding: 0 0 20px 20px;
}
#content li {
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 1.8em;
line-height: 1.2em;
list-style: circle;
padding: 0 0 0 5px;
margin: 0;
}

#content strong{
font-weight: bold;
}

#content em{
font-style:italic;
}

#content .imgleft{
float: left;
padding: 0 10px 5px 0;
}

#content .imgright{
float: right;
padding: 0 0 5px 10px;
}

#content #wisdom {
padding: 0 0 10px 0;
margin: 0;
}

#content #wisdom h4 {
padding:0 0 20px 18px;
margin-top:-9px;
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 1.8em;
line-height: 1.2em;
}

#content #wisdom div.comment-quote{
padding:0;
margin:0;
width:621px;
background: url(../bgimg/speach-blue_02.png) repeat-y  50% 0;
}

#content #wisdom div.comment-quote div{
padding: 26px 0 0 0;
margin:0;
background: url(../bgimg/speach-blue_01.png) no-repeat top left;
}

#content #wisdom div.comment-quote div blockquote {
padding: 0 21px 0 19px;
margin:0;
background: url(../bgimg/speach-blue_03.png) no-repeat bottom left;
}

#content #wisdom div.comment-quote div blockquote p {
padding:0 0 60px 0;
margin:0;
}

#content #wisdom div.comment-quote-pink{
padding:0;
margin:0;
width:621px;
background: url(../bgimg/speach-pink_02.png) repeat-y  50% 0;
}

#content #wisdom div.comment-quote-pink div{
padding: 26px 0 0 0;
margin:0;
background: url(../bgimg/speach-pink_01.png) no-repeat top left;
}

#content #wisdom div.comment-quote-pink div blockquote {
padding: 0 21px 0 19px;
margin:0;
background: url(../bgimg/speach-pink_03.png) no-repeat bottom left;
}

#content #wisdom div.comment-quote-pink div blockquote p {
padding:0 0 60px 0;
margin:0;
}

#content .pictures{
float:left;
padding:10px;
margin:10px;
border:1px solid #c0c0c0;
text-align:center;
}

#content .pictures p{
padding:0 0 10px 0;
margin:0;
font-size:1.4em;
}

#links {
margin: 0;
padding:0;
width: 210px;
float:right;
background:none;
}

#links  ul {
margin: 0;
padding: 0;
border: 0;
width: 210px;
height: 22px;
position: relative;
}

#links ul li {	
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}  

#links ul li a {	
height: 22px;
width: 210px;
display: block;
text-decoration: none !important;
border: none;
}     

#links ul li a:hover {
text-decoration: none !important;
border: none;
}		

#links ul li a {
text-decoration: none;
text-indent: -9999px;
}

#links ul#link1 {background: transparent url(../bgimg/link_01.png) no-repeat top left;}
#links #link1 li {left: 0px; height: 22px;}
#links #link1 a {background: transparent url(../bgimg/link_01.png) 0 0 no-repeat;}
#links #link1 a:hover {background: transparent url(../bgimg/link_01.png) 0 -22px no-repeat;}

#links ul#link2 {background: transparent url(../bgimg/link_02.png) no-repeat top left;}
#links #link2 li {left: 0px; height: 22px;}
#links #link2 a {background: transparent url(../bgimg/link_02.png) 0 0 no-repeat;}
#links #link2 a:hover {background: transparent url(../bgimg/link_02.png) 0 -22px no-repeat;}

#links ul#link3 {background: transparent url(../bgimg/link_03.png) no-repeat top left;}
#links #link3 li {left: 0px; height: 22px;}
#links #link3 a {background: transparent url(../bgimg/link_03.png) 0 0 no-repeat;}
#links #link3 a:hover {background: transparent url(../bgimg/link_03.png) 0 -22px no-repeat;}

#links ul#link4 {background: transparent url(../bgimg/link_04.png) no-repeat top left;}
#links #link4 li {left: 0px; height: 22px;}
#links #link4 a {background: transparent url(../bgimg/link_04.png) 0 0 no-repeat;}
#links #link4 a:hover {background: transparent url(../bgimg/link_04.png) 0 -22px no-repeat;}

#links ul#link5 {background: transparent url(../bgimg/link_05.png) no-repeat top left;}
#links #link5 li {left: 0px; height: 22px;}
#links #link5 a {background: transparent url(../bgimg/link_05.png) 0 0 no-repeat;}
#links #link5 a:hover {background: transparent url(../bgimg/link_05.png) 0 -22px no-repeat;}

#links ul#link6 {background: transparent url(../bgimg/link_06.png) no-repeat top left;}
#links #link6 li {left: 0px; height: 22px;}
#links #link6 a {background: transparent url(../bgimg/link_06.png) 0 0 no-repeat;}
#links #link6 a:hover {background: transparent url(../bgimg/link_06.png) 0 -22px no-repeat;}

#links ul#link7 {background: transparent url(../bgimg/link_07.png) no-repeat top left;}
#links #link7 li {left: 0px; height: 22px;}
#links #link7 a {background: transparent url(../bgimg/link_07.png) 0 0 no-repeat;}
#links #link7 a:hover {background: transparent url(../bgimg/link_07.png) 0 -22px no-repeat;}

#links ul#link8 {background: transparent url(../bgimg/link_08.png) no-repeat top left;}
#links #link8 li {left: 0px; height: 22px;}
#links #link8 a {background: transparent url(../bgimg/link_08.png) 0 0 no-repeat;}
#links #link8 a:hover {background: transparent url(../bgimg/link_08.png) 0 -22px no-repeat;}

#links ul#link9 {background: transparent url(../bgimg/link_09.png) no-repeat top left;}
#links #link9 li {left: 0px; height: 22px;}
#links #link9 a {background: transparent url(../bgimg/link_09.png) 0 0 no-repeat;}
#links #link9 a:hover {background: transparent url(../bgimg/link_09.png) 0 -22px no-repeat;}

#links ul#link10 {background: transparent url(../bgimg/link_10.png) no-repeat top left;}
#links #link10 li {left: 0px; height: 22px;}
#links #link10 a {background: transparent url(../bgimg/link_10.png) 0 0 no-repeat;}
#links #link10 a:hover {background: transparent url(../bgimg/link_10.png) 0 -22px no-repeat;}

#links ul#link11 {background: transparent url(../bgimg/link_11.png) no-repeat top left;}
#links #link11 li {left: 0px; height: 22px;}
#links #link11 a {background: transparent url(../bgimg/link_11.png) 0 0 no-repeat;}
#links #link11 a:hover {background: transparent url(../bgimg/link_11.png) 0 -22px no-repeat;}

#links ul#link12 {background: transparent url(../bgimg/link_12.png) no-repeat top left;}
#links #link12 li {left: 0px; height: 22px;}
#links #link12 a {background: transparent url(../bgimg/link_12.png) 0 0 no-repeat;}
#links #link12 a:hover {background: transparent url(../bgimg/link_12.png) 0 -22px no-repeat;}

#content-clear {
clear:both;
}

#footer {
background: url(../bgimg/footer-background.png) top left no-repeat;
width: 904px;
padding: 27px 0 5px 0;
margin: 0;
}

#footer p{
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
font-size: 1.6em;
padding: 0 0 5px 0;
line-height: 1.2em;
text-align:center;
}

#footer a {
text-decoration: none;
border-bottom: 1px solid #000;
color: #000;
}

#footer a:hover {
text-decoration: none;
border-bottom: 1px solid #606060;
color: #606060;
}