@import url("layout.css");
/*###################content################*/
#TopCurve{background: #fff url(../images-new/bg-top1.gif) no-repeat top center; width:781px; height:13px;}/*top curve content*/

#Content { margin-right:2px; background:#fff; }
#Content #inner{width:590px; margin-left:2px; float:left}

.BlueTabs2 {
float:left;
background: url(../images-new/glowtab-left2.gif) no-repeat left top;
padding:0 0 0px 9px;
text-decoration:none;
margin-top:2px;
margin-left:2px !important;
margin-left:1px;

}

.BlueTabs2 span{
float:left;
background:url(../images-new/glowtab2.gif) no-repeat right top;
padding: 5px 16px 10px 10px;
font-weight:bold;
line-height:16px;
color:#fff;
display:block;

}
.BlueTabs2 strong{ background:url(../images-new/arrow1.gif) no-repeat left center; padding-left:10px; }

.More{ float:right; background: url(../images-new/arrow2.gif) no-repeat left 5px; padding-left:10px;	}



ul.OrangeArrow{ margin:2px ; padding:4px; font-size:11px; background:#f7f7f7}
ul.OrangeArrow li{ background: url(../images-new/arrow3.gif) no-repeat left 7px; padding-left:15px; padding-top:5px; }



.rightbox{float:right; width:275px;}
.rightbox .h2container{ background:url(../images-new/bg3.gif) repeat-x top; margin:3px; width:98%;}
.rightbox h2.first{ color:#fff; font-size:14px; padding:10px ;  text-align:center;}
.rightbox h2.firstGr{ color:#fff; font-size:12px; padding:10px ;  text-align:center;}
/**********************************/
.box1{float:left; border-right:1px dashed #ccc;  border-bottom:1px dashed #ccc; width:49%; margin-left:2px}
.box2{float:right;  width:50%;margin-right:2px; border-bottom:1px dashed #ccc;}
.bordernone{ border-bottom:1px solid #fff}
.h3prog{ background:}
/*******************************/
.Other{ width:99%; margin:0 auto;}
.Other a{ color:#333; text-decoration:none }
.Other a:hover{ color:#333; text-decoration: underline; }

.Other h4{ background:url(../images-new/arrow4.gif) no-repeat left 5px; color:#004f7c; padding-left:10px;}
.Other .BoxProgContainer{ width:185px; float:left; margin-right:10px; background:url(../images-new/bg4.gif) repeat-y;}



.Other .BoxProgContainer .black{ color:#000;}
.Other .BoxProgContainer .white{ color:#fff;}
.Other .BoxProgContainer .bottom{ background: url(../images-new/bg5.gif) bottom no-repeat; height:12px;}
 
.Other .MarginRight{ margin-right:0;}


.Other .OtherLinks{ width:33%; float:left; background: url(../images-new/bg6.gif) no-repeat right center; padding-top:15px;}
.Other .OtherLinks h4{ color:#88b828; font-size:13px; background:none;}
.Other .BgNone{ background:none;}

.Other ul{ margin-top:15px; margin-left:10px;}
.Other ul li{ padding-left:15px; background:url(../images-new/arrow5.gif) no-repeat left 3px; padding-bottom:5px; }




/****************curve******************/
.RoundContainer{ width:590px;}
.RoundContainer2{ width:171px;}
.t1 {background: url(../images-new/dot.gif) 0 0 repeat-x;  }
.b1 {background: url(../images-new/dot.gif) 0 100% repeat-x}
.l1 {background: url(../images-new/dot.gif) 0 0 repeat-y}
.r1 {background: url(../images-new/dot.gif) 100% 0 repeat-y}
.bl1 {background: url(../images-new/bl1.png) 0 100% no-repeat}
.br1 {background: url(../images-new/br1.png) 100% 100% no-repeat}
.tl1 {background: url(../images-new/tl1.png) 0 0 no-repeat}
.tr1 {background: url(../images-new/tr1.png) 100% 0 no-repeat; padding:1px;}





/*#################old souffle style##########################*/
#contbody{clear: both; background:#fff url(../images-new/bg-contbody.gif) repeat-y; width:780px; margin:0 2px  0 0; display: block;}
#containercent{width:594px; margin:0px 0px 0px 0px; padding:0px; float:right;}

/*schoolpages*/





#schoolintro{float:left;width:410px}

#schoolintro a{color:#000066;}

#schoolintro a:hover{text-decoration:none}

#schoolintro h1{color:#C8741B;margin:3px;border-bottom:2px solid #ffa000;font-size:16px}

#schoolintro h1 span{font-weight:bold;color:#000000}

#schoolintro img{padding:0px;margin:0px}

#schoolintro h3{

	font-size:11px;
	background:url(../images-new/arrow9.gif) no-repeat left -3px;

	font-weight:bold;

	margin-top: 10px;

	padding: 0px 5px 0px 18px;


}

#schoolintro h3.uli{

	font-size:11px;

	background:url(../images-new/arrow9.gif) no-repeat;

	font-weight:bold;

	margin-top:10px;

		padding: 0px 5px 0px 18px;



}

#schoolintro h3 span.notbold{font-size: 11px; font-weight: normal;}

#schoolintro p{margin: 5px 0px 0px 0px;}

#schoolintro p.uli{margin: 5px 0px 5px 0px;}

#schoolintro p.mid{margin:0px; text-align: center;}

#schoolintro p.school{	float:left;}
/*******************************/


#schoolsubmen ul{ list-style-type:none;	margin: 0 auto;}

#schoolsubmen  li{

	border-bottom:3px solid #E49D07;

	background:url(../img-souffle/items/bgsch.gif);

	width:auto;

	line-height:24px;

	float:left;

	text-indent:5px;

	padding: 3px 0 0 0;

}





#schoolsubmen  li.shadbon{

background:url(../img-souffle/items/baceffect.gif);

width:19px;

float:left;



}

#schoolsubmen  li.shadfon{

background:url(../img-souffle/items/fronteffect.gif);

width:16px;

float:left;



}

#schoolsubmen  li.shadfoff{

background:url(../img-souffle/items/fronteffectblue.gif);

width:16px;

float:left;

}



#schoolsubmen  li.shadfonlast{

background:url(../img-souffle/items/fronteffectlastor.gif);

width:15px;

line-height:24px;

float:left;

}

#schoolsubmen  li.shadfofflast{

border-bottom:3px solid #E49D07;

background:url(../img-souffle/items/fronteffectbluelast.gif) ;

width:16px;

float:left;

}

#schoolsubmen  li.bl{

background:#A1C4CF;

}

#schoolsubmen  li.or{

background:#E49D07;

}

p.lin{margin: 5px;}

p.lin a{color:#000;font-weight:bold;background:url(../img-souffle/items/arvert.gif) no-repeat; padding:0px 0px 0px 16px;text-decoration:underline}

p.lin a:hover{text-decoration:none}
#schoolsubmen  li.lang{background-color:#A5A5A5;border-right:0px;}

#schoolsubmen  a{display:block;font-weight:bold;color:#000;}

/*********************/

/*********************/

#moreinfoschool {padding:3px 0px 0px 3px;width:160px;}

#moreinfoschool ul{padding:0px;margin:0px;border:0px;}

#moreinfoschool li {background:#fff;padding:5px;margin:0px;border:0px;list-style-type:none}

#moreinfoschool a{color:#097196;font-weight:bold;display:inline;padding-left:18px;}



#moreinfoschool a.info{background:url(../img-souffle/items/moreinfo.gif) no-repeat left center; display:block;}

#moreinfoschool a.photo{background:url(../img-souffle/items/photgal.gif) no-repeat left center; display:block;}



#plusschools {width:400px;}

/*------------------------------*/

#contactsch {padding:0px; float:left; border:0px solid #ebe8e1; width: 210px; }

#contactsch a{color:#74684d}

#contactsch a:hover{color:#C5C17A}

#contactsch  li{padding:4px;}

#contactsch  li.tit{font-weight:bold;background:#ebe8e1 ;padding:5px; padding-left:10px;}
#contactsch  li.arrow{ background: url(../images-new/arrow7.gif) no-repeat top left; height:11px; background-position:10px 0;}


#regionschools {padding:0px; border:0px solid #02a6e1; float:right; width: 180px;  }

#regionschools  li{padding:4px;}

#regionschools  li.tit{font-weight:bold;background:#02a6e1;color:#FFF; padding:5px; padding-left:10px;}
#regionschools li.arrow{ background: url(../images-new/arrow8.gif) no-repeat top left; height:11px; background-position:10px 0;}

#regionschools  a{padding:0px 0px 0px 12px;color:#74684d;font-size:10px;font-weight:bold;background:url(../img-souffle/items/armen.gif) no-repeat left center;}



#regionschools  a:hover{color:#C5C17A}
/*--------Normal ul in the body-----------*/

ul.norm { margin: 5px 0px 0px 10px;  }

 ul.norm li{

	margin-bottom: 5px;
	padding-left: 10px;
	background:url(../images-new/arrow10.gif) no-repeat left 5px;
	font-size: 10px;

}

img.meteo{float: right; padding-left: 10px;}

/*----------*/
span.link a{color:#000066; text-decoration:underline;}

span.link a:hover{text-decoration:none;}

 h1.centr{color:#C8741B;margin:3px;border-bottom:2px solid #ffa000;font-size:16px}

 h1.centr span{font-size:14px;font-weight:bold;color:#000000}

 p.siteor{

	background:url(../img-souffle/items/arvert.gif) no-repeat left 2px;

	margin-top: 5px;

	padding-left: 15px;

	margin-left: 2px;

	line-height: 16px;

}

p.siteor a{color:#000066; text-decoration:underline;}

p.siteor a:hover{text-decoration:none;}



 p.down{

	background:url(../img-souffle/items/arvert-down.gif) no-repeat left 2px;

	margin-top: 5px;

	margin-left: 2px;

	padding-left: 15px;

	line-height: 16px;

}

p.down a{color:#000066; text-decoration:underline;}

p.down a:hover{text-decoration:none;}

p.dott{border-top:1px dotted #000066; margin: 0px; padding: 0px;}

.linkgotoshool{text-align:left; font-weight: normal;}



.linkgotoshool a:link, .linkgotoshool a:active, .linkgotoshool a:visited {

	color: #FF9900;

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	



}

.linkgotoshool a:hover{

	background-image: none;

	text-decoration: underline;

	color: #000000;

	margin: 0px;

	padding: 0px;

}

/*---------table------------*/

table#cnt {padding: 2px 2px 2px 2px;  border:1px solid #F0EFEF; text-align:center; }

table#cnt td{padding:2px 2px 2px 5px;margin-right: 2px;border:1px solid #F0EFEF;}

.lemo{background-color: #c5c17a;}

.yelll{ background-color:#f8e69f;}
/******************************/


#allschools {



	width:162px;


	margin:3px auto;
	


	border-right:none;

	}



#allschools p.gen {

border:1px solid #B9D0EC;

    line-height:15px;

	background:#F2F7FE url(../img-souffle/items/tossc.gif) no-repeat left 5px  ;

	padding-left: 14px;

	color:#454581;

	font-weight:bold;

   margin-left: 2px;

	

}



#allschools span.gencity {

	list-style-type:none;

	background-color: #FFF;

	font-weight: bold;

	color: #097196;

	background: url(../img-souffle/items/arrsc.gif) no-repeat left 2px;

	padding:0px 5px 0px	10px;

}



#allschools h5{

	text-align:center;

	font-weight:bold;

	color:#FFF;

	margin:0px 0px 0px 0px;

	font-size:10px;

	border-bottom:1px solid #9D983D;

	background: #E19E09;

	padding:3px 0px 3px 0px;

}



#allschools img{margin:0px 0px 0px 0px;}

#allschools a{line-height:15px; color:#000; display:block; padding-left:10px; font-weight: normal;}

#allschools a:hover{padding-left:10px; color:#097196; background:#f6f5f3; text-decoration: none;}

.alls {margin: 0px;padding-left: 20px;background-color: #FFF;}




/*------------------------------*/











/* end left*/

.spacer {clear:both;display:block;color:#fff;padding:0px;margin:0px;border:0px;}

/********************************/
/*begin newbox*/



#marqueecontainer{

position: relative;

width: 162px; /*marquee width */

height: 100px; /*marquee height */

overflow: hidden;

padding: 2px;

padding-left: 0px;

padding-right: 1px;
background:none;

}


#marqueecontainerind{

position: relative;

width: 162px; /*marquee width */

height: 100px; /*marquee height */

overflow: hidden;

padding: 2px;

padding-left: 0px;

padding-right: 1px;
background:none;

}


/*------------------------*/


/* end newsbox */







#centre {width:400px;float:left;padding:0px 0px 0px 0px;margin:0px;}

#centre h3{background-color:#ffa000;font-size:11px;color:#fff;line-height:20px;margin:5px 17px 3px 0px; padding:3px;}

#centre h1.yell{background-color:#fff; font-size: 12px; padding: 4px; margin: 0px; border-bottom:2px solid #ffa000; font-size:14px;}

#centre ul{margin:0 ;}

#centre h2{padding:0px 0px 0px 10px;margin:10px 0px 5px 0px;font-size:11px;color:#0092c6;

text-decoration:underline;background:url(../img-souffle/items/arrp.gif) left no-repeat

}

#centre p{margin: 5px 0px 0px 0px;}

#centre p.uli{margin: 5px 0px 5px 0px;}

#centre h2.middle{text-align: center; background-image: none; color: #000000; text-decoration: none;}

#centre h3.inside{

	padding:0px 0px 0px 10px;

	margin:10px 0px 5px 0px;

	font-size:11px;

	color:#226F8A;

	text-decoration:underline;

	background: #FFFFFF url(../img-souffle/items/arrp.gif) no-repeat left;

}

h3.inside a{color:#226F8A; text-decoration:underline;}

h3.inside a:hover{color:#000000; text-decoration:none;}

#right strong{color:#023761; }

#right a:hover{text-decoration:underline}





/* end centre */
/*begin mapbox*/

.mapbox{width:590px;margin:0px 2px 0px 0px;padding:0px;border:1px solid #C5C17A;}

.mapbox h3{margin:0px;padding:0px 0px 0px 10px;font-size:10px;color:#000;background:url(../img-souffle/items/square.gif) no-repeat left ;}

.mapbox img{float:left;width:77px;margin:0px;padding:0px}

.mapbox ul{float:right;margin:0px;margin-left:0px;padding-left:0px;width:200px}

.mapbox li{font-weight:bold}

.mapbox a{color:#3B476F;font-weight: bold;font-size:10px;text-decoration: none;}

.mapbox a:hover {text-decoration: underline;color:#8F990F}

.mapbox div{width:280px;margin:0px;padding:0px}

/*a:hover {color: #E79904;}*/

/* end mapbox */

/********************gallery********************/
/*----------*/



#galleryphoto{float:left;width:590px}

#galleryphoto h1{color:#C8741B;margin:3px;border-bottom:2px solid #ffa000;font-size:16px}

#galleryphoto span{font-size:14px;font-weight:bold;color:#000000}



.divallsmall{width:95%; float:left; text-align:center; background:#f7f7f7; border:1px solid #ccc;}

.allsmall{float:left; width:95px; margin-bottom:10px;}

.displayphoto{

	/*height: 204px;

	width: 259px;

	border: thin solid #000000;*/

	margin:auto; 

	/*height: 250px;*/}

.somphototext{width: 95px; float:left; text-align:center;}

.somphototext span{font-size: 9px;}

.somphoto{

	width: 95px;
	padding-top:5px;

	text-align:center;

}
.somphoto img{ margin:0 auto; display:block;}
.somphoto a img{ padding:1px; border:1px solid #12aae1;}

.displayphoto a img{ padding:1px; border:1px solid #12aae1;}



.somphoto a:hover img{ padding:1px; border:1px solid #ffa000;}

.displayphoto a:hover img{ padding:1px; border:1px solid #ffa000;}





/*###################################*/

/*tabs*/
.tabs {width: 100%; margin-top:0px; float:left; }
.tabNavigation ul {margin:0;padding:0px 10px 5px 0px;}
.tabNavigation li {display:inline;padding:0; }

.tabNavigation a {
float:left;
background:url(../images-new/icon-01-left.gif) no-repeat left top;
margin-right:2px;

padding:0 0 0 8px;
text-decoration:none;
font-size:10px;

text-align:center;
font-weight:bold;
position:relative;
z-index:10;
top:1px;
_top:1px;
text-decoration:none;
}

.tabNavigation a span {
float:left;
display:block;
background:url(../images-new/icon-01-right.gif) no-repeat right top;
padding:6px 9px 11px 0px;
margin-right:0px;
font-size:10px;
 text-decoration:none; text-align:center;
font-weight:bold; 
text-decoration:none;
  }
.tabNavigation a span {float:none;}
.tabNavigation a:hover span {text-decoration:none;}
.tabNavigation a:hover { 
text-decoration:none;
background-position:0% -34px;
color:#333333; 
text-decoration:none;

}

ul.tabNavigation li a.selected { 
text-decoration:none;
background-position:0% -34px;
color:#333333; 
text-decoration:none;
position:relative;
z-index:10;
top:-1px;
}
.tabNavigation a:hover span, ul.tabNavigation li a.selected span {
background-position:100% -34px;color:#333333;
 text-decoration:none; text-decoration:none;
  }

div.tabs > div {clear: both; padding-top:0px;}
#first {width:100%; margin-bottom:-1px; background:#f0eee9; height:5px; border-bottom:1px solid #ccc;}
/*#################left nav#################*/
#left{width:175px; padding:0px 0px 0px 3px; margin:0px ; background:url(../images-new/bg-left.gif) repeat-y; background-position: 4px; }
#left h3{ background:#023761; color:#fff; text-align:center; font-size:10pt; padding:8px; margin:0;}
#left .bottom{ background:url(../images-new/bottom-h3-left.gif); height:15px;}
#left ul{ background:#f7f7f7; margin-left:11px; border-left:2px solid #efefef; margin-bottom:0; }
#left ul li{ background:url(../images-new/arrow6.gif) no-repeat left 5px; padding-left:7px; margin-left:3px; border-bottom:1px dashed #fe9e00; margin:0px 3px 5px 3px ;}
#left ul li.last{ margin:0px 3px 0px 3px ; border:none; padding-bottom:13px;}
#left ul li a { color:#2e2e2e;  }
#left ul li a:hover { color:#fe9e00; text-decoration:none}
#left .BottomEnd { background:url(../images-new/bg-bottom-left.gif) no-repeat; height:16px; background-position:11px; }