﻿body
{
    margin: 0px;
    background-color: #000000;
    color: #ffffff;
    font-family: Verdana;
    font-size: 8pt;
}

#underCostructionBannerHomeContainer
{
    width:100%;
    position:relative;
}

#alertBannerHome
{
    width:446px;
    height:226px;
    border:solid 5px #FFFFFF;
    position:absolute;
    z-index:700;
    top:330px;
    left:50%;
    margin-left:-226px;
    background-color:Black;
    display:none;
}

#alertBannerHomeCloseButton
{
    text-align:right;
}

a.footerLink
{
    color: #FFFFFF;
    text-decoration: none;
}

a.textLink
{
    color: #FFFFFF;
    text-decoration: none;
}

a.textLink:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

img
{
    border: none;
    margin: 0px;
    padding: 0px;
}

table#page
{
    width: 984px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
}

table#page td
{
    vertical-align: top;
}

div#leftDoorPlate
{
    position: absolute;
    left: 0px;
    width: 137px;
}

div#topMenuBar
{
    height: 45px;
    background-position: bottom;
    background-image: url(images/subMenuBarBackground.jpg);
    background-repeat: repeat-x;
}

div#topMenuBarButtonContainer
{
    padding-left: 4px;
    width: 843px;
}


div#centralContent
{
    margin-top: 0px;
    width: 674px;
}

div#leftColumn
{
    float: left;
    width: 306px;
    margin-right: 15px;
    padding-bottom: 8px;
}

div#rightColumn
{
    float: right;
    width: 341px;
    padding-bottom: 8px;
}

