@charset "utf-8";
/* CSS Document */

body
{
	margin:0 auto;
	padding:0 0;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:0.78em;
	line-height:1.20em;
	color:#000;
}

#contentContainer
{
	margin:0 auto 0 auto;
	width:960px;
} 

h1, h2, h3 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	border-bottom: 2px solid #e5dad8;
	padding: 0 0 4px 0;
}

.NavBarBgnd
{
	position:relative;
	display:block;
	margin:0;
	padding: 0;
	width:100%;
	border: 0;
	background-color:#9e252e; /*css override for colour schemes */
}
.NavBar
{
	position:relative;
	display:block;
	width:500px;
	margin-left: 230px;
	border: 0;
	color: #FFF;
	/*background-image:url(../../../_css/images/leftNav_leftShadow.png);  colour scheme item to change 
	background-repeat:repeat-y;
	background-position:-8px;*/
}

.MainMenu_MenuBar {
    height: 25px;
}

.MainMenu_MenuContainer  tr td table tr td {
	padding: 0 10px 0 10px;
}

.MainMenu_MenuItem {
    color: #FFF;
    border: 0;
}

.MainMenu_MenuItemSel {
    color: #d07058;
    background-color: #ead4c9;
}

.MainMenu_SubMenu {
    color: #d07058;
    background-color: #ead4c9;
}

.MainMenu_SubMenu .MainMenu_MenuItem {
    color: #d07058;
}

.MainMenu_SubMenu .MainMenu_MenuItemSel {
    color: #ead4c9;
    background-color: #d26f58;
}

.MainMenu_MenuIcon , .MainMenu_MenuArrow {
    background-color: #ead4c9;
    border: 0;
}

.mainContentPane
{
	float:left;
	margin-left:230px;
	width:500px;
	padding-bottom:10px;
	background-color:#FFF; /*css override for colour schemes */	
} 

 .mainContentPane2col,  .rightContentPane2col
{
	float:left;
	margin-left:35px;
	width:435px;
	padding-bottom:30px;
	background-color:#FFF; /*css override for colour schemes */	
}

 .rightContentPane2col
{
	width:200px;
}


.mainFooterBottomBox
{
	margin:0 auto;
	width:960px;
	height:20px;
	background-image:url(/Portals/lcicyberarts/images/LCI-WEBSITE-FOOTER.gif);
}



/*********************Left Nav Bar Menu Items  ****************************************
***************************************************************************************/

.leftNavBox .RadPanelBar .rpRootGroup, .RadPanelBar .rpGroup, .RadPanelBar .rpItem
{
    list-style: none outside none;
    margin: 0px 0 0 5px;
    padding: 0;
}

.leftNavBox .RadPanelBar .rpRootGroup
{
	border:1px solid #000; /*css override for colour schemes */
}

.leftNavBox .RadPanelBar .rpFirst .rpLink, .leftNavBox .RadPanelBar .rpFirst .rpLink a:link
{
	color:#737A92; /*css override for colour schemes */
	background-color:#f0f4fe;  /*** Color for First Menu ***/ /*css override for colour schemes */
	margin-top:0px;
}


.leftNavBox .RadPanelBar .rpFirst .rpLink a:hover, .leftNavBox .RadPanelBar .rpFirst a:hover
{
	background-color:#DADADA; /*** Over Color for First Menu ***/
}


.RadPanelBar .rpLink, .RadPanelBar .rpOut, .RadPanelBar .rpText
{
    display: block;
	padding:0 0;
}


.leftNavBox .RadPanelBar .rpLink, .leftNavBox .RadPanelBar .rpLink a:link
{
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
	border-bottom:1px solid #CCC; /*controls bottom border for each main menu */
								  /*css override for colour schemes */
	padding: 7px 10px 7px 0; /*controls padding for each mneu item */
	color:#737a92; /*css override for colour schemes */
	background-color:#f0f4fe; /*css override for colour schemes */
	font-weight:bold;
}

.leftNavBox .RadPanelBar a.rpLink:hover
{
	padding: 7px 10px 6px 0; 
	color:#000; /*css override for colour schemes */
	background-color:#E8E8E8; /*css override for colour schemes */
}

.leftNavBox .RadPanelBar .rpOut
{
    border-bottom-style: none;
    border-bottom-width: 0px;
}

/************ Sub Menu Items  ************/

.leftNavBox .RadPanelBar .rpExpandable .rpExpandHandle, .leftNavbox .RadPanelBar .rpExpanded .rpExpandHandle
/* controls the submenu arrow */
{
    display: block;
    float: right;
    height: 15px;
    margin: 2px 5px 0 0px;
    width: 15px;
 	background-image:url(../../images/navArrow.gif);
}

