/* CSS Document */

body
{
	margin : 0px auto;
	font-family : Verdana;
	font-size : 0.8em;
}

#topbanner
{
	width : 100%;
	height : 120px;
	background : #369 url(../pix/texture_banner.jpg) repeat-x;
	text-align : left;
}

#choices
{
	position : absolute;
	top : 1.5em;
	left : -45px;
	width : 100%;
	height : 120px;
	padding-top : 10px;
	padding-right : 45px;
	border : 0px solid #000;
	background : url(../pix/postit.jpg) no-repeat top right;
	vertical-align : text-top;
}

#photo
{
	position : relative;
	top : 0px;
	left : 50px;
	width : 120px;
	height : 120px;
	background : #fff url(../pix/photo.jpg) no-repeat;
}

.kidpix
{
	position : relative;
	top : 20px;
	left : 15px;
}

#logo
{
	position : absolute;
	top : 1.5em;
	left : 40%;
	width : 240px;
	height : 120px;
	background : #fff url(../pix/logo.jpg) no-repeat;
	border : 0;
	overflow : hidden;
}




#choiceright
{
	float : right;
	width : 110px;
	border : 0px solid #000;
	margin-right : -30px;
	margin-top : 0.8em;
	text-align : left;
	z-index:0;
}


/**************************/
/* FONTS */

.welcome
{
	color : #fc0;
	font-size : 2em;
}

.correct
{
	color : #fff;
	font-weight : bold;
	font-size : 1em;
	background-color : #0C0;
	padding : 0px;
}

.incorrect
{
	color : #fff;
	font-weight : bold;
	font-size : 1em;
	background-color : #c00;
	padding:0px;
}

/****************************/
/* TITLES */

.H1title
{
	background-color : #E7EFFF;
	border-top : 1px solid #36C;
	color : #000;
	font-size : 1.2em;
	margin-top : 2em;
	padding : 2px;
}


.H2title
{
	background-color : #E7EFFF;
	border-top : 1px solid #36C;
	color : #000;
	font-size : 1em;
	margin-top : 2em;
	padding : 2px;
	margin-left : 1em;
}


.H3title
{
	background-color : #E7EFFF;
	border-top : 1px solid #36C;
	color : #000;
	font-size : 1.25em;
	padding : 2px;

}


/*****************************/
/* PARAGRAPHS */

.P1{}

.P2{margin-left:12px;}

/****************************/
/* LINKS */


a.link:link
{
	color : #000;
	text-decoration : none;
	border-bottom : #000 1px dotted;
	font-weight : normal;
}


a.link:visited
{
	color : #000;
	text-decoration : none;
	border-bottom : #000 1px dotted;
	font-weight : normal;
}


a.link:hover
{
	background-color : #E7EFFF;
	color : #000;
	text-decoration : none;
	border-bottom : #000 1px solid;
	font-weight : normal;
	padding-bottom : 1px;
}

a.toplink:link
{
	background-color : #fff;
	color : #000;
	text-decoration : underline;
	font-weight : normal;
}


a.toplink:visited
{
	background-color : #fff;
	color : #000;
	text-decoration : underline;
	font-weight : normal;
}


a.toplink:hover
{
	background-color : #000;
	color : #fff;
	text-decoration : none;
	font-weight : normal;
}

a.redlink:link
{
	color : #c30;
	font-weight : bold;
	text-decoration : none;
	border-bottom : #000 1px dotted;
}


a.redlink:visited
{
	color : #c30;
	font-weight : bold;
	text-decoration : none;
	border-bottom : #000 1px dotted;
}


a.redlink:hover
{
	background-color : #c30;
	color : #fff;
	text-decoration : none;
	border-bottom : #000 1px solid;
	font-weight : bold;
}

a.activelink:link
{
	background-color : #fff;
	color : #000;
	text-decoration : underline;
	font-weight : bold;
}


a.activelink:visited
{
	background-color : #fff;
	color : #000;
	text-decoration : underline;
	font-weight : bold;
}

a.activelink:hover
{
	background-color : #fff;
	color : #ffc;
	text-decoration : underline;
	font-weight : bold;
}


/*************************/
/* FORMS */

.loginBtn
{
	border : 1px solid #000;
	background-color : #eee;
	font-size : 1.25em;
	padding : 1px;
}

.subjectTxt
{
	border : 1px solid #000;
	background-color : #eee;
	font-size : 1.25em;
	width : 50%;
	padding : 1px;
}

.msgTxtarea
{
	border : 1px solid #000;
	background : #fff url(../pix/grad.gif) repeat-x bottom;
	font-size : 1.25em;
	width : 95%;
	padding : 0.25em;
	height : 10em;
}

.bigRedBtn
{
	border : 0px;
	color : #fff;
	height:100px;
	width:200px;
	background: url(../pix/bigredbtn.gif) no-repeat;
	font-size : 1.3em;
}

.bigRedBtnReturns
{
	border : 0px;
	color : #fff;
	height:60px;
	width:10em;
	background: url(../pix/bigredbtn_returns.gif) no-repeat;
	font-size : 1.5em;
}




/****************************/
/* STRUCTURES */
	
	
#skip
{
	padding : 0;
	margin : 0px;
	height : 1.5em;
	width : 100%;
	background-color : #fff;
}

#container
{
	width : 100%;
	margin-left : 0 auto;
	margin-right : 0 auto;
	text-align : left;
	padding-bottom:3em;
}

#content
{
	padding-left : 32px;
	padding-right : 32px;
}

#symbolcontainer
{
	width : 100%;
	margin : 0 auto;
	height : 11em;
}

.blocks
{
	width:22%;
	float:left;
	border:0px solid #000;
	margin-right:20px;
	overflow:visible;
	height:auto;
}