div#videoBox
{
    background-image: url(images/videoNewsTitle.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 26px;
    width: 306px;
    height: 239px;
    border-bottom: solid 1px #da2c14;
}

div#virtualTourBox
{
    background-image: url(images/virtualTourTitle.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 26px;
    padding-bottom: 5px;
    margin-top: 8px;
    width: 306px;
    border-bottom: solid 1px #da2c14;
}

div#ultimateNewsBox
{
    background-image: url(images/ultimateNewsTitle.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 26px;
    width: 342px;
    height: 176px;
    border-bottom: solid 1px #da2c14;
}

div#ultimateNewsContainer
{
    width: 342px;
}

div#ultimateNewsPanelTop
{
    width: 342px;
    height: 6px;
    background-image: url(images/ultimateNewsPanelTop.jpg);
    background-repeat: no-repeat;
}

div#ultimateNewsPanelCentral
{
    width: 332px;
    height: Auto;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(images/ultimateNewsPanelCenter.jpg);
    background-repeat: repeat-y;
    text-align: justify;
}

div#ultimateNewsPanelBottom
{
    width: 342px;
    height: 6px;
    background-image: url(images/ultimateNewsPanelBottom.jpg);
    background-repeat: no-repeat;
}

img#lastNewsAdded
{
    margin-left: 7px;
    margin-right: 5px;
}

span.newsTopLabel
{
    font-weight: bold;
    color: #FFFFFF;
}

img.moreInfoIcon
{
    margin-left: 5px;
}

div#otherNewsBox
{
    background-image: url(images/otherNewsTitle.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 26px;
    margin-top: 8px;
    width: 342px;
    height: 258px;
    border-bottom: solid 1px #da2c14;
}

div.oldNews
{
    padding: 3px;
    margin-top: 7px;
    border-bottom: dotted 1px #c7c7c7;
    padding-bottom:15px;
}

div#courseGalleryContainer
{
    background-image: url(images/courseTitle.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 26px;
    margin-top: 8px;
    width: 675px;
    height: 320px;
    clear: both;
}

div#rightMenuContainer
{
    width: 162px;
}

div.rightMenuButton
{
    margin-bottom: 1px;
    background-image: url(images/rightMenuButton.jpg);
    background-repeat: no-repeat;
    width: 153px;
    height: 27px;
    text-align: right;
    padding-top: 10px;
    padding-right: 9px;
}

div.rightMenuButton:hover
{
    margin-bottom: 1px;
    background-image: url(images/rightMenuButtonHover.jpg);
    background-repeat: no-repeat;
    width: 153px;
    height: 27px;
    text-align: right;
    padding-top: 10px;
    padding-right: 9px;
    cursor: pointer;
}

div#navigateSectionButtonContainer
{
    margin-bottom: 1px;
    background-image: url(images/navigateSectionButtonBackground.jpg);
    background-repeat: no-repeat;
    width: 175px;
    height: 26px;
    text-align: left;
    padding-top: 8px;
    padding-left: 9px;
    font-size:10pt;
}

div.internalNavigationMenuItem
{
    margin-bottom: 1px;
    background-image: url(images/internalNavigationMenuButton.jpg);
    background-repeat: no-repeat;
    width: 175px;
    height: 28px;
    text-align: left;
    padding-top: 8px;
    padding-left: 9px;
    font-size:10pt;
    cursor:pointer;
}

div.internalNavigationMenuItem:hover
{
    margin-bottom: 1px;
    background-image: url(images/internalNavigationMenuButtonHover.jpg);
    background-repeat: no-repeat;
    width: 172px;
    height: 28px;
    text-align: left;
    padding-top: 8px;
    padding-left: 12px;
    font-size:10pt;
    cursor:pointer;
    color: #da2c14;
}

div#rightMenuRedLineDivision
{
    height: 5px;
    width: 162px;
    border-bottom: solid 1px #da2c14;
    margin-bottom: 4px;
}

img.rightColumnBanner
{
    margin-bottom: 4px;
}

td#footer
{
    border-top: solid 2px #da2c14;
    font-size: 7pt;
    padding: 3px;
    text-align: right;
}

/********** define the style for the section menus *****/
#sectionMenu
{
    background-image: url(images/subMenuBackgroudBar.jpg);
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
}

.sectionMenuItem a, a.menuVoice
{
    font-family: Courier10 BT, Courier, Courier New;
    color: #ffffff;
    text-decoration: none;
    font-size: 10pt;
}

.sectionMenuItem a:hover, a.menuVoice
{
    font-family: Courier10 BT, Courier, Courier New;
    color: #da2c14;
    text-decoration: none;
    font-size: 10pt;
}

.sectionMenuItem
{
    float: left;
    width: 95px;
    height: 25px;
    background-image: url(images/secondLevelMenuVoice.jpg);
    background-repeat: no-repeat;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 8px;
    text-align: center;
}


.sectionMenuItem:hover
{
    float: left;
    width: 95px;
    height: 25px;
    background-image: url(images/secondLevelMenuVoiceHover.jpg);
    background-repeat: no-repeat;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 8px;
    text-align: center;
}

/****** end ***/

/******************* definition of the style that formats the internal pages ********/

.titleIMG
{
    width: 100%;
    border-bottom: solid 1px #da2c14;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
}

#sectionImageContainer
{
    float: left;
    width: 185px;
}

#sectionImageContainer
{
    width: 180px;
}

#internalNavigationMenu
{
    width:184px;
}

#sectionImageBigContainer
{
   /* border: solid 1px white;*/
    padding-left: 2px;
    width:488px;
}

div.sectionMenuSubItemContainer
{
    width: 165px;
    height: 19px;
    background-image: url(images/sectionMenuSubItemBackground.jpg);
    background-repeat: no-repeat;
    text-align: left;
    margin-top:1px;
    margin-bottom:1px;
    padding-top: 5px;
    padding-left: 20px;
}

div.sectionMenuSubItemContainer:hover
{
    width: 165px;
    height: 19px;
    background-image: url(images/sectionMenuSubItemBackgroundHover.jpg);
    background-repeat: no-repeat;
    text-align: left;
    margin-top:1px;
    margin-bottom:1px;
    padding-top: 5px;
    padding-left:20px;
}

div.sectionMenuSubItemContainer a
{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

div.sectionMenuSubItemContainer a:hover
{
    color:#da2c14;
    text-decoration:none;
    font-weight:bold;
}

#imageLinkContainer
{
    width: 630px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#sectionTextContainer
{
    float: right;
    width: 460px;
    text-align: justify;
    padding-right: 10px;
    margin-bottom:25px;
}

#sectionTextBigContainer
{
    width: 662px;
    text-align: justify;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 25px;
}
/************** end **************/


/************* define the style for the popup of the news **************/

table#newsPopUpTableContainer
{
    margin-top: 10px;
    overflow: auto;
}

td.newsContent
{
    /*width:460px; 	padding-left:7px;*/
    padding-right: 10px;
    text-align: justify;
    color: #FFFFFF;
    vertical-align: top;
}

div.newsTextContainer
{
    overflow: scroll;
}

td.exploseNewsImageContainer
{
    width: 180px;
    text-align: center;
    vertical-align: top;
}

.newsText, .newsText a
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 8pt;
    text-decoration:none;
}

.newsText a:hover
{
    text-decoration:none;
    color: #da2c14;
}

hr.newsPopUpEndingLineRed
{
    height: 1px;
    background-color: #da2c14;
    color: #da2c14;
    width: 90%;
    margin: 0px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

a.internalNewsLink
{
    text-decoration: none;
    color: white;
}

a.internalNewsLink:hover
{
    text-decoration: underline;
    color: #da2c14;
}
/************** end **************/


/********** definition of the styles for the teachers pages ************/

ul.teacherList, ul.teacherList a
{
    color: #FFFFFF;
    text-decoration: none;
}

ul.teacherList a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

ul.teacherList li
{
    margin-top: 3px;
}

div#teacherName
{
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 4px;
}

div#teacherType
{
    font-size: 8pt;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 4px;
}

/************* end **************/


/************ definition of the styles for the partners section *********/

table#partnerTablecontainer
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}

td.partnerContainer
{
    width: 110px;
    height: 110px;
    border: solid 1px white;
    text-align: center;
    padding:4px;
    vertical-align: middle;
}

td.partnerContainerDouble
{
    width: 220px;
    height: 126px;
    border: solid 1px white;
    text-align: center;
    padding:4px;
    vertical-align: middle;
}

/**************** end **************/

ul.subjectCourse li
{
    font-size: 8pt;
    font-weight: bold;
    color: #da2c14;
    margin-top:7px;
}

ul.subSubjectCourse li
{
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
}

ul.subSubjectCourse_sub li
{
    font-weight: normal;
}

a.boldLink
{
    color: #FFFFFF;
    text-decoration: none;
}

a.boldLink:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.boldLinkRed
{
    color: #FFFFFF;
    text-decoration: underline;
}

a.boldLinkRed:hover
{
    color: #da2c14;
    text-decoration: underline;
}

a.redLink
{
    color: #da2c14;
    text-decoration: none;
}

a.redLink:hover
{
    color: #da2c14;
    text-decoration: underline;
}

.playScriptAuthor
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

.playScriptComedy
{
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}

.red
{
    color: #da2c14;
}

.authorName
{
    cursor:pointer;
}

.redText
{
    color: #da2c14;
    font-weight:bold;
}

div.videoThumbnailContainer
{
    width:675px;
    height:78px;
    margin-bottom:20px;
}

div.videoThumbnailImage
{
    border:solid 1px #c7c7c7;
    padding:2px;
    margin-right:10px;
    float:left;

}

div.videoThumbnaiImage img
{
    width:120px;
    height:72px;
}

div.videoThumbnailTitle
{
    margin-bottom:4px;
    color:#da2c14;
    font-weight:bold;
}

div.stageThumbnailContainer
{
    width:655px;
    height:78px;
    margin-bottom:20px;
}

div.stageThumbnailImage
{
    border:solid 1px #c7c7c7;
    padding:2px;
    margin-right:10px;
    float:left;

}

div.stageThumbnaiImage img
{
    width:120px;
    height:72px;
}

div.stageThumbnailTitle
{
    margin-bottom:4px;
    color:#da2c14;
    font-weight:bold;
}

.videoSectionTitle
{
    font-size:11pt;
    font-weight:bold;
}

.videoSectionSubtitle
{
    font-size:9pt;
    color:#da2c14;
    font-weight:bold;
}

.externalVideoTextContainer
{
    margin-bottom:20px;
    font-size:8pt;
}

.externalVideoCreditsContainer
{
    text-align:right;
    padding-right:15px;
    width:643px;
	font-size:8pt;
}

.externalVideoContainer
{
    width:635px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}

.videoObject
{
    margin-left:auto;
    margin-right:auto;
}

.videoBackContainer a
{
    text-decoration:none;
    color:#ffffff;
    font-size:9pt;
}

.videoBackContainer
{
    margin-left:auto;
    margin-right:auto;
    width:200px;
    text-align:center;
    margin-top:20px;
}

.videoBackContainer a:hover;
{
    text-decoration:none;
    color:#da2c14;
    font-size:9pt;
}

div#sectionTitleText
{
    font-size:11pt;
    color:#ffffff;
    font-weight:bold;
    margin-bottom:7px;
}

div#sectionSubTitleText
{
    font-size:9pt;
    color:#ffffff;
    font-weight:bold;
    font-style:inherit;
    margin-bottom:7px;
}

table#contentPhraseContainer
{
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
}

td#rightContainer
{
    padding-left:10px;
}

td#apexRightContainer
{
    vertical-align:top;
    padding-left:7px;
}

td#apexLeftContainer
{
    vertical-align:bottom;
    padding-right:7px;
}

td.authorPhraseContaiener
{
    padding-top:10px;
    text-align:right;
}

td.phraseContaiener
{
    font-style:italic;
    font-size:12px;
}

a.roomsLink
{
    margin-right:4px;
}

td.courseInformationTableText
{
    text-align:left;
}

td.courseInformationTableRedLabel
{
    color:#da2c14;
    font-weight:bold;
    text-align:left;
    margin-right:10px;
}

td#teacherCurriculumTextContainer
{
    text-align:justify;
    padding-left:10px;
    vertical-align:top;
}

.italicText
{
    font-style:italic;
}

a.stagesLink, a.stagesLink:hover
{
    font-weight:bold;
    color:#da2c14;
    text-decoration:none;
}

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

.photoButton
{
    width:24px;
    height:24px;
}

#mapContainer
{
   /* border: solid 1px white;*/
    padding-left: 2px;
    width:660px;
    height:560px;
    background-image:url(images/itcMap.jpg);
    background-repeat:no-repeat;
    clear:both;
}

#iconButtonA, #iconButtonB, #iconButtonC,
#iconButtonD, #iconButtonE, #iconButtonF,
#iconButtonG, #iconButtonLounge, #iconButtonCorridoio, img#map
{
    position:relative;
    top:0px;
    left:0px;
}

#iconButtonA
{
    top:338px;
    left:490px;
}

#iconButtonB
{
    top:106px;
    left:536px;
}

#iconButtonC
{
    top:322px;
    left:305px;
}

#iconButtonD
{
    top:298px;
    left:254px;
}

#iconButtonE
{
    top:270px;
    left:117px;
}

#iconButtonF
{
    top:150px;
    left:118px;
}

#iconButtonG
{
    top:58px;
    left:406px;
}

#iconButtonLounge
{
    top:38px;
    left:480px;
}

#iconButtonCorridoio
{
    top:125px;
    left:406px;
}

div.photoGalleryThumbnailItemContainer
{
	width:135px;
	height:102px;
	border:solid 1px white;
	margin:4px;
	padding:1px;
	float:left;
}

div.photoGalleryThumbnailItemContainer img
{
	/*width:135px;*/
	
	cursor:pointer;
}

div#photoGalleryContainer
{
	margin-top:25px;
	width:100%;
}

div#sectionTextBigContainer p a
{
	color:#FFFFFF;
	text-decoration:underline;
}

div#sectionTextBigContainer p a:hover
{
	color:#DA2C14;
	text-decoration:underline;
}

h2.stagesListParagraphTitle
{
    /*color:#da2c14;*/
    color:#FFFFFF;
    font-weight:bold;
    font-size:9pt;
    margin-bottom:32px;
}

h2.stageThumbnailSubTitle
{
   color:#FFFFFF;
    font-weight:bold;
    font-size:9pt;
    margin-bottom:0px;
}

h2.stagesListParagraphTitle a
{
    color:#FFFFFF;
    font-weight:bold;
    font-size:9pt;
    text-decoration:underline;
}

h2.stagesListParagraphTitle a:hover
{
    text-decoration:underline;
    color:#da2c14;
}

div.teacherPhotosBorder
{
    border:solid 1px #da2c14;
    padding:1px;
    margin-right:11px;
}

a.highslideLink
{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

a.highslideLink:hover
{
    color:#ffffff;
    text-decoration:underline;
}

a.calendarLink
{
    display:block;
    text-align:center;
    width:100%;
    margin-top:0px;
    padding:0px;
}

div.groupCalendarLabel
{
    margin-bottom:4px;
    color:#da2c14;
    font-weight:bold;
}

div.teacherHighslideCalendarContent
{
    margin-top:4px;
    margin-bottom:4px;
}

div.matterHighslideCalendarContent
{
    margin-bottom:7px;
    font-weight:bold;
}

a.groupCalendarLink
{
    color:#da2c14;
    text-decoration:none;
    font-weight:bold;
    font-size:10pt;
}

a.groupCalendarLink:hover
{
    color:#da2c14;
    text-decoration:underline;
}

/***** calendar section style definition **********/

table.calendarTable
{
    width:100%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:-9px;
    border-collapse:collapse;
    border-spacing:0px;
}
/*
table.calendarTable td.calendarLeftTopCorner
{
    width:14px;
    height:14px;
    background-image:url(images/calendarItems/calendarLeftTopCorner.png);
    background-repeat:no-repeat;
}

table.calendarTable td.calendarTopBorder
{
    height:14px;
    background-image:url(images/calendarItems/calendarTopBorder.png);
    background-repeat:repeat-x;
}

table.calendarTable td.calendarRightTopCorner
{
    width:14px;
    height:14px;
    background-image:url(images/calendarItems/calendarRightTopCorner.png);
    background-repeat:no-repeat;
}

table.calendarTable td.calendarLeftBorder
{
    width:14px;
    background-image:url(images/calendarItems/calendarLeftBorder.png);
    background-repeat:repeat-y;
}

table.calendarTable td.calendarRightBorder
{
    width:14px;
    background-image:url(images/calendarItems/calendarRightBorder.png);
    background-repeat:repeat-y;
}

table.calendarTable td.calendarLeftBottomCorner
{
    width:14px;
    height:14px;
    background-image:url(images/calendarItems/calendarLeftBottomCorner.png);
    background-repeat:no-repeat;
}

table.calendarTable td.calendarBottomBorder
{
    height:14px;
    background-image:url(images/calendarItems/calendarBottomBorder.png);
    background-repeat:repeat-x;
}

table.calendarTable td.calendarRightBottomCorner
{
    width:14px;
    height:14px;
    background-image:url(images/calendarItems/calendarRightBottomCorner.png);
    background-repeat:no-repeat;
}*/

table.mainCalendarTable
{
    border:solid 1px #676767;
}


table.mainCalendarTable td.calendarTableHeader
{
   background-image:url(images/calendarItems/mainHeaderBackground.jpg);
   background-repeat:repeat-x;
}

td.headerCell
{
  border:none;
  background-position:0px -1px;
  background-image:url(images/headerBackground.jpg);
  background-repeat:repeat-x;
  height:109px;
}

table.calendarTable td.daysHeader
{
  margin:0px;
  padding:0px;
}

td.daysHeader
{
  background-image:url(images/daysBackground.jpg);
  background-repeat:repeat-x;
  background-position:right bottom;
  height:40px;
  font-weight:bold;
  width:17%;
}

td.dayCell
{
    width:17%;
    padding:4px;
    text-align:center;
    border:solid 1px #676767;
    background-image:url(images/innerCellBackground.jpg);
    background-repeat:repeat-x;
    background-position:top;
}