@import url('reset.css');


/* COLORS */
body {background-color:#ffffff; color:#343131;}
a {}
a:visted{}
#contentarea {background-color:#d4c68d;}
h1, #program ul#curriculum h2, #enrollment h2, #calendar h2 {color:#8a2331;}
#program dt {color:#000000;}


/* TYPOGRAPHY */
body {font: .8em/1.5em Verdana, Arial, Helvetica, sans-serif; text-align:center; }
h1 {font: 2.2em normal Verdana, Arial, Helvetica, sans-serif; margin-bottom:.25em;}
h2 {}
h3 {}
p, #calendar dd {margin-bottom:1em;}
ul#programs li {margin-bottom:2em;}
#container {text-align:left;}
#home p, #drmaria p, #program p, ul#curriculum li, #enrollment p {text-align:justify;}
cite, em {font-weight:bold; letter-spacing:normal;}
#program ul#programs {text-align:center;}
#program dt {text-transform:uppercase; font-size:1.2em;}
#enrollment h2 {font-style:italic;}
#calendar #contentarea dl
{text-transform:uppercase;}



/* UTILITY */
.clear {clear:both;}
.inline {display:inline;}
.fleft {float:left;}
.fright {float:right;}


/* FORMATTING */
body
{}

img {border:0;}

#container
{width:924px; margin: 0 auto; position:relative;}

#logo
{display:block;}

#nav
{width:924px; height:42px; position:relative; background:url(../images/nav.gif) no-repeat; list-style:none;}

#nav li
{float:left;}

#nav li a
{width:107px; height:42px; position:absolute; text-indent:-9999px; overflow:hidden; font-size:1%;}

#nav-home a {left:6px; background:url(../images/nav-home.gif) no-repeat;}
#nav-drmaria a {left:121px; background:url(../images/nav-drmaria.gif) no-repeat;}
#nav-program a {left:236px; background:url(../images/nav-program.gif) no-repeat;}
#nav-enrollment a {left:351px; background:url(../images/nav-enrollment.gif) no-repeat;}
#nav-calendar a {left:466px; background:url(../images/nav-calendar.gif) no-repeat;}
#nav-photogallery a {left:581px; background:url(../images/nav-photo.gif) no-repeat;}
#nav-parent a {left:696px; background:url(../images/nav-parent.gif) no-repeat;}
#nav-contactus a {left:811px; background:url(../images/nav-contactus.gif) no-repeat;}
#nav-home a:hover, #home #nav-home a, #nav-drmaria a:hover, #drmaria #nav-drmaria a, #nav-program a:hover, #program #nav-program a, #nav-enrollment a:hover, #enrollment #nav-enrollment a, #nav-calendar a:hover, #calendar #nav-calendar a, #nav-photogallery a:hover, #photogallery #nav-photogallery a, #nav-parent a:hover, #parent #nav-parent a, #nav-contactus a:hover, #contact #nav-contactus a, #photo #nav-photogallery a {background-position:0 -42px;}



#contentarea
{padding:15px;}

#home p
{width:280px;}

#home #photo
{position:absolute; top:150px; left:330px;}



#drmaria #contentarea
{height:455px;}
#drmaria p
{width:650px;}
#drmaria #photo1
{float:left;}
#drmaria #photo2
{position:absolute; top:115px; left:680px;}



#program #contentarea
{height:655px;}
#program ul#programs
{width:235px;}
#program p, #program ul#curriculum
{left:265px; width:625px; }
#program #heading2, #program #heading1, #program ul#programs, #program p, #program ul#curriculum, ul#curriculum li
{position:absolute;}
#program #heading1
{left:70px;}
ul#programs {top:185px;}
#program p
{top:165px;}
#program ul#curriculum
{top:255px;}
ul#curriculum img
{margin:0 5px;}
ul#curriculum li
{clear:both;}
#program #heading2
{left:500px;}
ul#programs li span
{display:block; font-style:italic;}
li#practical
{left:130px; width:185px;}
li#sensorial
{left:455px; width:170px;}
li#language
{top:195px; width:150px;}
li#mathematics
{left:315px; top:195px; width:170px;}
li#culture
{top:395px; left:145px; width:480px;}
#program #photo1
{position:absolute; top:260px; left:265px;}
#program #photo2
{position:absolute; top:260px; left:590px}
#program #photo3
{position:absolute; top:455px; left:425px;}
#program #photo4
{position:absolute; top:455px; left:760px}
#program #photo5
{position:absolute; top:655px; left:265px}




#enrollment p
{width:650px;}
#enrollment #photo1
{float:right; margin-left:20px;}
#enrollment #photo2
{float:left; margin-right:20px;}




#calendar #col2
{position:absolute; left:450px; top:180px;}
.dates
{position:absolute; width:100px; margin-left:-60px;}
#calendar li
{margin-left:60px;}



#parent .feedback1
{width:445px; margin-left:420px;}
#parent .feedback2
{width:280px;}
#parent #photo1
{position:absolute; top:170px; left:0px;}
#parent #photo2
{position:absolute; bottom:20px; right:0;}



#photo #contentarea
{height:550px; text-align:center}



#contact #col1
{float:left; text-align:center; width:215px; margin-right:20px;}
#contact #col2
{float:left; text-align:center; }
#contact #col3
{float:left; text-align:center; width:205px; margin-left:20px;}
#contact ul li
{margin-bottom:1em;}

.text_new1 ul{
	margin:0px;
	padding:0px;
}

.text_new1 ul li{
	font-family:Verdana;
	font-size:12px;
	display: block;
	position:relative; background:url(../images/bullet-new.jpg) no-repeat; 
	list-style:none;
	background-position:left 7px;
	padding-left:10px;

}

.text_new1 ul li a{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:15px;
	padding-right:15px;
}

.text_new1 ul li a:hover{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FEC039;
	text-decoration: none;
	padding-left:15px;
	padding-right:15px;
}