/*
 * =============
 * Layout CSS
 * =============
 * 
 * Maintained by: web.team@css.lancscc.gov.uk
 * 
 * Last Updated : Thursday 17 April 2008 by John
 * 
 */
body	{
  margin: 0px;
}

bodyDiv	{
  Width: 100%;
} 
 
.main	{
  width: 100%;
}

.header	{
	margin-left: 0px;
	width: 100%;
	height: 63px;
	background-image: url(/sl4/images/headerbk.gif);
	background-repeat: repeat-x;
}


.mid	{
	padding-top: 20px;
	left: 0px;
	width: 100%;
	background-color: #B5C5D5;
	background-color: #6699CC;
	background-image: url(/sl4/images/fadebk.jpg);
	background-position: top;
	background-repeat: repeat-x;

}

.sidebar	{  
    float: left;
	padding-left: 10px;
	top: 0px;
	width: 175px;
}

.sidebar-right	{  
    float: right;
	padding-right: 10px;
	top: 0px;
	width: 175px;
}

.content	{   
	PADDING-TOP: 14px;
	PADDING-bottom: 25px;
    position: relative;
    margin-left: 185px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 25px;
}

.menuItem	{
	BORDER-LEFT: #BCCAD7 1px solid;
	BORDER-RIGHT: #BCCAD7 1px solid;
}


.menuItemDivide	{
    BORDER-BOTTOM: #BCCAD7  1px solid;
    BORDER-RIGHT: #BCCAD7  1px solid;
}

.menuItemOn	{ 
    BORDER-LEFT: #BCCAD7 1px solid;
    BORDER-RIGHT: #BCCAD7 1px solid;
    font-weight: bold;
    text-indent: -3px;
}

.menuItemBegin	{
	Text-Indent: 10px;
    PADDING-TOP: 10px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; 
	height: 30px;
	MARGIN: 0px;
}

.menuItemEnd	{
    padding-TOP: 20PX;
	BORDER-RIGHT: none;
	BORDER-BOTTOM: none;
	WIDTH: 100%;
	HEIGHT: 50px;
    MARGIN: 0px;
}

.rightBegin		{
 	PADDING: 0px; MARGIN: 0px;
	BACKGROUND-IMAGE: url(/sl4/images/ffffff/right-top.gif);
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 14px;
}

.rightMid	{
	Padding: 5px;
	border: 0px;
	BORDER-LEFT: #BCCAD7 1px solid;
	BORDER-RIGHT: #BCCAD7 1px solid;
}

.rightEnd	{
   	BACKGROUND-IMAGE: url(/sl4/images/ffffff/right-bottom.gif);
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 14px;
    MARGIN: 0px;
}


.footer	{
	clear: both;
	BACKGROUND-REPEAT: no-repeat;
    MARGIN: 0px;
	Padding: 0px;
	width: 100%;
	height: 37px;
}

.footerleft {
	Position: absolute;
    Padding-Left: 20px; PADDING-TOP: 9px;
	HEIGHT: 27px;
	Width: 750px;
}

.footerright {
	Position: absolute;
    Padding-Right: 10px; PADDING-TOP: 9px;
	BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; 
	HEIGHT: 27px; WIDTH: 300px;
	RIGHT: 0px;
}

.sl4csspanel-content	{
	background-color: #ffffff;
	position: relative;
	margin: 0px;
	border: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.sl4csspanel-content-top-left	{
	position: absolute;
	background-image: url(/sl4/images/ffffff/top-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	padding: 0px;
	top: -14px;
	left: -14px;
	width: 14px;
	height: 14px;
}

.sl4csspanel-content-top	{
	position: absolute;
	background-image: url(/sl4/images/ffffff/top.gif);
	background-position: top;
	background-repeat: repeat-x;
	top: -14px;
	left: 0px;
	width: 100%;
	height: 14px;
}

.sl4csspanel-content-top-right	{
	position: absolute;
	background-image: url(/sl4/images/ffffff/top-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	padding: 0px;
	top: -14px;
	right: -14px;
	width: 14px;
	height: 14px;
}

.sl4csspanel-content-left	{
	position: absolute;
	top: 0px;
	height: 100%;
	left: -14px;
	width: 14px;
}

.sl4csspanel-content-content	{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: left;
}

.sl4csspanel-content-right	{
	position: absolute;
	background-image: url(/sl4/images/ffffff/right.gif);
	background-position: top;
	background-repeat: repeat-y;
	top: 0px;
	height: 100%;
	right: -14px;
	width: 14px;
}

.sl4csspanel-content-bottom-left	{
	position: absolute;
	background-image: url(/sl4/images/ffffff/bottom-left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	padding: 0px;
	bottom: -14px;
	left: -14px;
	width: 14px;
	height: 14px;
}

.sl4csspanel-content-bottom	{
	position: absolute;
	background-image: url(/sl4/images/ffffff/bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	bottom: -14px;
	left: 0px;
	width: 100%;
	height: 14px;
}

.sl4csspanel-content-bottom-right	{
	position: absolute;
	background-image: url(/sl4/images/ffffff/bottom-right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin: 0px;
	border: 0px;
	padding: 0px;
	bottom: -14px;
	right: -14px;
	width: 14px;
	height: 14px;
}

.sl4csspanel-rule	{
	background-color: #000000;
	width: 100%;
	height: 1px;
}

/** Added 17-04-2008 **/

.pagetop	{
	position: relative;
	text-align: right;
	font-size: 90%;
}

.pagetop-icon	{
	background-image: url(/sl4/images/icon_TopOfPage.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-left: 16px;
}

.pageback	{
	position: relative;
	text-align: right;
	font-size: 90%;
}

.back-icon	{
	background-image: url(/sl4/images/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-left: 16px;
}