/* HELSINGINMONTESSORI.COM SCREEN CSS */

/* IE6 PNG FIX*/

 img, div, .header h1 A, P, .home .content .fifty{ behavior: url(../css/iepngfix.htc) }
 /*since positioning and tiling of png bg's won't work on IE, make you bg's large*/

/* Base */

BODY{
margin: 0;
padding: 0;
font-size: 78%;
line-height: 1.55em;
color: #666;
background: #fff url(../i/main-bg-ry-content-shallow.png) repeat-x;
font-family:  Arial, sans-serif;
}

H1, H2, H3, H4, p, ul, ol, li, form,  dt, dd{
margin: 0;
padding: 0;
}

H1, H2, H3, H4{
font-family: Georgia, serif;
}

.clear{
clear: both;
}

.header{
height: 170px;
}

.home .header{
height:480px;
}

.wrapper{
width: 960px;
margin-left:auto; 
margin-right:auto;
}


/*floats*/

.flright{
float: right;
display: inline;
}

.flleft{
float: left;
display: inline;
}


/*links*/

A{
color:rgb(16,132,207);
}

A:hover, A:visited:hover{
color: black;
}

A:visited{
color: #8c23b7; 
}

.newwindow{
padding-right: 20px;
background: url(../i/newwindow.png) top right no-repeat;
}

blockquote{
margin-left:0px;
padding-left: 30px;
border-left: 15px solid #ededed;
}

/*small size*/

small{
font-size:82%;
}


/* BASIC STYLES */
/* Header*/

.header, .footer, .disclosure{
width: 960px;
margin-left:auto; 
margin-right:auto;
margin-bottom: 0px;
}

/*logo*/

.header h1{
margin-bottom: 0;
padding-top: 46px;
}

.header h1 a {
cursor: hand;/* IE 6 behaves oddly */
width: 367px;
height: 36px;
background: url(../i/montessori-logo.png) left top no-repeat;
display: block;
text-indent: -3000px;
padding: 0;
background-color: transparent;
border: none;
margin-top: 60px;
margin-bottom: 0px;
}

.header h1 a:hover {
top: auto;
left: auto;
}


/* MENU */
/*Check css/menu.css */

/*Mainimage*/

.header .mainimage{
z-index: 1;
top: 34px; 
position: relative; 
}

.playschools .rightcol{
height:192px; 
width: 336px; 
padding: 20px 20px 20px 24px; 
position: absolute; 
top: 240px;
margin-left: 578px;
z-index: 12;
}

/*Home page styles*/

.home .content P{
margin: 0px 0px 15px 0px;
}

.home .content h3{
margin: 5px 0px 15px 0px;
}

.home .content h3 A{
color: rgb(72,46,31);
}

.home .rightcol h2{
font-size: 145%;
font-weight: normal;
margin: 5px 0px 15px 0px;
}

.home .rightcol h2 A{
text-decoration: none;
}

.home .header .rightcol P{
margin: 0px 0px 15px 0px;
}

.home .rightcol UL{
list-style:  none;
margin-left: 	0px;
}

.schoollist{
width: 150px;
display:block;
font-family: Helvetica, Arial, sans-serif;
font-size: 110%;
font-weight: bold;
line-height: 200%;
margin-top: -12px;
}

.munkka{
width: 110px;
}

.pakila{
width: 60px;
}

.schoollist A{
text-decoration: none;
}

.apply-button{
width: 340px;
text-align: center;
font-family: Helvetica;
font-size: 110%;
font-weight: bold;
}
.apply-ps .apply-button{
width: 300px;
}
.apply-button A{
margin-top: 15px;
padding-top: 7px;
display: block;
text-decoration: none;
height: 30px;
color: rgb(72,46,31);
background: url(../i/apply-button.png) no-repeat;
}
.apply-ps .apply-button A{
background: url(../i/apply-button-nw.png) no-repeat;
}

.apply-button A:Hover, .apply-button A:VISITED:HOVER{
background: url(../i/apply-button-hover.png) no-repeat;
}
.apply-ps .apply-button A:Hover,.apply-ps  .apply-button A:VISITED:HOVER{
background: url(../i/apply-button-hover-nw.png) no-repeat;
}


/*intro text & quotes*/
h2.intro{
color: rgb(105,151,26);
font-size: 149%;
line-height: 170%;
font-weight: normal;
font-style: italic;
padding-right: 20px;
margin-top: 0px;
}
.quote, .rightcol .quote{
font-family: Georgia, serif;
color: rgb(105,151,26);
font-size: 18px;
line-height: 28px;
margin: 5px 0px 20px 0px;
font-weight: normal;
font-style: italic;
}
.content .quote{
font-size: 150%;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 25px 30px 5px 30px;
}


/*Image gallery*/

.kuvagalleria .content{
width: 960px;
float: none;
padding-right: 0px;
display: inline;
}

/* Content styles */
	
.content{
width: 580px;
float: left;
padding-right: 20px;
display: inline;
}
.content UL, .content OL{
margin: 15px 0px 10px 0px;
}
.content LI{
margin: 0px 0px 7px 40px;
font-size: 115%;
line-height: 170%;
}
.content IMG{
margin: 0px 0px 10px 15px;
}
.content P, .rightcol P{
font-size: 115%;
line-height: 170%;
margin: 15px 20px 0px 0px;
}
.content .fifty{
width: 265px;
}
.padright{
padding-right: 20px;
}
.wrapper h1,.homeheader{
font-weight: normal;
color: rgb(72,46,31);
margin: 20px 0px 0px 0px;
font-size: 240%;
}
.homeheader{
margin: 2px 0px 0px 0px;
}
.content h2{
margin: 20px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}
 .content h3, .content h4, .rightcol h3{
color: rgb(72,46,31);
margin: 25px 15px 15px 0px;
 }
 .rightcol h3{
 margin-right: 0px;
 }
