/* Index Images */
#imageContainer {
	height:300px;
}  
#imageContainer img {
	display:none;
	position:absolute;
	width:500px;
	height:300px;
	opacity: -0.01;
	margin-left: 3px;
	z-index: 1;
}
#div_imgBackground{
	background-image: url(../images/imgsBackground.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	width: 500px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-left: 3px;
}
#tbl_indexBase{
	width: 750px;
	margin-top: 5px;
}
#td_imageContainer{
	width: 500px;
	z-index: 1;
	vertical-align: top;
}
#td_info{
	color: #666666;
	width: 228px;
	vertical-align: top;
	background-image: url(../images/quickLinksBackground.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 50px;
}
/* ul_info */
#ul_info {
	list-style-image: url(../images/blueButton.gif);
}

#ul_info li {
	margin-top: 8px;
}

#ul_info a:link, #ul_info a:visited {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0px 3px 0px;
	color: #708491;
	text-decoration:none;
}

#ul_info a:active, #ul_info a:active, #ul_info a:hover {
        color:#FF9933;
}

#img_infoButtons{
	
}
#div_visitorLocations{
	background-image: url(../images/visitorLocationsBack.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 250px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
}
#tbl_infoBase{
	width:750px;
	height:250px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#td_baseLContainer{
	vertical-align: top;	
}
/*************************** advert text div *******************************/
#div_advert_text{
	margin-left: 5px;
	margin-right:auto;
	height: auto;
	vertical-align: top;
	background-color: #F0F0F0;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 20px;
	width: 400px;
	font-size: 11px;
}
#span_advert_tilte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #003366;
	height: 30px;
}
#span_advert_text{
	margin-left:auto;
	margin-right:auto;
	height: auto;
	text-align: justify;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	color: #990000;
}
#span_advert_text_readmore{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #006633;
	height: 20px;
	margin-top: 10px;
}
#a_advert_text_readmore{
	color: #006633;
	cursor: pointer;
	text-decoration: none;	
}
#a_advert_text_readmore a:link, #a_advert_text_readmore a:visited {
	font-size: 11px;
	color: #006633;
}
#a_advert_text_readmore a:active, #a_advert_text_readmore a:hover {
	text-decoration: underline;
}
/*************************** end advert text *******************************/
/*************************** Head text div *******************************/
#div_headText{
	margin-left: 5px;
	margin-right:auto;
	height: auto;
	vertical-align: top;
	background-color: #F0F0F0;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 20px;
	width: 400px;
}
#span_headTextTilte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: lighter;
	text-transform: capitalize;
	color: #003366;
	height: 30px;
}
#span_headText{
	margin-left:auto;
	margin-right:auto;
	height: auto;
	text-align: justify;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#span_headTextReadMore{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #006633;
	height: 20px;
	margin-top: 10px;
}
#a_headTextReadMore{
	color: #006633;
	cursor: pointer;
	text-decoration: none;	
}
#a_headTextReadMore a:link, #a_headTextReadMore a:visited {
	font-size: 11px;
	color: #006633;
}
#a_headTextReadMore a:active, #a_headTextReadMore a:hover {
	text-decoration: underline;
}
#span_headName{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: lighter;
	color: #003366;
	height: 20px;
	margin-top: 10px;
}
/*************************** end head text *******************************/
#td_baseRContainer{
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: lighter;
}
/*************************** Calendar Events *******************************/
#div_calendarEvents{
	background-image: url(../images/forthcomingEventTitle.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:325px;
	margin-left:auto;
	margin-right:auto;
	vertical-align: top;
	padding-top: 45px;
}
#span_dateCalendarEvents{
	color: #333333;	
}
#span_textCalendarEvents{
	display: block;
	margin-left: 10px;	
}
#ul_calendarEvents{
	vertical-align: top;
	list-style-type: none;
}
#ul_calendarEvents li {
	margin-left: -14px;
}
#ul_calendarEvents a:link,#ul_calendarEvents a:visited {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#ul_calendarEvents a:active,  #ul_calendarEvents  a:hover {
        color:#FF9933;
}
/*************************** Documents *******************************/
#div_documents{
	background-image: url(../images/DocLinksTitle.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:325px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 45px;
}
#ul_documents{
	vertical-align: top;
	list-style-type: none;
}

#ul_documents li {
	background-image: url(../images/pdfSmallLogo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: -14px;
	padding-left: 15px;
}

#ul_documents a:link, #ul_documents a:visited {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#ul_documents a:active,  #ul_documents  a:hover {

        color:#FF9933;
}
/********************************************* sign up school newsletter **********************************************/
#div_signUp{
	background-image: url(../images/signupNewsletter.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:325px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 45px;
}
#div_signUpText{
	width:293px;
	margin-left: 28px;
	font-size: 9px;
	margin-bottom: 15px;
}
#div_signUpName{
	width:285px;
	margin-left: 30px;
	font-size: 9px;
	margin-bottom: 7px;
	text-align:right;
}
#div_signUpEmail{
	width:285px;
	margin-left: 30px;
	font-size: 9px;
	margin-bottom: 5px;
	text-align:right;
}
#div_signUpTerms{
	width:285px;
	margin-left: 30px;
	font-size: 9px;
	margin-bottom: 10px;
	text-align:right;
}
#div_signUpTerms a{
	font-size: 9px;
	color: #666666;
}
#div_signUpTerms a:link, #div_signUpTerms a:visited #div_signUpTerms a:active{
	font-size: 9px;
	color: #666666;
}

