body{

	background-color: #CCCCCC;

	margin: 0px;

	padding: 0px;



}

table#framework td img{

	display: none;

}

body#red{

	background-image: none;

}

body#purple{

	background-image: none;

}

body#blue{

	background-image: none;

}

body#green{

	background-image: none;

}

body#yellow{

	background-image: none;

}

div.outerFrameRed{

	background-image: none;

	padding-top: 54px;

	padding-right: 60px;

	padding-bottom: 60px;

	padding-left: 67px;

}

div.innerFrameRed{

	background-color: #d7d7d7;

	background-image: none;

	border: 1px solid #e8e8e8;

	padding: 12px;

	width: 830px;

}

div.outerFramePurple{

	background-image: none;

	padding-top: 54px;

	padding-right: 60px;

	padding-bottom: 60px;

	padding-left: 67px;

}

div.innerFramePurple{

	background-color: #d7d7d7;

	background-image: none;

	border: 1px solid #e8e8e8;

	padding: 12px;

	width: 830px;

}

div.outerFrameBlue{

	background-image: none;

	padding-top: 54px;

	padding-right: 60px;

	padding-bottom: 60px;

	padding-left: 67px;

}

div.innerFrameBlue{

	background-color: #d7d7d7;

	background-image: none;

	border: 1px solid #e8e8e8;

	padding: 12px;

	width: 830px;

}

div.outerFrameGreen{

	background-image: none;

	padding-top: 54px;

	padding-right: 60px;

	padding-bottom: 60px;

	padding-left: 67px;

}

div.innerFrameGreen{

	background-color: #d7d7d7;

	background-image: none;

	border: 1px solid #e8e8e8;

	padding: 12px;

	width: 830px;

}

div.outerFrameYellow{

	background-image: none;

	padding-top: 54px;

	padding-right: 60px;

	padding-bottom: 60px;

	padding-left: 67px;

}

div.innerFrameYellow{

	background-color: #d7d7d7;

	background-image: none;

	border: 1px solid #e8e8e8;

	padding: 12px;

	width: 830px;

}

table#framework{

	background-color: #FFFFFF;



}

#logo{

	padding-top: 42px;

	padding-right: 31px;

	padding-left: 32px;

	background-image: url(../ui_images/logo_base.jpg);

	background-position: 32px 96%;

	text-align: left;

	vertical-align: top;

	background-repeat: no-repeat;

}

#banner{

	padding-top: 18px;

	padding-right: 23px;

	text-align: left;

	vertical-align: top;

}

#content{

	font-family: "Trebuchet MS", Arial;

	font-size: 12px;

	line-height: 16px;

	color: #544f4b;

	padding-top: 12px;

	vertical-align: top;

	padding-right: 35px;



}

#sidebar{

	padding-left: 32px;

	padding-top: 12px;

	text-align: left;

	vertical-align: top;

	padding-bottom: 12px;

}

#footer{

	padding-top: 3px;

	padding-bottom: 25px;

	vertical-align: bottom;

}

ul#nav{

	padding: 0px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2px;

	width: 550px;

}

ul#nav li{

	float: left;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

ul#nav li a{



	font-family: "Trebuchet MS", Arial;



	font-size: 10px;



	text-transform: uppercase;



	color: #000000;



	text-decoration: none;



	display: block;



	padding-bottom: 0px;



	width: 75px;



	margin-right: 17px;



	border-bottom-width: 6px;



	border-bottom-style: solid;



	padding-top: 2px;



	border-top-width: 1px;



	border-top-style: solid;



	border-top-color: #FFFFFF;



	border-bottom-color: #FFFFFF;



}

ul#nav li a.red{

	border-bottom-color: #999999;

}

ul#nav li a.purple{

	border-bottom-color: #999999;

}

ul#nav li a.blue{

	border-bottom-color: #999999;

}

ul#nav li a.green{

	border-bottom-color: #999999;

}