.content h3{
font-weight: normal;
font-size: 150%;
line-height: 130%;
}
.content h4{
font-weight: normal;
font-size: 140%;
}
.content .fifty P{
margin: 10px 20px 10px 0px;
}
.content hr{
border-top: 1px dotted rgb(105,151,26);
}
.rightcol hr{
border-top: 1px dotted rgb();
}
/*content links*/
.content H3 A{
text-decoration: none;
}

/* Content bullet box */
.content h3.bulletheader{
background: url(../i/bullet-bg.png) no-repeat;
padding: 8px 20px 10px 20px;
font-size: 180%;
color:white;
}
.content UL.bullets{
background: url(../i/bullet-bg.png) left bottom no-repeat;
margin: -20px 0px 0px 0px;
padding: 10px 10px 25px 0px;
}
.content UL.bullets LI{
font-family: Georgia, serif;
color: rgb(72,46,31);
font-size: 150%;
line-height: 140%;
list-style: circle;
margin-top: 15px;
}
.content UL.bullets LI span{
font-family: Arial;
font-size: 78%;
display: block;
color: #555;
line-height: 170%;
padding: 7px 60px 0px 0px;
}

/* Right column*/
.rightcol{
float: left;
width: 340px;
padding: 0px 0px 0px 0px;
display: inline;
}
.rightcol dl{
font-size: 110%;
line-height: 140%;
margin-bottom: 20px;
}
.rightcol dd.int{
margin-left: 110px;
color: #666;
}
.rightcol .staff dd.int{
margin-left: 170px;
}
.rightcol .staff dd{
font-size: 100%;
}
.rightcol .staff dt{
width: 170px;
}
.rightcol dd{
color: #666;
margin-bottom: 6px;
}
.rightcol dt{
font-size: 99%;
font-family: Georgia, serif;
font-style: italic;
float:left; 
margin-bottom: 6px;
width: 110px;
}
.rightcol h3.contactdet, .staff h3{
margin-top: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #a6cce4;
}
.rightcol dl.toiminta-ajat dt{
font-style: normal;
font-family: Helvetica, Arial, sans-serif;
}
.rightcol h3.emstyle{
font-family: Georgia, serif;
font-style: italic;
color: #777;
margin-top: 20px;
font-size: 110%;
display: block;
}

.home h3.recent{
background: url(../i/recent-bg.png) no-repeat 185px center;
margin-top: 24px;
}
.rightcol h4{
font-size: 120%;
margin: 20px 0px 0px 0px;
font-family: Helvetica;
font-size: 110%;
color: rgb(72,46,31);
font-weight: bold;
}
.rightcol h4 A{
text-decoration: none;
}
.rightcol h3{
font-weight: normal;
font-size: 150%;
}
.rightcol em, .content em{
font-family: Georgia, serif;
color: #666;
font-size: 105%;
display: block;
}
.content em{
font-size: 85%;
}
.home .rightcol em{
margin-bottom: -15px;
}
.home .rightcol P{
margin: 0px 0px 25px 0px;
}
.home .rightcol h4{
margin: 20px 0px 5px 0px;
}
.rightcol P{
margin-top: 7px;
}
.noticeboard{
background: url(../i/notice-board-bg.png) bottom left no-repeat;
display: block;
padding-bottom: 30px;
}
.noticeboard P, .noticeboard h4{
padding-right: 20px;
padding-left: 20px;
}
.noticeboard h3.recent{
background: url(../i/notice-board-bg.png) top left no-repeat;
margin: 30px 0px 20px 0px;
padding: 10px 20px 10px 20px;
font-weight: normal;
color: #fff;
}
.apply-ps h3{
background: url(../i/apply-playschool-bg.png) top left no-repeat;
margin: 30px 0px 20px 0px;
padding: 10px 20px 10px 20px;
color: #fff
}
.apply-ps{
background: url(../i/apply-playschool-bg.png) bottom left no-repeat;
display: block;
padding-bottom: 30px;
}
.apply-ps P{
padding-right: 20px;
padding-left: 20px;
}
.imggal h3{
margin: 5px 0px 10px 0px;
padding: 48px 20px 0px 20px;
color: #666;
}
.imggal{
background: url(../i/image-gal-bg.jpg) top left no-repeat;
display: block;
padding-bottom: 60px;
margin-top: 0px;
margin-bottom: -30px;
}
.imggal P{
padding-right: 20px;
padding-left: 20px;
}
.imggal P A{
text-decoration: none;
}
/* read more links */
.readmore{
list-style: none;
}
.readmore LI{
margin-left: 0px;
}
.readmore LI A{
padding-left: 15px;
background: url(../i/arrow.png) 0px 4px no-repeat;
text-decoration: none;
}



/*footers*/
.footer{
height: 83px;
padding-top: 30px;
margin-top: 40px;
border-top: 1px solid rgb(105,151,26)}
.footer P{
margin-bottom: 15px;
}
/*TABLES*/
TABLE{
font-size: 105%;
padding: 0;
margin-top: 20px;
}
TR, TD{
padding: 10px; 
vertical-align: top;
}
TD{
border-right: 1px solid #ccc;
border-bottom: 1px solid #999;
}
.tabletoprow{
background:rgb(105,151,26); 
color: white;
font-weight: bold;
}
.even{
background: #fffeed;
}
.none{
border-right: none;
}	
TD b{
font-size:120%;
}