.leftNavBox .RadPanelBar .rpExpandable, .leftNavbox .RadPanelBar .rpExpanded
{
    padding-bottom:6px;
}

.leftNavBox a:hover
{
    background-color: #E2E2E2;  /*css override for colour schemes */
	margin: 0 0;
	padding:0 0;
}

/* Link colour for Sub Menus  */

.leftNavBox .RadPanelBar .rpLevel1 .rpFirst .rpLink, .leftNavBox .RadPanelBar .rpLevel1 .rpFirst .rpLink a:link
{
	color:#000; /*css override for colour schemes */
	background-color:#C0C6D8; /*css override for colour schemes */
	margin-top:0px;
}

.leftNavBox .RadPanelBar .rpLevel1 .rpLink, .leftnavBox .RadPanelBar .rpLevel1 .rpLink a:link
{
   	text-indent:5px;
	background-color:#C0C6D8; /*css override for colour schemes */
	border-top:1px solid #FFF; /*css override for colour schemes */
	color:#000;  /*css override for colour schemes */
}

.leftNavBox .RadPanelBar .rpGroup a.rpLink:hover, .leftNavBox .RadPanelBar .rpGroup .rpTemplate
{
	color:#FFF;  /*css override for colour schemes */
	background-color:#999; /*css override for colour schemes */
}


.leftNavBox .RadPanelBar .rpLevel1 .rpFirst
{
    padding-top:0px !important;
}

/* ***** IE 7 Fix ********* */
*+HTML .leftNavBox .RadPanelBar .rpLevel1 .rpFirst
{
    padding-top:10px !important;
}

/* ***** IE 8 Fix ********* */
.leftNavBox .RadPanelBar .rpLevel1 .rpFirst, .leftNavBox .RadPanelBar rpGroup .rpLevel1 .rpFirst
{
    padding-top:10px\0/ !important;
}


/* ***** IE 7 Fix ********* */
*+HTML .leftNavBox .RadPanelBar .rpLevel1 .rpFirst .rpLink, .leftNavBox .RadPanelBar .rpLevel1 .rpFirst .rpLink a:link
{
    margin-top:-10px;
}

/* ***** IE 8 Fix ********* */
.leftNavBox .RadPanelBar .rpLevel1 .rpFirst .rpLink, .leftNavBox .RadPanelBar .rpLevel1 .rpFirst .rpLink a:link
{
   margin-top:-10px\0/;
}

/** Basic  Text Formats  ***/
.Normal, .NormalDisabled
{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color:#000;
	font-size:0.98em;
	line-height:1.46em;
}


.Normal h1, .Normal h2, .Normal h3, h1, h1 input, h2, h2 input, h3, h3 input
{
	font-weight:bold;
	color:#000;
	font-size:1.58em;
	margin-bottom:0.30em;
	line-height:1.2em;
}

.Normal h2, h2, h2 input
{
	font-size:1.28em;
	color:#2A2A2A;
}

.Normal h3, h3, h3 input
{
	font-size:1.10em;
	color:#2A2A2A;
}


/***** School Message Alert/Emergency Notice CSS items  ******/
#TDSB_EmergencyNotice
{
	display:block;
	width:100%;
}

#emergencyArea
{
	 width:100%;
	 color:#000;
	 margin:15px 0 5px 0;
	 border:1px solid #CCC;
}

#emergencyArea #emergIcon
{
	 float:left; 
	 position: relative;
	 width:85px;
	 top:2px;
	 left:1px;
	 padding:0;
}

#emergencyArea #emergTextBox
{
    position:relative;
	float:left;
	width: 75%;
	left:10px;
    font-size: 0.9em;
    line-height: 1.4em;
    margin:5px 5px 0px 0px; 
	padding-bottom:10px;
}


@media print {
@page { size: 8.5in 11in; margin: 1in;}
body { background: white; font-size: 14pt; font-family:"Times New Roman", Times, serif; }
#TDSBPrintBanner {display:block; padding-bottom: .5in;}
#TDSBbannerBar, #schoolSearchBar, .myMenu, .leftNavBox, .footerColBoxContainer, .mainFooterBottomBox, #mainFooterBottomTop, #mainFooterBottomBar, #dnn_ctr785_dnnVISIBILITY_cmdVisibility { display:none; }
#contentContainer {border: 0px;}
}

/* Accessibility */

#skiplink { display:none; }

@media handheld, only screen and (max-device-width:569px) {  

	html, body, div {padding: 0; margin: 0;}
	body { font: 1.9em/1.9em Verdana, Arial, sans-serif; background-color: #fff; height: 100%; -webkit-text-size-adjust: none; }
	div, #TDSB_searchContainer a { display: none; }
	h1,h2,h3,h4  { font-weight: normal; }
/*------------------------ END OF MOBILE CSS ------------------------*/
}