/*
	define the basics first. These are overridden in css_home.php
	main  -- where the main content goes
	navbar  -- the left navigation area
	base_header -- the background for the rotating picture header
	headerLogo -- location of the logo in the banner
*/

#main {
	position: absolute;
	left:230px;
/*	top: 273px;*/
	top: 273px;
	width:520px;
	}

#translationFlag {
	position: absolute;
	vertical-align: middle;
	left:455;
top: -9;/**/
	width:100;
	height:19;
}

#bannerTop {
	position: absolute;
	left:-228;
top: -284;/**/
	width:780;
	height:28;
}

#bannerMiddle {
	position: absolute;
	left:-228;
top: -82;/**/
	width:780;
	height:30;
}

#bannerBottom {
	position: absolute;
	width:210;/*original value 780 - get rid of the bar in the middle of the text*/
	height:58;
/*top: 150%;*/
top: 857px;/*	top: 857px; */
	margin-left:2px;
}

.bannerEnglish {
	font-family: Georgia, 'Times New Roman', Times, serif;	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFCC;
	background-color: #993333;
	letter-spacing: 0.2em;
	text-align: center;
	word-spacing: 0.5em;
	padding: 5px 10px;
}
.bannerFrench {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFCC;
	background-color: #993333;
	letter-spacing: 0.2em;
	text-align: center;
	word-spacing: 0.5em;
	padding: 5px 10px;
	font-style: italic;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFCC;
	background-color: #993333;
	text-align: center;
	padding: 5px;
}
#welcome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #003366;
	text-align: center;
	padding: 10px;
}

#newnavbar { /* for the main (top) menu */
	position: absolute;
	left: 2px;
/*	top: 235px;*/
	top: 235px;
	width: 780px;
	color: #003366;
	height: 22px;
	background-color: #FFCC66;
}

#navbar {     /* for the main nav block (on the left) */
	position: absolute;
	left:0px;
/*	top: 257px;*/
	top: 257px;
	width: 210px; /*original value = 220*/
	overflow: hidden;
/*	height: 610px;*/ /*fixed height - trying to solve the positionning of the copyright*/
	height: 610px;	background-color: #FFCC66; /*to have colored left side*/
	margin-top: 0px;
	margin-left: 2px;
}

#alt_header {
	position: absolute;
	left:2;
	top: 33;
	width: 210;
	height: 174;
	background-color: FFFFCC;
	background-repeat: no-repeat;
}

#whatisnew {
	position: absolute;
	left: 4;
	top: 220;
	width: 0;
	height: 0;
	background-color: FFFFCC;
	/* foreground-color: FFFFCC; */
}

#base_header {
	position: absolute;
	left:212;
	top: 33;
	width: 570;
/*	height: 174; background:  url(images/fun/s11.jpg);*/
	height: 174;
	background:  url(images/fun/s9.jpg);	background-repeat: no-repeat;

}

/*#headerLogo {position: absolute; top: 15; left: 40;}*/
#headerLogo {
	position: absolute;
	top: 15;
	left: 40;
	}