#div_signUpTerms  a:hover {
	text-decoration: none;
	color: #333333;
}

.signUp_labels{
	margin-right: 5px;
	height: 15px;
	line-height: 15px;
	padding-bottom: 3px;
}
.signUp_inputs{
	height: 20px;
	line-height: 15px;
	font-size: 9px;
	color: #333333;
	border: 1px outset #CCCCCC;
	background-color: #F3F3F3;
}
#div_signUpButton{
	width:285px;
	margin-left: 30px;
	text-align:right;
}
#signUpButton{
	font-size: 13px;
	padding: 3px;
	width: 100px;
	color:#003399;
	margin-right: 11px;
}
.asterisco{
	font-size: 8px;
	color: #FF0000;
	margin-right: 2px;
}
.img_error{
	margin-left: 0px;
}
#error_msj{
	text-align:center;
	font-size: 9px;
	color: #FF0000;
	padding:0px;
	font-weight: lighter;
	margin-bottom: 5px;
}
#div_Ajax_control{
	height:0px;
	width:0px;
}
/********************************************* questionnaires **********************************************/
#div_questLinks{
	background-image: url(../images/questionnairesTitle.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:325px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 45px;
}
#ul_quest{
	vertical-align: top;
	list-style-type: none;
}
#ul_quest li {
	background-image: url(../images/questLinksIcon.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: -14px;
	padding-left: 15px;
}

#ul_quest  a:link, #ul_quest  a:visited {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#ul_quest a:active,  #ul_quest  a:hover {

        color:#FF9933;
}
/*********************************************** vacancies *************************************************/
#div_vacancies{
	background-image: url(../images/vacanciesTitle.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:325px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 45px;
}
#ul_vacancies{
	vertical-align: top;
	list-style-type: none;
}

#ul_vacancies li {
	background-image: url(../images/vacanciesLinksIcon.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: -14px;
	padding-left: 15px;
}

#ul_vacancies  a:link, #ul_vacancies  a:visited {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#ul_vacancies a:active,  #ul_vacancies  a:hover {

    color:#FF9933;
}
#div_noVacancies{
	font-size: 11px;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	height: auto;
}
/************************************** awards **********************************/
#div_awardsLogos{
	background-image: url(../images/awardsTitle.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:325px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 75px;
}
#div_awardLine1{ 
	text-align: center;
}
#div_awardLine2{
	text-align: center;
}
#div_awardLine3{
	text-align: center;
}
#div_awardLine4{
	text-align: center;
}
.img_awardImg{
	margin-left:10px;
	margin-left:10px;
	margin-bottom:5px;
}


/*************************************** CSS for News in Index page *****************************************/
#news_container{
	width: 400px;
	height: 200px;
	margin-left: 4px;
	margin-right:auto;
	background-position: left top;
	vertical-align: top;
	padding-top: 26px;
	background-image: url(../images/newsBackgroundIndex.jpg);
	background-repeat: no-repeat;
	
}
#news_photo_container{
	width: 250px;
	position: absolute;
	text-align:center;
}
#news_text_container{
	width: 150px;
	margin-left: 250px;
	position: absolute;		
}
.img_news_L{   /* landscape */
	width: 250px;
	height: 151px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}
.img_news_P{ /* portrait */
	width: 120px;
	height: 151px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}
.img_news_S{  /* Square */
	width: 151px;
	height: 151px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}
#ul_news_text{
	width: 150px;
	list-style-type: none;
	margin-left: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#ul_news_text li{
	text-decoration: none;
	list-style-type: none;
	text-align: left;
	vertical-align: middle;
	cursor: hand;
	margin: 0;
	padding: 0 0 0 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5;
}
.li_news_text_1{
	height: 51px;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-image: url(../images/newsIndexBackground1.jpg);
	
}
.li_news_text_1_onmouseover{
	height: 51px;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-image: url(../images/newsIndexBackground2.jpg);
	font-weight: bold;	
}
.li_news_text_2{
	height: 50px;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-image: url(../images/newsIndexBackground1.jpg);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;	
}
.li_news_text_2_onmouseover{
	height: 50px;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-image: url(../images/newsIndexBackground2.jpg);
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;	
}
.li_news_text_3{
	height: 50px;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-image: url(../images/newsIndexBackground1.jpg);
}
.li_news_text_3_onmouseover{
	height: 50px;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-image: url(../images/newsIndexBackground2.jpg);
	font-weight: bold;
}
/* Filmclub */
#div_filmClub{
	/*background-image: url(../images/filmClubBackgroundIndex.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: auto;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 10px;
}
#img_coverPhotoFilmIndex{
	/*height: 350px;
	width: 300px;
	margin-top: 80px;
	margin-left: 50px;*/
	height: 450px;
	width: 350px;
	margin-top: 20px;
	margin-left: 25px;
}
#div_filmClubAdvert{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: oblique;
	color: #666666;
	letter-spacing: 1px;
	text-align: center;
	vertical-align: middle;
}
/*CSS for the gallery images container in index */

#imageGalleryContainer {
	width: 380px;
	height:231px;
}  
#imageGalleryContainer img {
	display:none;
	position:absolute;
	width:380px;
	height:264px;
	opacity: -0.01;
	margin-left: 10px;
	z-index: 1;
}
#div_imgGalleryBackground{
	background-image: url(../images/imgsGalleryBackground.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 231px;
	width: 380px;
	z-index: 2;
	float: left;
	position: absolute;
	margin-left: 5px;
}
.imagesGallery{
	height: 100px;
	width: 375px;	
}