/* css */

/**** Default Body Tags ****/

body,td {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #636363;
}

body {
  margin: 10px;
  background-color: white;
}
body.emailBody {
  background-color: #FFFFFF;
  margin: 20px;
}

#landing-body {
	background-color: #4d2d5a; 
	background:center top no-repeat url(images/landing-background-2.jpg); 
	margin:0px; 
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #636363;
}

/**** HTML Styling Replacements ****/

input,select,textarea {
  font-family: arial, helvetica, sans-serif;
  color: #636363;
  font-size: 12px;
}

form { margin:0px; }

hr {
  color: #e0e0e0;
  background-color: #e0e0e0;
  height: 1px;
  border: none;
}

/**** Text ****/

A { text-decoration: none; color: #005baa}
A:HOVER { color: #e42c87; }

/* Home */
.YellowHeading1, .YellowHeading1 A {
	color: #fccb05;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.YellowHeading3, .YellowHeading3 A {
	color: #fccb05;	font-size: 15px; font-weight: bold;	line-height: 32px; }
/* Our School */
.DarkBlueHeading1, .DarkBlueHeading1 A {
	color: #0074a8;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.DarkBlueHeading3, .DarkBlueHeading3 A {
	color: #0074a8;	font-size: 15px; font-weight: bold;	line-height: 32px; }
/* Education */
.LightBlueHeading1, .LightBlueHeading1 A {
	color: #0097c2;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.LightBlueHeading3, .LightBlueHeading3 A {
	color: #0097c2;	font-size: 15px; font-weight: bold;	line-height: 32px; }
/* Learning */
.OrangeHeading1, .OrangeHeading1 A {
	color: #faa61a;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.OrangeHeading3, .OrangeHeading3 A {
	color: #faa61a;	font-size: 15px; font-weight: bold;	line-height: 32px; }
/* School Life */
.BrightPinkHeading1, .BrightPinkHeading1 A {
	color: #ee3d96;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.BrightPinkHeading3, .BrightPinkHeading3 A {
	color: #ee3d96;	font-size: 15px; font-weight: bold;	line-height: 32px; }
/* Admission */
.PastelPinkHeading1, .PastelPinkHeading1 A {
	color: #db6790;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.PastelPinkHeading3, .PastelPinkHeading3 A {
	color: #db6790;	font-size: 15px; font-weight: bold;	line-height: 32px; }
/* Contact */
.BrightYellowHeading1, .BrightYellowHeading1 A {
	color: #fff200;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.BrightYellowHeading3, .BrightYellowHeading3 A {
	color: #fff200;	font-size: 15px; font-weight: bold;	line-height: 32px; }
.PurpleHeading1, .PurpleHeading1 A {
	color: #7c51a1;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }
.PurpleHeading3, .PurpleHeading3 A {
	color: #7c51a1;	font-size: 15px; font-weight: bold;	line-height: 32px; }


.highlight1 {
	font-size: 12px;
	font-style: italic;
	line-height: 22px;
 	color: #928B92;
	margin-left: 40px;
	margin-right: 100px;
	display: block;	
}
.highlight2 {
	font-size: 12px;
	font-style: italic;
	line-height: 20px;
    color: #928B92;
	margin-left: 80px;
	margin-right: 130px;
	display: block;	
}

.subheading { font-size:13px; color:#939192; font-weight:bold; }
.white { color: white; }
.small { font-size: 11px; }
.tiny { font-size: 10px; }

/**** SITEMAP ****/

.sitemapDiv {
  margin-bottom: 3px;
}
.sitemapHdrDiv {
  background-color: #f0f0f0;
  padding: 4px;
  margin-top: 24px;
  margin-bottom: 6px;
}
table.sitemapTbl {
  width: 500px;
}
td.sitemapMidCell {
  border-left: 1px solid #c0c0c0;
}

/* Photo Gallery */
.galleryListName {
	color: #ee3d96;	font-size: 12px; font-weight: bold;	line-height: 20px; }


/*********** OVERALL TEMPLATE ***********/
.clear {clear:both;}
div#wrapper { width: 980px; margin: 0 auto; text-align:left; }

div#header { height:100px;}
div#header_logo {float:left;margin-top:5px;}
div#header_nav {float:right;margin-top:5px;}
div#header_nav img {margin-left:10px;}
div#header_functions {float:right;clear:right;margin-top:30px;width:318px;}
div#header-quicklinks { float: left; }
#quicklinks  { border:1px solid #d9d9d9; height:29px; padding: 4px; }

div#header-search { float: right }

div#search_field {float:left;border:1px solid #D9D9D9; height:27px !important; height:29px; width: 160px; background-image: url(../images/pictures/large/system-files/FormField_BG2.jpg);background-repeat:repeat-x;}
div#search_field input { border:0px none; background:transparent;padding:0px;margin-top:6px;margin-left:6px;width:150px;}

div#search_btn {float:left;margin-left:4px;}
div#search_btn input { border:0px none;}



div#menu { clear:both; margin-bottom:4px; width: 980px; height:33px; font-size:15px; font-weight:normal; color: #005baa; background-image: url(../images/pictures/large/system-files/MenuGlobalBg.jpg);background-repeat:no-repeat;}
table#menuglobal {}
td.globalmenu {height:33px;}

#footer_nav_bg {height:22px;margin-top:10px;padding-top:2px;background-image: url(../images/pictures/large/system-files/Footer_BG.gif);background-repeat:no-repeat;}
#footer_nav {margin-left:12px;}

div#footer { font-size: 11px; line-height: 16px; color: #636363; margin-top:5px; height:40px;}
div#footer_left { float:left;margin-left:12px;}
div#footer_right { float:right;margin-right:12px;}
div#footer A, div#footer A:VISITED { color: #c2b2b5 }
div#footer A:HOVER { color: #938b92; }


/*********** DEFAULT PAGE LAYOUT ***********/
#main{width:980px;margin-top:10px;}

#main_left{float:left;width:660px;}
#main_right{float:right; width:272px;}

#main_left_content{margin-left:12px;width:648px;}

#main_right_content{margin-right:12px;width:260px;}
#main_right_nav{}
#silver_sponsor{margin-top:20px;}


/*********** HOME PAGE LAYOUT ***********/
#home_left{float:left;width:622px;}
#home_right{float:right; width:322px;}

#home_left_content{margin-left:12px;width:610px;}
#home_right_content{margin-right:12px;width:310px;}

#home_news{}
#home_news_top{background-image:url(../images/pictures/large/system-files/News-Top.gif); background-repeat:no-repeat; height: 12px;overflow:hidden;}
#home_news_mid{ background-color:#e02c7f;}
#home_news_bot{background-image:url(../images/pictures/large/system-files/News-Bottom.gif); background-repeat:no-repeat; height: 12px;overflow:hidden;}

#home_news_content { color:#FFF;margin-left:15px;width:280px;}

#home_news_content  .news_date {color: #ffcc00; font-size: 15px; font-style:italic; padding-top: 10px }
#home_news_content  .news_title {color:#f9d5e5; line-height: 16px; font-weight: bold}
#home_news_content  .news_summary {color:#f9d5e5; line-height: 16px; }
#home_news_content a,#home_news_content a:visited {color:#ffcc00;text-decoration:none;}
#home_news_content a:hover {color:#ffcc00;text-decoration:underline;}

#main_left_content  .news_date {color: #7c51a1; font-size: 15px; font-style:italic; padding-top: 10px }
#main_left_content  .news_title {font-weight: bold}
#main_left_content  .news_summary { }

#news_img {margin-top:10px;}

#gold_sponsor{margin-top:20px;}


/*********** LANDING PAGE LAYOUT ***********/
div.landing-container-colour {top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: table; background-color:#4d2d5a; }
div.landing-container {top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: table; background:center center no-repeat url(../images/pictures/large/system-files/landing-background-2.jpg); }
div.landing-v-center {display: table-cell; vertical-align: middle}

.landing-background { background:center top no-repeat url(../images/pictures/large/system-files/landing-background-2.jpg); }

/*** won't need this with tables ***/
div#landing-wrapper { width: 980px; margin: 0px auto; text-align:left; }
div#landing-page { background-color:#FFF; }
div#landing-content-top { background-image:url(../images/pictures/large/system-files/landing-top.gif); height:25px; }
div#landing-content-bottom { background-image:url(../images/pictures/large/system-files/landing-bottom.gif); height:25px; }

div#landing-row1 {height: 260px; padding-left: 20px; padding-right: 20px; padding-top: 5px; }
div#landing-row2 { height: 50px; padding-left: 20px; padding-right: 20px; }
div#landing-french { float: left; width:290px; }
div#landing-big-flower { float:left; width:345px; text-align: center; padding-right: 15px}
div#landing-english { float: right; width:290px; }

/*********** Styling for events **********/

#events_table {}

.event_name {}
.event_date {}
.event_time {}
.event_venue {}
.event_link {}

#events_footer {}

.heading { color: #ee3d96;	font-size: 15px; font-weight: bold;	line-height: 32px; }
.headingBlack { color: #ee3d96;	font-size: 26px; font-weight: normal; line-height: 45px; font-style: italic; }


/* DROP DOWN MENUS */
span.navHoverLink .subMenu {
	visibility: hidden;
	position: absolute;
	margin-left: 0px;
	margin-top: 33px;
	padding-top: 0px;
	clear:left;
}
.subMenu a {
	display: block;
	padding-left: 12px; padding-right: 12px; padding-top: 7px; padding-bottom: 7px;
	color: white;
	text-decoration: none;
	background-color: #005baa;
}
.subMenu a:visited {
	color: white;
	text-decoration: none;
}
.subMenu a:hover {
	background-color: #29b9d6;
	color: white;
	text-decoration: none;
}
span.navHoverLink:hover .subMenu {
	visibility: visible;
}
span.navHoverLink.over .subMenu {
	visibility: visible;
}

/* ARTICLES */


#articles_wrapper {width:100%;}
#articles_left {float:left;width:25%;}

#articles_right {float:left;margin-left:20px;width:70%;}


#article_categories a, #article_categories a:visited {display:block;color:#555555;text-decoration:none;margin:10px 0px;}
#article_categories a:hover {color:#1C63C5;}

#articles_categories_title { text-transform:uppercase;font-size:13px;font-weight:bold;}
#articles_categories_title a,#articles_categories_title a:visited {display:inline;text-decoration:none;}
#articles_categories_title a:hover {}

.articles_heading {font-size:19px;font-weight:bold;margin-bottom:10px;}
.articles_subheading {font-size:16px;font-weight:bold;}

.articles_list_title {font-size:13px;font-weight:bold;}


#articles_trail {}
#articles_print {float: right; }

div.articleActiveTab {
  padding-right: 4px;
}

div.articleActiveTab a {
  font-weight: bold;
  display: block; 
  background-color: #878787; 
  padding: 1px 8px; 
  color: #FFFFFF; 
  text-decoration: none;
}

div.articleInactiveTab {
	padding-right: 4px;
}

div.articleInactiveTab a {
  display: block; 
  background-color: #F3F3F3; 
  padding: 1px 8px; 
  color: #000000; 
  text-decoration: none;
}

/* This is to fix a fade issue in IE when using jquery */
.gallery_image_title { background:#fff}


/*********** Styling for tables **********/

.content-table-row-yel {
	background-color: #ffff99;
	font-weight: normal;
	line-height: 20px;
}
.content-table-row-pur {
	background-color: #cc99ff;
	font-weight: normal;
	line-height: 20px;
}
.content-table-row-gr {
	background-color: #ccffcc;
	font-weight: normal;
	line-height: 20px;
}
.content-table-row-red {
	background-color: #ff99cc;
	font-weight: normal;
	line-height: 20px;
}

/*Table for class grades */

#table-class
{
	font-size: 12px;
	width: 648px;
	text-align: left;
	border-collapse: collapse;
}
#table-class th
{
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
	background: #000090;
	border-bottom: 1px solid #fff;
	color: #ffffff;
	text-align: left;
}
#table-class td
{
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}

/*Table for week views */

#table-week
{
	width: 648px;
	text-align: center;
	border-collapse: collapse;
}
#table-week th
{
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #000090;
	font-size: 13px;
	font-weight: bold;
}
#table-week td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
	border-bottom: 1px solid #fff;	
}
.table-week-odd
{
	background: #eff2ff;
}
.table-week-even
{
	background: #e8edff;
}
#table-week #Monday, #table-week #Wednesday, #table-week #Friday
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#table-week #Tuesday, #table-week #Thursday
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}
#table-week #Blank
{
	background: #ffffff;
	border-bottom: 1px solid #d6dfff;
}

/* Table with Horizontal Lines */

#hor-zebra
{
	width: 648px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	padding: 10px 8px;
	color: #039;
	font-size: 13px;
	font-weight: bold;	
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}

/* Default Table */

#table-default
{
	font-size: 12px;
	width: 648px;
	text-align: left;
	border-collapse: collapse;
}
#table-default th
{
	font-size: 13px;
	font-weight: bold;
	padding: 3px;
	background: #b9c9fe;
	border-bottom: 1px solid #fff;
	color: #000090;
	text-align: left;
}
#table-default td
{
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
	background: #e8edff;
	vertical-align: top;
}