/*
Now all the various inner definitions
*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background: #FFFFFF;}

A:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #003366;
	font-style: normal;
}
A:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #003366;
	font-style: normal;
}
A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #003366;
	font-style: normal;
}
A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #993333;
	text-decoration: underline;
}

A:link.calendarLink
{
  	COLOR: #FFFFFF;
    font-style: normal;
}

.linktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
}
a.linktext:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #993333;
}
a.linktext:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #993333;
}
a.linktext:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #993333;
	font-weight: bold;
}
a.linktext:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	color: #993333;
}
#title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #003366;
	text-align: center;
	padding: 25px 10px 10px 10px;
	text-transform: uppercase;
}
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 40px;
	width: 550px;
	height: 500px;
}

H1  {color:#666; font-family:Verdana, Arial, sans-serif; font-size: 18px;}
H2  {color:#888; font-family:Verdana, Arial, sans-serif; font-size: 14px;}
H2  {color:#516E99; font-family:Verdana, Arial, sans-serif; font-size: 14px;}


#base_report_body {position: absolute; left:0; top: 0; right: 0; background: white; font-family: 'arial, helvetica, geneva, sans-serif'; font-size: 9pt; color: black; }

.errorMessage { font-size: 10pt; font-weight: bold; color: red; padding: 2px;}



.dirIndexTab { font-size: 12pt; font-weight: bold; padding: 2px;}
.dirClassGradeHeader { height: 24; font-size: 12pt; font-weight: bold; text-align: center; }
.dirClassHeader { height: 24; font-size: 10pt; font-weight: bold; text-align: center;}
.dirClassContainer { background: #e0e0e0}
.dirClassEntry { height: 170; font-size: 10pt; font-weight: bold; text-align: center; line-height: 13px;}

.dirLastName { font-size: 10pt; font-weight: bold;}
.dirFirstName { font-size: 10pt; }
.dirFamilyName { font-size: 10pt; }
.dirAddress { font-size: 10pt; }
.dirEmail { font-size: 10pt; }
.dirPhone { font-size: 10pt; }

.personcardname { font-size: 90%; font-weight: bold; }
.personcard { font-size: 80%; }

.blogDirectoryTitle { height: 24; font-size: 14pt; font-weight: bold;}

.blogContainer  { font-family: 'helvetica'; padding-left: 50;  width: 100%; }
.blogHeader  { background: #a0c0f0; width: 100%; }
.blogTitle  { height: 24; font-size: 14pt; font-weight: bold; }
.blogDescription  { font-size: 10pt; font-weight: normal }
.blogPost  { background: #C2D5F2; margin-top: 20; width: 90%; padding: 1px }
.blogPostDraft  { background: #E0C040; margin-top: 20; width: 90%; padding: 1px }
.blogPostTitle  { font-size: 12pt; }
.blogPostPoster  { font-size: 10pt; font-weight: normal; }
.blogPostTime  { font-size: 9pt; font-weight: normal; font-style: italic; }
.blogPostBody  { background: #e0e0e0; font-size: 10pt; font-weight: normal; padding: 3px}
.blogPostCommand  { font-size: 10pt; font-weight: normal; }
.blogComment  { margin-left: 50; margin-right: 50; margin-top: 8; width: 70% }
.blogPhotoComment  { margin-left: 2; margin-right: 10; margin-top: 2; width: 70% }
.blogCommentPoster  { font-size: 9pt; font-weight: normal; font-style: italic; }
.blogCommentTime  { font-size: 8pt; font-weight: normal; font-style: italic; }
.blogCommentBody  { font-size: 10pt; font-weight: normal; }
.blogDirHeader  { height: 24; font-size: 12pt; font-weight: bold; width: 100%; background: #c0c0c0; margin-top: 12px; margin-bottom: 8px; }
.blogDirTitle  { height: 24; font-size: 10pt; font-weight: bold; }
.blogDirDescription  { font-size: 9pt; font-weight: normal }

.blogCloseup { margin-top: 20; margin-bottom: 20; width: 100% }
.blogCloseupBody { }

.blogSettingsLabel { width: 120; font-size: 10pt; font-weight: bold; font-style: italic; }
.blogSettingsExplanation { font-size: 8pt; font-weight: normal; font-style: italic; }

.searchResultsHeader  {font-size: 100%; font-weight: bold; width: 100%; margin-top: 8px; margin-bottom: 4px; padding: 1px;}
.searchHeader {font-size: 100%; font-weight: bold; width: 100%; background: #c0c0c0; margin-top: 8px; margin-bottom: 4px; padding: 1px;}
.searchHit {font-size: 100%; margin-left: 20px; margin-bottom: 0;}
.searchHitTitle {font-weight: bold; margin-bottom: 0;}
.searchHitSubTitle {margin-left: 30px; margin-top: 0px; margin-bottom: 10px;}
.searchHitBody {margin-left: 60px;}
.searchSubHit {font-size: 90%; margin-bottom: 8px; margin-left: 40px }
.searchHitEtc {font-size: 90%; margin-top: 8px; margin-left: 20px; margin-bottom: 15px;}
.searchHighlight {background: #FFFF80;}

td.data1
{
	color: #000000;
	background-color: #F3F3E9;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
}

td.data2
{
	color: #000000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
}
TD.noborder
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
td
{
   font-size: 80%;
}
.searchbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #003366;
}
.warning {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
}
.subnavTopBar  {
	background: #FFCC66;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 3px;
	}
.subnavTitle { height: 24; font-size: 12pt; font-weight: bold; }
.subnavSubtitle { font-size: 10pt; font-weight: normal }

.emph1
{
    FONT-STYLE: italic;
	font-size: 80%;
}
.emph2
{
    FONT-WEIGHT: bold;
	font-size: 80%;
}

.homeImportant {color: red; font-weight: bold }
.homeNormal {}

#iframecontent {
border:0; position: absolute; left: 0; top: 0; height: 1500px; right: 0px; overflow: hidden;}


.profileHeader {
	background: #a0c0f0;
	font-size: 10pt;
	font-weight: bold; width: 100%;
	height: 24px;
}
.profileNotes {
	font-size: 8pt;
}
.profileBlock {
	margin-left: 20px;
	background: #e0e0e0;
	padding: 8px;
}

.homeBlock {
	margin-left: 20px;
	margin-bottom: 10px;
	background: #e9e9e9;
	padding: 8px;
}

UL.cal
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 8px;
    PADDING-TOP: 0px
}
LI.cal
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 1px;
    MARGIN: 2px 0px;
    PADDING-TOP: 1px
}




.button {
	/*
	//font-weight: bold;
	//background-color: #D0D0FF;
	*/
}
.buttonBold {
	font-weight: bold;
	background-color: #F0E080;
	color: red;
}
.buttonSecondary {
	font-size: 80%;
}
.calendarDay {
	background-color: #C2D5F2;
	padding: 2px;
	border-top: 1pt solid black;
	border-left: 1pt solid black;
	border-right: 1pt solid gray
}
.calendarDayToday {
	background-color: #D9D9D9;
	padding: 2px;
	border-top: 1pt solid black;
	border-left: 1pt solid black;
	border-right: 1pt solid gray
}
.calendarDayExtra {background-color: #C2D5F2; padding: 2px; border-left: 1pt solid black; border-right: 1pt solid gray}
.calendarDayTitle {text-align: center; font-size: 120%; font-weight: bold;}
.calendarDayNumber {text-align: center; font-size: 11pt; font-weight: bold; color: black; }
.calendarColumnTitle {background-color: #C0C8DC; padding: 2px; text-align: center; font-size: 90%; font-weight: bold;}
.dailyDayTitle {font-size: 100%; font-weight: bold;}

.genericTitle { height: 24; font-size: 12pt; font-weight: bold; }
.genericAlertTitle { height: 24; font-size: 12pt; font-weight: bold; color: red }
.genericSubtitle { font-size: 10pt; font-weight: normal }
.genericBlock {margin-left: 20px; background: #e0e0e0; padding: 8px;}
.genericAnnotation { font-size: 8pt; font-weight: normal }
.genericComment { font-size: 9pt; font-weight: normal }
.genericNotice {border: 2px solid red; background: #E0E0E0; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;}


.xppctl, .xppcl, .xppcr {
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: 80%;
	text-align: left;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.ppctl {
	color: blue;
    margin-top: 55px;
}

.ppcl {
	color: red;
}

.ppcr {
	color: green;
}

.tmpHold
{
	color: #000000;
	background-color: #E6E6CC;
	text-align: left;
	font-family: arial, tahoma, verdana, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}