/* layout and positioning */

/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#tcWrapper {

	width			: 90%;

	margin			: 0 auto ;

	text-align		: center;

}





.wide #tcWrapper {

	width		: 79%;

}



.auto #tcWrapper {

	width		: 95%;

}



.small #tcWrapper {

	width		: 1000px;

}



#tcWrapperInner {

	text-align	: left;

	padding		: 0;

}



#forBgLeft

{

	float		: left;

	width		: 100%;

}

#tcContainerWrap {

	padding: 0;

	padding		:  10px 10px 0 10px;

}



#tcContainer {

	padding: 0;

}





#tcContent {

	padding: 5px;

	margin: 0;

	clear: both;

	display: block;

	min-height: 300px;

	padding-top	: 0;

}







#divBorder

{



	width	: 100%;

	float	: left;

	background	: url(../images/left-side-bg.png) repeat-y;

	border-right	: 1px solid #DDDDDD;

}





/* Contend divs ---------------------------------------------------- */

#tcMainbody, #tcMainbody-fl, #tcMainbody-fr, #tcMainbody-f {

}







#tcMainbody-fr {

	float: right;

	width: 78%;

}



#tcContainer-fr #tcLeftCol {

	float: left;

	width: 21.5%;

}







#tcMainbody-fl {

	float: left;

	width: 100%;

}



#tcMainbody-fl #tcContentWrap {

	float: left;

	width: 77%;

	background: none;

}



#tcMainbody-fl #tcRightCol {

	float: right;

	width:22.5%;

}



#tcMainbody-f {

	float: left;

	width: 100%;

}



#tcMainbody-f #tcContentWrap {

	background: none;

}



/* left mid and right, main one to set width, mid and right */

#tcMainbody

{

	float: right;

	width: 78.2%;



}



/* left mid and right , sets width of Mid only*/

#tcMainbody #tcContentWrap {

	float: left;

	width: 70%;

}



/* LEFT COLUMN + RIGHT COLUMN

--------------------------------------------------------- */

#tcLeftCol {

	float		: left;

	width		: 21.5%;

}



#tcRightCol {

	float		: right;

	width		: 28.5%;

	overflow	: hidden;

}



#tcRightColInner

{

	padding: 0 0px 0 0;

}



#tcLeftColInner

{

	padding-left	: 5px;

}





#tcLeftCol table,

#tcRightCol table {

	border-collapse: collapse;

	border-spacing: 0;

}



#tcLeftCol ul li,

#tcRightCol ul li {

	padding-left: 10px;

	margin: 0;

	background: url(../images/bullet-list.gif) no-repeat 0 7px;

}



#tcLeftCol ul,

#tcRightCol ul {

	margin: 0;

}



#tcLeftCol li a,

#tcRightCol li a{

	color: #484848;

}





#copyRight

{

	float			: left;

	background		: url(../images/myschoolwebsites-symbol.gif) 10px 3px no-repeat;

	width			: 100%;

	text-align		: center;

}



#copyRight div a:link,

#copyRight div a:active,

#copyRight div a:visited

{

	color			: #000;

	text-decoration		: none;

	font-size		: 9px;

	

}



#copyRight div a:hover

{

	background		: none;

}





/* VR CSS Things */



#topMenuBg

{

	float			: left;

	width			: 100%;

	background		: url(../images/top-menu-bg.jpg) repeat-x;

	height			: 120px;

}



#sfWrapper

{

	margin-top		: 60px;

	margin-left		: 15px;

}



#header

{

	float			: left;

	width			: 100%;

	background		: #fafafa url(../images/header.jpg) 37% 0px no-repeat;

	height			: 174px;

	margin-top		: 10px;

}



#modBanner

{

	float			: left;

	text-align		: center;

	width			: 100%;

	padding-top		: 10px;

	padding-bottom	: 10px;

}



#bottomModulesWrapper

{

	float			: left;

	width			: 100%;

	margin-bottom	: 10px;

	background		: #D2D9C9;

}

	

#footerBar

{

	float			: left;

	width			: 100%;

	border-top		: 2px solid #cccccc;

}



#bottomMenu

{

	float			: left;

	width			: 100%;

}



#bottomMenuPositioner

{

	text-align		: center;

}