ul#nav li a.yellow{

	border-bottom-color: #999999;

	margin-right: 5px;

}

ul#nav li a.red:hover{

	border-bottom-color: #000000;

	border-top-color: #000000;

}

ul#nav li a.purple:hover{

	border-bottom-color: #000000;

	border-top-color: #000000;

}

ul#nav li a.blue:hover{

	border-bottom-color: #000000;

	border-top-color: #000000;

}

ul#nav li a.green:hover{

	border-bottom-color: #000000;

	border-top-color: #000000;

}

ul#nav li a.yellow:hover{

	border-bottom-color: #000000;

	border-top-color: #000000;

}

ul#nav li a:hover{}

h1{

	font-family: "Trebuchet MS", Arial;

	font-size: 15px;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

	padding: 0px;

}

h1.event{

	font-family: "Trebuchet MS", Arial;

	font-size: 14px;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 6px;

	margin-left: 0px;

	color: #000000;

	background-color: #e7e7e7;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 1px;

	padding-left: 8px;

	width: 175px;

}

h1.subject{

	font-family: "Trebuchet MS", Arial;

	font-size: 15px;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

	border-bottom-width: 0px;

	border-bottom-style: none;

	background-color: #e8e8ea;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 2px;

	padding-left: 0px;

}

h2{

	font-family: "Trebuchet MS", Arial;

	font-size: 13px;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 3px;

	margin-left: 0px;

	padding: 0px;

	color: #000000;

}

h3{

	font-family: "Trebuchet MS", Arial;

	font-size: 12px;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding: 0px;

	color: #000000;

}

h3.link{

	font-family: "Trebuchet MS", Arial;

	font-size: 13px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #71a936;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 4px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 2px;

	margin-left: 0px;

}

h4{

	font-family: "Trebuchet MS", Arial;

	font-size: 13px;

	font-weight: bold;

	margin-top: 8px;

	margin-right: 0px;

	margin-bottom: 1px;

	margin-left: 0px;

	padding: 0px;

	color: #000000;

}

h5{

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	color: #000000;

}

.red{

	color: #000000;

}

.purple{

	color: #000000;

}

.blue{

	color: #000000;

}

.green{

	color: #000000;

}

.yellow{

	color: #000000;

}

.navy{

	color: #333333;

}

div.artizan{

	padding-left: 67px;

	font-family: "Trebuchet MS", Arial;

	font-size: 10px;

	color: #cf5540;

	text-align: right;

	width: 770px;

	padding-top: 7px;

}

a{

	color: #333333;

	text-decoration: none;

	font-family: "Trebuchet MS", Arial;

}

a:hover{

	color: #000000;

	text-decoration: underline;

}

div.artizan a{

	color: #000000;

}

div.artizan a:hover{

	text-decoration: underline;

}

div.login{

	background-color: #ececed;

	width: 168px;

	border: 1px solid #676767;

	background-image: none;

	background-repeat: no-repeat;

	background-position: 12px 12px;

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #3f3f3f;

	padding-top: 14px;

	padding-left: 17px;

	padding-bottom: 13px;

	margin-bottom: 18px;

}

div.login p{

	padding-top: 4px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin: 0px;

}
div.logout{

	width: 185px;
	margin-bottom: 10px;
	line-height: 14px;
	text-align: center;

}
div.logout a{
	color: #000000;
	border: 1px outset #676767;
	padding-top: 7px;
	padding-left: 40px;
	padding-bottom: 10px;
	padding-right: 17px;
	display: block;
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color: #CCCCCC;
}
div.logout a:hover{
	background-color: #676767;
	color: #FFFFFF;
}
div.password{

	background-color: #ececed;

	width: 400px;

	border: 1px solid #676767;

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #3f3f3f;

	padding-top: 20px;

	padding-left: 20px;

	padding-bottom: 13px;

	margin-bottom: 18px;

	padding-right: 20px;

} 

