/* 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		: 766px;
}

#tcWrapperInner {
	text-align	: left;
	padding		: 0;
}


#tcContainerWrap {
	padding: 0;
}

#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: 73%;

}

#tcContainer-fr #tcLeftCol {
	float: left;
	width: 26.4%;
}



#tcMainbody-fl {
	float: left;
	width: 100%;
}

#tcMainbody-fl #tcContentWrap {
	float: left;
	width: 73%;
	background: none;
}

#tcMainbody-fl #tcRightCol {
	float: right;
	width: 26.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: 73%;

}

/* left mid and right , sets width of Mid only*/
#tcMainbody #tcContentWrap {
	float: left;
	width: 62.1%;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#tcLeftCol {
	float		: left;
	width		: 26.4%;
	background	: url(../images/left-col-bg.jpg) right top no-repeat;
}

#tcRightCol {
	float		: right;
	width		: 37.3%;
	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 */

#forBgLeft
{
	float		: left;
	width		: 100%;
	background 	: #fff;
}
#headers
{
	float		: left;
	width		: 100%;
}

#header1
{
	background	: #fff url(../images/header-1.gif) no-repeat;
	height		: 112px;
}

#header2
{
	background	: #fff url(../images/header-2.jpg) no-repeat;
	height		: 199px;
}

#searchBar
{
	float			: left;
	margin-top		: 68px;
	width			: 235px;
	margin-left		: 80px !important;
	margin-left		: 40px;
}

#searchBar .inputbox
{
	height			: 16px;
	width			: 140px;
}

#modUser1
{
	float			: right;
	width			: 231px;
	height			: 75px;
	overflow		: hidden;
}

#modUser1 ul
{
	margin		: 9px 0px 0px 10px;
	padding		: 0;
}
#modUser1 ul li
{
	background		: url(../images/user1-bullet.gif) 0px 3px no-repeat;
	padding			: 0;
	margin			: 0;
	text-indent		: 14px;
	line-height		: 100%;
}
#modUser1 ul li a:visited,
#modUser1 ul li a:link,
#modUser1 ul li a
{
	color				: #FFF;
	padding				: 0;
	margin				: 0;
}

#modUser1 ul li a:hover
{
	text-decoration		: underline;
}

#modBanner
{
	float				: left;
	width				: 100%;
	margin-top			: 10px;
	margin-bottom		: 10px;
}

#bottomMenu
{
	float				: left;
	width				: 100%;
}

#bottomMenuPositioner
{
	margin				: 5px 0px 5px 0px;
	text-align			: center;
}

#footerBar
{
	float				: left;
	width				: 100%;
	background			: url(../images/footer-bar.gif) repeat-x;
	padding-top			: 3px;
	margin-top			: 7px;
}