#footer
{
	width : 100%;
	margin : 0 auto;
	border-top : 1px solid #CCC;
	text-align :center;
	float:left;
	margin-top:1em;
}

.email
{
	width : 95%;
	float : left;
	display : block;
	margin-bottom : 0.25em;
	margin-top: 0.25em;
	padding : 0.5em;
	border-top : 1px solid #707;
}

.email_from
{
	width : 20%;
	float : left;
}

.email_subject
{
	width : 40%;
	float : left;
}

.email_time
{
	width : 20%;
	float : left;
}

.email_read
{
	width : 20%;
	float : left;
}

.sendemail_infos
{
	width : 95%;
	background : #FFF;
	border : 1px solid #000;
	float : left;
	display : block;
	padding : 0.25em;
}

.emailtxt
{
	width : 95%;
	background : #fff url(../pix/grad.gif) repeat-x bottom;
	border : 1px solid #000;
	float : left;
	display : block;
	height : 5em;
	overflow : auto;
	padding : 0.25em;
	margin-top : 0.25em;
}


#timetable_title
{
	background-color : #E7EFFF;
	border-top : 1px solid #36C;
	color : #000;
	font-size : 1.2em;
	margin-top : 1em;
	padding : 2px;
	width : 100%;
	float : left;
	font-weight:600;
}

#timetable_date
{	
	width : 50%;
	float : right;
	line-height:2.7em;
	text-align : right;
}

#timetable_menu
{	
	width : 50%;
	float : left;
	text-align : left;
}

#activities
{float:left;width:65%;}

#saveactivities
{float:left;width:30%;text-align:center;padding-top:3em;}




/**************************/
/* DIVS FOR LOGIN PAGE */

#symbolbasket
{
	width : 220px;
	height : 130px;
	border : 3px solid #36C;
	background-color : #E7EFFF;
	margin : 0 auto;
	padding : 2px 20px 2px 20px;
	text-align : center;
	vertical-align : text-bottom;
	overflow : hidden;
	z-index:100;
}

#loginresult
{
	height : 1.5em;
	width : 100%;
	text-align : center;
}

#symbolbasket .symbol
{
	float : left;
	margin : 5px 0px 0px 0 px;
	border : 0px;
	text-align : center;
	width : 70px;
	height : 70px;
}

.symbol
{
	float : left;
	margin : 5px 2px 0px 0px;
	border : 0px;
	text-align : center;
}



img{vertical-align:middle}
object{vertical-align:middle}

#activities_container
{
	background: #fff url(../pix/FFF_FFF_banner.jpg) reapeat-x bottom;
	float:left;
	width:75%;
	height:15.5em;
	padding:10px;
	border:1px solid #000;
	margin-top:1em;
}

#activities_choice
{
	background: #fff url(../pix/FFF_FFF_banner.jpg) reapeat-x bottom;
	float:right;
	width:18%;
	height:15.5em;
	border:1px solid #000;
	overflow:auto;
	text-align:center;
	padding:10px;
	margin-top:1em;
}

/*#activities_choice .symbol
{display:block;float:none;}*/



/***************MENU OBJECTS ***********************/

#menu
{
	width : 100%;
	height : 120px;
	border : 0px;
	margin : 0 auto;
	padding : 2px 2px 2px 2px;
	overflow : auto;
}

#centremenu
{
	margin : 0 auto;
	width : 470px;
}

/***************************************/
/******* MISC FONTS */

.bgblack{background-color:#000;color:#FFF;}
.bgdgreen{background-color:#090;color:#FFF;}
.bggrey{background-color:#999;color:#FFF;}
.bgblue{background-color:#09F;color:#FFF;}
.bgorange{background-color:#FC0;color:#000;}
.bgyellow{background-color:#FF0;color:#000;}
.bglbrown{background-color:#C90;color:#FFF;}
.bgpink{background-color:#F99;color:#000;}
.bgwhite{background-color:#FFF;color:#000;}

.titlebgorange{background-color:#ffc;color:#000;}
.titlebgblue{background-color:#E7EFFF;color:#000;}
.titlebggreen{background-color:#CFC;color:#000;}
.titlebgpurple{background-color:#FCF;color:#000;}
.titlebgred{background-color:#FCC;color:#000;}
.titlebgblack{background-color:#CCC;color:#000;}
.titlebgwhite{background-color:#FFF;color:#000;}

.titletxtorange{background-color:#ffc;color:#FC3;}
.titletxtblue{background-color:#E7EFFF;color:#36C;}
.titletxtgreen{background-color:#CFC;color:#690;}
.titletxtpurple{background-color:#FCF;color:#909;}
.titletxtred{background-color:#FCC;color:#933;}
.titletxtblack{background-color:#CCC;color:#000;}
.titletxtwhite{background-color:#FFF;color:#000;}

.txtblack{background-color:#FFF;color:#000;}
.txtdgreen{background-color:#FFF;color:#090;}
.txtgrey{background-color:#FFF;color:#999;}
.txtblue{background-color:#FFF;color:#09F;}
.txtorange{background-color:#FFF;color:#FC0;}
.txtyellow{background-color:#FFF;color:#FF0;}
.txtlbrown{background-color:#FFF;color:#C90;}
.txtpink{background-color:#FFF;color:#F99;}
.txtwhite{background-color:#000;color:#FFF;}

.verdana{font-family:verdana;}
.comic{font-family:comic sans ms;}
.time{font-family:time new roman;}
.arial{font-family:arial;}
.georgia{font-family:georgia;}
.fingerspell{font-family:BDA Fingerspelling;font-size:1em;}


.smalltxt{font-size:0.8em;}
.mediumtxt{font-size:1.3em;}
.largetxt{font-size:1.7em;}