form{

	margin: 0px;

	padding: 0px;

}

input, textarea, select{

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;



}



input.button{

	font-family: "Trebuchet MS", Arial;

	font-size: 10px;

	color: #000000;

	background-color: #CCCCCC;

	border: 1px solid #FFFFFF;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 1px;

	padding-left: 2px;



	margin-right: 12px;

}

input.buttonLink{

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #000000;

	background-color: #CCCCCC;

	border: 1px solid #000000;

	padding-top: 2px;

	padding-right: 6px;

	padding-bottom: 1px;

	padding-left: 6px;

}

input.buttonBlue{

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #000000;

	background-color: #CCCCCC;

	border: 1px solid #000000;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 1px;

	padding-left: 2px;

	width: 120px;

}

div.schedule{

	background-color: #ececed;

	width: 151px;

	border: 1px solid #000000;

	background-image: none;

	background-repeat: no-repeat;

	background-position: 13px 12px;

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #3f3f3f;

	padding-top: 13px;

	padding-left: 17px;

	padding-bottom: 13px;

	margin-bottom: 18px;

	padding-right: 17px;

}

div.schedule table td{

	padding: 2px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #000000;

}

div.links{

	background-color: #ececed;

	width: 151px;

	border: 1px solid #333333;

	background-image: none;

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #3f3f3f;

	padding-top: 15px;

	padding-left: 15px;

	padding-bottom: 17px;

	margin-bottom: 18px;

	padding-right: 17px;

	line-height: 14px;

}

div.links p{

	padding-top: 8px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin: 0px;

} 

div.dropdown{

	background-color: #ececed;

	width: 500px;

	border: 1px solid #666666;

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #3f3f3f;

	padding-top: 0px;

	padding-left: 15px;

	padding-bottom: 0px;

	margin-bottom: 18px;

	padding-right: 0px;

	margin-top: 8px;

	height: 75px;

}
}
div.dropdownTitle{
	color: #FFFFFF;
	background-color: #000000;
	margin-left: -15px;
	padding-left: 12px;
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 6px;
	font-size: 15px;
	margin-bottom: 3px;

}
hr{

	width: 222px;

	line-height: 1px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: left;

	height: 1px;

	background-color: #b9b9b9;

	color: #b9b9b9;

	border: none;

	margin-top: 4px;

	margin-right: 0px;

	margin-bottom: 4px;

	margin-left: 0px;

	padding: 0px;

}

hr.link{

	padding: 0px;

	width: 152px;

	line-height: 1px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1px;

	margin: 4px 0px;

	text-align: left;

	height: 9px;

	background-color: #dcdcdc;

	color: #dcdcdc;

	border: none;



}

ul.list{

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 6px;

}

ul.list li{

	margin-bottom: 12px;

	background-image: url(../ui_images/arrow_purple.gif);

	background-repeat: no-repeat;

	background-position: left 4px;

	list-style-type: none;

	padding-left: 12px;

	padding-bottom: 8px;

}

div.extra{

	background-color: #efeeed;

	border: 1px solid #bfbfbf;

	margin-top: 12px;

	margin-bottom: 12px;

	padding-top: 12px;

	padding-right: 12px;

	padding-bottom: 0px;

	padding-left: 12px;

}

select.subject{

	margin-top: 10px;

	margin-right: 18px;

	margin-bottom: 18px;

	margin-left: 0px;



}

select.age{

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 18px;

	margin-left: 0px;



}



div.website{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 3px;

	margin-bottom: 2px;

}

div.presentation{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
div.fileIdentity{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
div.recommended{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
div.fileUpload{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
div.fileType{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
div.presentation{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}

div.lesson{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}

div.worksheet{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}

div.audio{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}

div.video{

	font-size: 13px;

	background-image: none;

	background-repeat: no-repeat;

	background-position: left 0px;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}

div.policy{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
div.poster{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}

div.image{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}




div.other{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
div.copyright{

	font-size: 13px;

	background-image: none;

	padding-left: 0px;

	padding-top: 3px;

	padding-bottom: 5px;

	margin-top: 2px;

	margin-bottom: 2px;

}
ul.events{

	width: 175px;

	margin: 0px;

	padding-top: 4px;

	padding-bottom: 20px;

	padding-left: 5px;

}

ul.events li{

	line-height: 13px;

	margin-bottom: 6px;

	background-image: url(../ui_images/arrow_blue.gif);

	background-repeat: no-repeat;

	background-position: left 3px;

	list-style-type: none;

	padding-left: 13px;

	color: #666666;

	text-decoration: none;

	font-size: 11px;

	font-family: "Trebuchet MS", Arial;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

	padding-bottom: 5px;

}

ul.events li a{

	color: #666666;

	text-decoration: none;

	font-size: 11px;

	display: block;



}

ul.events li a:hover{

	color: #000000;



}

div.event{

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #666666;

	border-bottom-color: #666666;

	padding-top: 5px;

	padding-bottom: 5px;

}

div.comments{

	font-family: "Trebuchet MS", Arial;

	font-size: 15px;

	font-weight: bold;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #666666;

	border-bottom-color: #666666;

	padding-top: 12px;

	padding-bottom: 12px;

	color: #000000;

	background-image: url(../ui_images/icon_comment.gif);

	background-repeat: no-repeat;

	background-position: left 8px;

	padding-left: 35px;

}

div.comment{

	padding-bottom: 9px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

	padding-top: 9px;

	margin-bottom: 12px;



}

div.buttonHolder{

	float: right;

	margin-top: 10px;

	margin-right: 16px;

}

div.optimisation{

	float: left;

	padding-top: 10px;

	position: relative;

	margin-left: 637px;

}

div.optimisation ul{}

div.optimisation ul li{

	float: left;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #FFFFFF;

	margin-right: 15px;

	padding-right: 15px;

	list-style-type: none;

}

div.optimisation ul li a{

	font-family: "Trebuchet MS", Arial;

	font-size: 11px;

	color: #000000;

}

div.optimisation ul li a:hover{

	text-decoration: underline;

}

div.titleFloat{

	margin-left: 0px;

	font-family: "Trebuchet MS";

	font-size: 15px;

	color: #666666;

	font-weight: bold;

	margin-bottom: 10px;

}

div.titleFloat2{

	font-family: "Trebuchet MS";

	font-size: 15px;

	color: #666666;

	font-weight: bold;

	margin-bottom: 10px;

}

div.note{

	font-family: "Trebuchet MS", Arial;

	font-size: 10px;

	color: #58595c;

	font-style: italic;

	line-height: 11px;

	padding-top: 8px;

}
div.guidelines{
	width: 151px;
	margin-bottom: 0px;
	line-height: 14px;
	text-align: center;
	margin-top: 5px;

}
div.guidelines a{
	color: #000000;
	border: 1px outset #676767;
	padding-top: 5px;
	padding-left: 32px;
	padding-bottom: 5px;
	padding-right: 17px;
	display: block;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background-color: #999999;
}
div.guidelines a:hover{
	color: #FFFFFF;
	background-color: #676767;
}
div.forumLoginMsg{
	background-color: #eaeae8;
	text-align: center;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	border: 1px solid #000000;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000000;
}
body#orange{

	background-image: none;

}

div.outerFrameOrange{

	background-image: none;

	padding-top: 54px;

	padding-right: 60px;

	padding-bottom: 60px;

	padding-left: 67px;

}

div.innerFrameOrange{

	background-color: #d7d7d7;

	background-image: none;

	border: 1px solid #e8e8e8;

	padding: 12px;

	width: 830px;

}
ul#nav li a.orange{



	border-bottom-color: #999999;





}
ul#nav li a.orange:hover{



	border-bottom-color: #000000;



	border-top-color: #000000;



}