/*copyright systemcore ltd*/



/*holly hack for ie - dont use, as it breaks top menu*/
 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; display: inline-block;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* - end holly hack for ie*/ 

.clearer {
padding: 0px;
margin: 0px;
height: 0px;
width: 0px;
line-height: 0px;
font-size: 0px;
clear: both; 
overflow: hidden;
border: 0px solid black;
visibile: hidden;
}

/*****************************************/
body {
font-family:'X', 'Verdana', Arial, sans-serif, 'Verdana', Helvetica;
font-size: 0.8em;
background-color:#FFFFFF;
padding:0px;                    
margin:0px;
margin-top: 10px;
color: #2c288e;
text-align: center;
background-image: url(scl_images/border_grad1.jpg);
background_position: top left;
background-repeat: repeat-x;
border: 0px solid green;
}


.outerwrapper {
margin: 0px;
margin-left: auto;
margin-right: auto;
width:812px;
height: auto;
padding: 0px;
text-align: left;
background-color:#FFFFFF;
border: 0px solid yellow;
}       

.innerwrapper {
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
margin-top: -4px;
height: auto;
width: 774px;
float: left;
border-left: 4px solid #CCDDFF;
border-right: 4px solid #CCDDFF;
}       


.topwrapper {
margin: 0px;
padding: 0px;
margin-top: 4px;
min-height: 151px;
width: auto;
float: left;
border: 0px solid blue;
}       



/****************************************/


h2 {
margin: 0px;
padding: 0px;
margin-top: 1.5em;
margin-bottom: 1.0em;
font-size: 1.7em;
font-weight: bold;
}

h3 {
margin: 0px;
padding: 0px;
margin-top: 1.0em;
margin-bottom: 1.0em;
font-size: 1.3em;
font-weight: bold;
}


h4 {
margin: 0px;
padding: 0px;
margin-top: 1.0em;
margin-bottom: 0.1em;
font-size: 1.2em;
font-weight: bold;
}


h5 {
margin: 0px;
padding: 0px;
margin-top: 0.25em;
margin-bottom: 0.25em;
font-size: 1.0em;
font-weight: bold;
}


p {
margin: 0px;
padding: 0px;
margin-top: 0.5em;
}



a {
color: #2c288e;
background: none;
font-weight: bold;
}

a:hover {
color: #67C3FE;
}


.centered {
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.blue {
color: #2c288e;
}

.bold {
font-weight: bold;
}

.underline {
text-decoration: underline;
}

.italic {
font-style: italic;
}


table caption {
margin: 0px;
padding: 0px;
border: 0px;
margin-top: 10px;
font-size: 1em;
font-weight: bold;
}




/********************************************/
.underpainted {
border: 0px;
padding: 0px;
border: 0px;
float: left;
max-width: 265px;
height: 220px;
margin-top: 0px;
padding-left: 6px;
padding-right: 6px;
background: none;
border: 0px solid yellow;
}

.underpainted p {
margin-left: 10px;
margin-left: 10px;
font-weight: bold;
}

.underpainted a {
text-decoration: none;
color: #2c288e;
border: 1px solid red;
}


.underpainted a:hover {
text-decoration: none;
color: #67C3FE;
border: 1px solid red;
}

.underpainted h2 {
margin: 0px;
padding: 0px;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 1.2em;
font-weight: bold;
}




a.underpaintedlink {
margin: 0px;
padding: 0px;
float: left;
width: 270px;
height: 227px;
text-decoration: none;
border: 0px solid red;
background:url(./scl_images/bluecurl.jpg) repeat;
background-position: 0px -15px;
cursor: pointer;
color: #FFFFFF;
border: 0px solid yellow;
}

a.underpaintedlink:hover {
text-decoration: none;
background:url(./scl_images/bluecurl_anti.jpg) repeat;
background-position: 0px -15px;
border: 0px solid red;
cursor: hand;
color: #0000BB;
}


a.underpaintedlink2 {
margin: 0px;
padding: 0px;
float: left;
margin-top: 2px;
margin-left: 20px;
padding-left: 5px;
width: 250px;
height: 154px;
cursor: pointer;
text-decoration: none;
background:url(./scl_images/blue_back1_anti.jpg) no-repeat;
background-position: top  left;
color: #0000BB;
border: 0px solid yellow;
}

a.underpaintedlink2:hover {
text-decoration: none;
background:url(./scl_images/blue_back1.jpg) no-repeat;
background-position: top left;
color: #FFFFFF;
cursor: hand;
}
	




/**********************************************/
.tbar {
margin: 0px;
padding: 0px;
width: 744px;
height: 15px;
border-top: 0px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
float: left;
display: inline;
background: #8585A8;
}

.tr {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tr.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tl {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tl.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
}

.bl {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/bl.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
}

.br {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/br.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
}


/*********************************************/
.tr2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tr2.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tl2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tl2.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
}

.bl2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/bl2.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
}

.br2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/br2.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
}

.t2 {
margin: 0px;
padding: 0px;
width: 744px;
height: 15px;
border-top: 4px solid #8585A8;
float: left;
display: inline;
}

.b2 {
margin: 0px;
padding: 0px;
margin-top: -4px;
width: 744px;
height: 15px;
border-bottom: 4px solid #8585A8;
float: left;
display: inline;
}

/********************************/
.tr3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/corner_r.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tl3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/corner_l.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
}

.bl3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/bl3.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
}

.br3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/br3.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
}

.t3 {
margin: 0px;
padding: 0px;
width: 782px;
height: 15px;
border-top: 4px solid #CCDDFF;
float: left;
display: inline;
}

.b3 {
margin: 0px;
padding: 0px;
margin-top: -4px;
width: 782px;
height: 15px;
border-bottom: 4px solid #CCDDFF;
float: left;
display: inline;
}

.t4 {
margin: 0px;
padding: 0px;
width: 120px;
height: 15px;
border-top: 4px solid #DEDEDE;
float: left;
display: inline;
}

.b4 {
margin: 0px;
padding: 0px;
margin-top: -4px;
width: 120px;
height: 15px;
border-bottom: 4px solid #DEDEDE;
float: left;
display: inline;
}
/********************************/


.white_frame1 {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
height: 227px;
width: 310px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 0px; /*new*/
border: 0px solid red;
}


.white_inner_frame1 {
padding: 0px;
margin: 0px;
border: 0px;
background: none;
display: block;
clear: both;
position: relative;
left: 0px;
/*top: -238px;*/
top: -227px;
height: 227px;
border: 0px solid yellow;
}

.white_spreader_frame1 {
padding: 0px;
margin: 0px;
border: 0px;
height: 199px;
width: 304px; 
background: none;
float: left;
margin-top: -4px;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
}

/***************************/

.white_frame2 {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
height: 222px;
margin-right: 0px;
margin-bottom: 0px;
border: 0px solid red;
}


.white_inner_frame2 {
padding: 0px;
margin: 0px;
border: 0px;
background: none;
display: block;
clear: both;
position: relative;
left: 0px;
top: -222px;
height: 222px;
border: 0px solid yellow;
}

.white_spreader_frame2 {
padding: 0px;
margin: 0px;
border: 0px;
height: 200px;
width: 265px; 
background: none;
float: left;
margin-top: -4px;
margin-left: 0px;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
}

/***************************/

.white_frame3 {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
height: 200px;
width: 150px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 5px; /*new*/
border: 0px solid red;
}


.white_inner_frame3 {
padding: 0px;
margin: 0px;
border: 0px;
background: none;
display: block;
clear: both;
position: relative;
left: 0px;
/*top: -238px;*/
top: -200px;
height: 200px;
border: 0px solid yellow;
}

.white_spreader_frame3 {
padding: 0px;
margin: 0px;
border: 0px;
height: 174px;
width: 144px; 
background: none;
float: left;
margin-top: -4px;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
}

.white_frame3 img {
/*margin-top: -15px;*/
/*margin-bottom: 10px;*/
display: block;
float: left;
border: 0px solid yellow;
}


/***************double width white pic frame - 267 wide by 200 high */

.double_white_frame3 {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
height: 200px;
width: 267px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 5px; /*new*/
border: 0px solid red;
}


.double_white_inner_frame3 {
padding: 0px;
margin: 0px;
border: 0px;
background: none;
display: block;
clear: both;
position: relative;
left: 0px;
/*top: -238px;*/
top: -200px;
height: 200px;
border: 0px solid yellow;
}

.double_white_spreader_frame3 {
padding: 0px;
margin: 0px;
border: 0px;
height: 174px;
width: 261px; 
background: none;
float: left;
margin-top: -4px;
border-left: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
}

.double_white_frame3 img {
/*margin-top: -15px;*/
/*margin-bottom: 10px;*/
display: block;
float: left;
border: 0px solid yellow;
}








/****************************/

.tbwc1 {
margin: 0px;
padding: 0px;
width: 280px;
height: 15px;
border-top: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}

.bbwc1 {
margin: 0px;
padding: 0px;
width: 280px;
height: 12px;
border-bottom: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}

.trwc1 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_tr1.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tlwc1 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_tl1.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
border: 0px solid red;
}

.blwc1 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_bl1.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
border: 0px solid red;
}

.brwc1 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_br1.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
border: 0px solid red;
}


/********************************/

.tbwc2 {
margin: 0px;
padding: 0px;
width: 240px;
height: 15px;
border-top: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}

.bbwc2 {
margin: 0px;
padding: 0px;
width: 240px;
height: 12px;
border-bottom: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}

.trwc2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_tr1.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tlwc2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_tl1.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
border: 0px solid red;
}

.blwc2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_bl1.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
border: 0px solid red;
}

.brwc2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_br1.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
border: 0px solid red;
}

/****************************/

.tbwc3 {
margin: 0px;
padding: 0px;
width: 120px;
height: 15px;
border-top: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}

.bbwc3 {
margin: 0px;
padding: 0px;
width: 120px;
height: 12px;
border-bottom: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}

.trwc3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_tr1.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tlwc3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_tl1.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
border: 0px solid red;
}

.blwc3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_bl1.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
border: 0px solid red;
}

.brwc3 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/white_corner_br1.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
border: 0px solid red;
}




.double_tbwc3 {
margin: 0px;
padding: 0px;
width: 237px;
height: 15px;
border-top: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}

.double_bbwc3 {
margin: 0px;
padding: 0px;
width: 237px;
height: 12px;
border-bottom: 3px solid #FFFFFF;
float: left;
display: inline;
background: none;;
}




/******************************/

.innermidwrapper {
margin: 0px;
padding: 0px;
margin-top: 0px;
height: auto;
min-height: 365px;
//border-left: 4px solid #8585A8;
border: 0px solid red;
}

/**********************************************/

.toplogoleft {
margin: 0px;
padding: 0px;
height: 80px;
width: 382px;
float: left;
background:url(./scl_images/top_pic2.jpg) no-repeat;
background-position: top left;
border: 0px solid red;
}

.toplogoright {
margin: 0px;
padding: 0px;
height: 80px;
width: 382px;
margin-left: 2px;
float: left;
background:url(./scl_images/bs_logo1c.jpg) no-repeat;
background-position: top left;
border: 0px solid red;
}

.toplogo {
margin: 0px;
padding: 0px;
float: left;
width: 774px;
height: 129px;
background:url(./scl_images/topbanner4.jpg) no-repeat;
background-position: top left;
border: 0px solid red;
}


.topmenuwrapper {
margin: 0px;
padding: 0px;
width: 774px;
min-height: 25px;
margin-top: 4px;
margin-bottom: 0px;
padding-top: 4px; 
padding-bottom: 4px; 
float: left;
background: #FFFFFF;
border-top: 4px solid #CCDDFF;
border-bottom: 4px solid #CCDDFF;
}

ul.topmenu {
margin: 0px;
padding: 0px;
margin-top: 0px;
margin-left: 20px;
list-style: none;
border: 0px solid yellow;
}

ul.topmenu li {
margin: 0px;
padding: 0px;
margin-left: 20px;
width: 100px;
display: inline;
border: 0px solid yellow;
}

ul.topmenu li a {
font-size: 1.0em;
font-weight: bold;
width: 95px;
border: 0px solid yellow;
}

ul.topmenu li a:hover {
}


/*****************************************/

.leftmenu {
border: 0px;
padding: 0px;
margin: 0px;
margin-left: -10px;
margin-bottom: 15px;
width: 150px;
float: left;
border: 0px solid red;
}


.leftmenu ul {
border: 0px;
padding: 0px;
margin: 0px;
padding-bottom: 0px;
height: 100%; /********important fixes guiloutine bug ie*/
list-style: none;
background:none;
background-position: 0px 0px;
border: 0px solid yellow;
}

.leftmenu ul li {
margin: 0px;
padding: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.5em;
border: 0px solid yellow;
}


.leftmenu ul li a {
border: 0px;
padding: 0px;
margin: 0px;
width: 153px;
padding-left: 5px;
font-size: 0.9em;
font-weight: bold;
display: block;
}


.leftmenu ul li a:hover {
background: #78c8fd;
color: #FFFFFF;
}

.leftmenu ul li a:active {
background:url(./scl_images/bluebar3_anti.jpg) repeat;
background-position: 0px 0px;
color: #0000BB;
}

.leftmenu img {
margin-top: 5px;
}



.leftmenu2 {
border: 0px;
padding: 0px;
margin: 0px;
margin-left: -7px;
width: 150px;
float: left;
border: 0px solid red;
}


.leftmenu2 ul {
border: 0px;
padding: 0px;
margin: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
height: 100%; /********important fixes guiloutine bug ie*/
list-style: none;
background:none;
background-position: 0px 0px;
border: 0px solid yellow;
}



.leftmenu2 ul li a:hover {
background:none;
color: #0000BB;
}

.leftmenu2 ul li a:active {
background: none;
color: #0000BB;
}


.leftmenu2 a img {
margin: 0 px;
padding: 0px;
border: 1px solid #FFFFFF;
}

.leftmenu2 a:hover img{
border: 1px solid red;
}



/*****************************************/
.contentpage {
margin-left: auto;
margin-right: auto;
border: 0px solid yellow;
}

.contentpage h2 {
clear: both;
border: 0px solid yellow;
}



.contentpage img {
display: block;
float: left;
border: 0px solid yellow;
}



.contentpage_content1 {
margin: 0px;
padding: 0px;
margin-top: 2em;
float: left;
border: 0px solid yellow;
}


#homepage_img {
/*margin-top: 2px;*/
/*margin-bottom: 10px;*/
display: block;
float: left;
border: 0px solid yellow;
}


/*****************************************/
/*****************************************/
.leftwrapper {
padding: 0px;
margin: 0px;
border: 0px;
float: left;
border: 0px solid yellow;
}

/****************************************/
.tbarm2 {
margin: 0px;
padding: 0px;
width: 120px;
height: 15px;
float: left;
display: inline;
background: #8585A8;
}

.trm2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tr.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tlm2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tl.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
}

.blm2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/bl.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
}

.brm2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/br.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
}

/*****************************************/
.box1 .box2 .box3 .box4 . box5 {
margin: 0px;
margin-top: -5px;
padding: 0px;
border: 0px;
}


.box2, .box3 {display:block; position:absolute; top:2px; left:2px;}
.box1 {display:block; width:150px; height:230px; position:relative; top:20px; left:0; background:#ccc; border:2px solid #eee; margin:0 auto;}
.box2 {width:142px; height:222px; background:#999; border:2px solid #aaa;}
.box3 {width:134px; height:214px; background:#777; border:2px solid #888;}
.box4 {display:block; width:140px; height:220px; position:absolute; bottom:0; right:0; background:#fc6; border-bottom:1px solid #444; border-right:1px solid #444; border-top:1px solid #ff8; border-left:1px solid #ff8; padding:5px;}
.box5 {display:block; width:10px; height:10px; background:#777; border-top:1px solid #333; border-left:1px solid; border-right:1px solid #ff8; border-bottom:1px solid #ff8; position:absolute; bottom:5px; right:5px; overflow:hidden;}

/*****************************************/


/***************************************/
/***********************************************/
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox2, .cssbox3, .cssbox_body, .cssbox_head, .cssbox_head h5{
background: transparent url(./scl_images/pop_png2.png) no-repeat bottom right; 
/*background: transparent url(./scl_images/pop_png41.png) no-repeat bottom right;*/
} 

.cssbox41, .cssbox_body41, .cssbox_head41, .cssbox_head41 h5{
 background: transparent url(./scl_images/pop_png41.png) no-repeat bottom right;
} 


.cssbox {
/*width: 622px !important;*/ /* intended total box width - padding-right(next) */
/*width: 607px;*/ /* IE Win = width - padding */
width: 165px !important;
width: 150px;
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 0px; /* use to position the box */
}

.cssbox2 {
/*width: 622px !important;*/ /* intended total box width - padding-right(next) */
/*width: 607px;*/ /* IE Win = width - padding */
width: 500px !important;
width: 485px;
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 0px; /* use to position the box */
}

.cssbox3 {
/*width: 622px !important;*/ /* intended total box width - padding-right(next) */
/*width: 607px;*/ /* IE Win = width - padding */
width: 601px !important;
width: 586px;
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 0px; /* use to position the box */
}


.cssbox41 {
/*width: 622px !important;*/ /* intended total box width - padding-right(next) */
/*width: 607px;*/ /* IE Win = width - padding */
width: 601px !important;
width: 586px;
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 0px; /* use to position the box */
}


 /* set the top-right image */
.cssbox_head { 
background-position: top right;
margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */
}


.cssbox_head41 { 
background-position: top right;
margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */
}


/* set the top-left image */
.cssbox_head h5 {
background-position: top left;
margin: 0; /* reset main site styles*/
border: 0; /* ditto */ 
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important;
height: 1%; /* IE Holly Hack */
border: 0px solid green;
padding-bottom: 0px;
padding-top: 15px;
padding-left: 20px;
} 

.cssbox_head41 h5 {
background-position: top left;
margin: 0; /* reset main site styles*/
border: 0; /* ditto */ 
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important;
height: 1%; /* IE Holly Hack */
border: 0px solid green;
padding-bottom: 0px;
padding-top: 15px;
padding-left: 20px;
} 


/* set the lower-left corner image */
.cssbox_body {
background-position: bottom left;
margin-right: 10px; /* interior-padding right */
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
border: 0px solid red;
padding-top: 5px;
padding-left: 20px;
} 

.cssbox_body41 {
background-position: bottom left;
margin-right: 10px; /* interior-padding right */
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
border: 0px solid red;
padding-top: 5px;
padding-left: 20px;
} 

        
.cssbox_heading {
margin-left: 20px;
margin-top: 20px;
font-size: 1.5em;
}

/***************************************/
.overlayzone {
margin: 0px;
padding: 0px;
border: 0px solid blue;
float: left;
}

        
.overlaypanel {
z-index: 3000;
margin: 0px;
padding: 0px;
float: left;
margin-left: -10px;
border: 0px solid red;
}

.overlaypanel2 {
position: absolute;
top: 250px;
margin: 0px;
padding: 0px;
border: 0px solid red;
font-size: 0.75em;
clear: left;
}



#homebox {
visibility: visible;
}

#logobox {
visibility: visible;
}

#contactbox {
visibility: visible;
border: 0px solid yellow;
}

#leftmenubox {
visibility: visible;
}

#leftmenubox2 {
visibility: visible;
}

#leftmenubox3 {
visibility: visible;
}

#leftmenubox4 {
visibility: visible;
}


#timetable {
visibility: visible;
}

.nhsbox {
visibility: visible;
}


/****************************************/

/*****************************************/

.contactdetails {
height: 100%; /********important fixes guiloutine bug ie*/
margin: 0px;
padding: 0px;
margin-bottom: 10px; 
color: #2c288e;
background: none;
font-weight: bold;
border: 0px solid yellow;
}

.contactdetails address {
margin-left: 0px;
font-size: 0.8em;
font-weight: bold;
font-style: normal;
border: 0px solid yellow;
}


.contactdetails p.mapref {
}


.contactdetails p.telephone {
margin:0px;
padding: 0px;
font-size: 1.1em;
line-height: 1.1em;
font-weight: bold;
}

.contactdetails p.mailto {
margin:0px;
padding: 0px;
font-size: 0.9em;
line-height: 1.0em;
}



.contactdetails a {
margin:0px;
padding: 0px;
font-size: 0.8em;
}

.contactdetails a:hover {
}


.contactdetails h3 {
margin: 0px;
padding: 0px;
border: 0px;
margin-left: 0px;
line-height: 2.0em;
display: inline;
color: #FF0000;
border: 0px solid yellow;
}







/*****************************************/

.outerleftmenuwrapper {
margin: 0px;
padding: 0px;
float: left;
background: #FFFFFF;
border: 0px solid yellow;
}


.leftpanelwrapper {
margin: 0px;
padding: 0px;
width: 142px;
height: 100%;
margin-top: -4px;
margin-bottom: 0px;
border-left: 4px solid #DEDEDE;
border-right: 4px solid #DEDEDE;
float: left;
background: #FFFFFF;
}

.leftpanelwrapper h2 {
margin: 0px;
margin-left: 10px;
padding: 0px;
color: yellow;
}

.leftpanelwrapper p {
margin: 0px;
margin-left: 10px;
padding: 0px;
color: yellow;
}

.leftpanelwrapper a {
margin: 0px;
padding: 0px;
border: 0px;
max-width: 142px;
display: block;
float: left;
}

.leftpanelwrapper img {
margin: 0px;
padding: 0px;
border: 0px;
margin-left: 10px;
float: left;
}

/***************************************/
.leftpanelinnerwrapper {
margin: 0px;
padding: 0px;
borders: 0px;
margin-bottom: 20px;
float: left;
border: 0px solid yellow;
}

.leftpanelinnerwrapper h3 {
margin: 0px;
margin-left: 0px;
padding: 0px;
}

.leftpanelinnerwrapper p {
margin: 0px;
padding: 0px;
}

.leftpanelinnerwrapper a {
margin: 0px;
padding: 0px;
border: 0px;
display: block;
float: left;
}

.leftpanelinnerwrapper img {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
}




/*****************************************/

.tbarp2 {
margin: 0px;
padding: 0px;
width: 120px;
height: 15px;
float: left;
display: inline;
background: #8585A8;
}

.trp2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tr.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tlp2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tl.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
}

.blp2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/bl.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
}

.brp2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/br.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
}

/*****************************************/
/*****************************************/
.outerrightpanelwrapper {
margin: 0px;
padding: 0px;
width: 273px;
margin-top: 20px;
margin-left: 8px;
float: left;
background: #FFFFFF;
border: 0px solid yellow;
}


.rightpanelwrapper {
margin: 0px;
padding: 0px;
width: 263px;
height: 197px;
margin-top: 0px;
margin-bottom: 0px;
float: left;
background: #FFFFFF;
border-left: 1px solid #BBBBBB;
border-right: 10px solid #F0F0F0;
}

.rightpanelwrapper h3 {
margin-left: 10px;
line-height: 1.8em;
display: inline;
color: #8585A8;
border: 0px solid yellow;
}

.rightpanelwrapper address {
margin-left: 75px;
font-size: 1.0em;
font-weight: bold;
border: 0px solid yellow;
}

.rightpanelwrapper p {
margin-left: 10px;
line-height: 1.8em;
display: inline;
border: 0px solid yellow;
}

.rightpanelwrapper p.mapref {
}


.rightpanelwrapper p.telephone {
font-size: 1.1em;
font-weight: bold;
}

.rightpanelwrapper p.mailto {
font-size: 0.70em;
}

.rightpanelwrapper a {
}

.rightpanelwrapper a:hover {
color: #FFFF00;
}



/*****************************************/

.tbarpr {
margin: 0px;
padding: 0px;
width: 243px;
height: 2px;
float: left;
display: inline;
background: #F0F0F0;
}

.trpr {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tr.gif) no-repeat;
background-position: top right;
float: left;
display: inline;
border: 0px solid red;
}

.tlpr {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/tl.gif) no-repeat;
background-position: top left;
float: left;
display: inline;
}

.blpr {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/bl.gif) no-repeat;
background-position: bottom left;
float: left;
display: inline;
}

.brpr {
margin: 0px;
padding: 0px;
height: 15px;
width: 15px;
background:url(./scl_images/br.gif) no-repeat;
background-position: bottom right;
float: left;
display: inline;
}



/*****************************************/
/*****************************************/

.midwrapper {
margin: 0px;
padding: 0px;
padding-top: 0px;
margin-top: 0px;
min-height: 282px;
width: 100%;
height: auto;
float: left;
border: 0px solid yellow;
}

.contentwrapper {
margin: 0px;
padding: 0px;
margin-top: 8px;
margin-left: 10px;
margin-right: 0px;
width: 593px;
float: left;
border: 0px solid red;
}


.bottomwrapper {
margin: 0px;
padding: 0px;
margin-top: 4px;
width: 780px;
height: auto;
border: 0px;
background: #FFFFFF;
text-align: left;
overflow:hidden;
float: left;
border: 0px solid yellow;
}

.abl {
width: 170px;
height: 35px;
float: left;
margin-left: 4px;
margin-right: 0px;
margin-top: 0;
margin-bottom: 0;
background: #FFFFFF;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;		
border: 0px solid #CCCCCC;
}

.abm {
width: 170px;
height: 35px;
float: left;
margin-left: 4px;
margin-right: 0px;
margin-top: 0;
margin-bottom: 0;
background: #FFFFF;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;		
border: 0px solid #CCCCCC;
}

.abr {
width: 170px;
height: 35px;
float: left;
margin-left: 4px;
margin-right: 0px;
margin-top: 0;
margin-bottom: 0;
background: #FFFFF;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;		
border: 0px solid #CCCCCC;
}

.footer {
margin: 0px;
padding: 0px;
margin-top: 4px;
border: 0px solid blue;
}

.bbar {
width: 774px;
height: 15px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin-right:auto;
margin-left:auto;
margin-top: 0px;
background: #8585A8;
padding: 0px;
text-align: left;
overflow: hidden;
}

.bline {
width: 774px;
height: 1px;
border-top: 1px solid #CCCCCC ;
margin-right:auto;
margin-left:auto;
margin-top: 4px;
margin-bottom: 4px;
color: #CCCCCC;
padding: 0px;
text-align: left;
overflow: hidden;
}

.xfooter {
width: 774px;
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top: 0px;
padding: 0px;
overflow: hidden;
font-size: 0.75em;
float: left;
}


.abwrapper {
margin: 0px;
padding: 0px;
margin-right: 5px;
width: 774px;
float: left;
display: inline;
border: 0px solid yellow;
}

.innerabwrapper {
margin: 0px;
padding: 0px;
margin-top: -4px;
height: auto;
min-height: 35px;
border-left: 4px solid #8585A8;
border-right: 4px solid #8585A8;
}

.tab2 {
margin: 0px;
padding: 0px;
width: 744px;
height: 15px;
border-top: 4px solid #8585A8;
float: left;
display: inline;
}

.bab2 {
margin: 0px;
padding: 0px;
margin-top: -4px;
width: 744px;
height: 15px;
border-bottom: 4px solid #8585A8;
float: left;
display: inline;
}

/*************************/

.weekly_timetable {
height: 100%; /********important fixes guiloutine bug ie*/
margin: 0px
padding: 0px;
border: 0px;
margin-left: -3px;
margin-bottom: 10px;
}



/********************************/

table.sample2 {
        border-collapse: separate;
        border-width: 2px 2px 2px 2px;
        border-spacing: 0px;
        border-style: hidden hidden hidden hidden;
        border-color: rgb(17, 49, 68) rgb(17, 49, 68) rgb(17, 49, 68) rgb(17, 49, 68);
        background-color: rgb(135, 205, 255);
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 85%;
        margin-top: 0.5em;
        margin-bottom: 1em;
}

table.sample2 caption {
       margin-top: 1.5em;
}


table.sample2 tr th {
width: 100px;
        border-width: 2px 2px 2px 2px;
        padding: 4px 4px 4px 4px;
        border-style: outset outset outset outset;
        border-color: rgb(218, 240, 255) rgb(218, 240, 255) rgb(218, 240, 255) rgb(218, 240, 255);
        background-color: rgb(135, 205, 255);
        -moz-border-radius: 0px 0px 0px 0px;
        color: #FFFFFF;
}


th.sat {
width: 35px;
max-width: 35px;
padding-left: 0px;
padding-right: 0px;
}



table.sample2 tr td {
width: 70px;
        border-width: 2px 2px 2px 2px;
        padding: 4px 4px 4px 4px;
        border-style: outset outset outset outset;
        background-color: rgb(218, 240, 255);
        border-color: rgb(135, 205, 255) rgb(135, 205, 255) rgb(135, 205, 255) rgb(135, 205, 255);
        -moz-border-radius: 0px 0px 0px 0px;
}


table.sample2 tr.white td {
background: #FFFFFF;
background-color: #FFFFFF;
}


/***********/
table.sample3 {
        border-collapse: separate;
        border-width: 2px 2px 2px 2px;
        border-spacing: 0px;
        border-style: hidden hidden hidden hidden;
        border-color: rgb(17, 49, 68) rgb(17, 49, 68) rgb(17, 49, 68) rgb(17, 49, 68);
        background-color: rgb(135, 205, 255);
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 85%;
        margin-top: 0.5em;
        margin-bottom: 1em;
}

table.sample3 caption {
       margin-top: 1.5em;
}


table.sample3 tr th {
width: 300px;
        border-width: 2px 2px 2px 2px;
        padding: 4px 4px 4px 4px;
        border-style: outset outset outset outset;
        border-color: rgb(218, 240, 255) rgb(218, 240, 255) rgb(218, 240, 255) rgb(218, 240, 255);
        background-color: rgb(135, 205, 255);
        -moz-border-radius: 0px 0px 0px 0px;
        color: #FFFFFF;
}



table.sample3 tr td {
width: 300px;
        border-width: 2px 2px 2px 2px;
        padding: 4px 4px 4px 4px;
        border-style: outset outset outset outset;
        background-color: rgb(218, 240, 255);
        border-color: rgb(135, 205, 255) rgb(135, 205, 255) rgb(135, 205, 255) rgb(135, 205, 255);
        -moz-border-radius: 0px 0px 0px 0px;
}


table.sample3 tr.white td {
background: #FFFFFF;
background-color: #FFFFFF;
}


/***********/
table.sample4 {
        border-collapse: separate;
        border-width: 2px 2px 2px 2px;
        border-spacing: 0px;
        border-style: hidden hidden hidden hidden;
        border-color: rgb(17, 49, 68) rgb(17, 49, 68) rgb(17, 49, 68) rgb(17, 49, 68);
        background-color: rgb(135, 205, 255);
        font-family: verdana,helvetica,arial,sans-serif;
        font-size: 85%;
        margin-top: 0.5em;
        margin-bottom: 1em;
}

table.sample4 caption {
       margin-top: 1.5em;
}


table.sample4 tr th {
        border-width: 2px 2px 2px 2px;
        padding: 4px 4px 4px 4px;
        border-style: outset outset outset outset;
        border-color: rgb(218, 240, 255) rgb(218, 240, 255) rgb(218, 240, 255) rgb(218, 240, 255);
        background-color: rgb(135, 205, 255);
        -moz-border-radius: 0px 0px 0px 0px;
        color: #FFFFFF;
}



table.sample4 tr td {
        border-width: 2px 2px 2px 2px;
        padding: 4px 4px 4px 4px;
        border-style: outset outset outset outset;
        background-color: rgb(218, 240, 255);
        border-color: rgb(135, 205, 255) rgb(135, 205, 255) rgb(135, 205, 255) rgb(135, 205, 255);
        -moz-border-radius: 0px 0px 0px 0px;
}


table.sample4 tr.white td {
background: #FFFFFF;
background-color: #FFFFFF;
}


/**********/



.incImage {
        float:left;
        margin:3px 5px 0px 0px;
}



#jabsform table {
margin: 0px;
padding: 0px;
border: 0px;
margin-bottom: 10px;
table-layout: variable;
width: 500px;
border: 0px solid blue;
}

#jabsform table caption {
margin: 0px;
padding: 0px;
border: 0px;
margin-top: 10px;
font-size: 1em;
font-weight: bold;
}




.personal_details_area {
margin: 0px;
padding: 0px;
border: 0px;
margin-top: 10px;
margin-bottom: 10px;
}


.personal_details_area label  {
margin: 0px;
padding: 0px;
border: 0px;
display: block;
float: left;
width: 15em;
border: 0px solid yellow;
}


#jabsform .tickbox_area {
margin: 0px;
padding: 0px;
border: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

#jabsform .tickbox_area label  {
margin: 0px;
padding: 0px;
border: 0px;
display: block;
float: left;
width: 30em;
border: 0px solid yellow;
}


#repeat_prescription table {
margin: 0px;
padding: 0px;
border: 0px;
margin-bottom: 10px;
table-layout: variable;
width: 500px;
border: 0px solid blue;
}


#repeat_prescription table caption {
margin: 0px;
padding: 0px;
border: 0px;
margin-top: 10px;
font-size: 1em;
font-weight: bold;
}

#additional_information {
margin: 0px;
padding: 0px;
width: 20em;
height: 7em;
}


.additional_information_area label  {
margin: 0px;
padding: 0px;
border: 0px;
display: block;
float: left;
width: 15em;
}


.box {
border: 1px solid black;
padding: 5px;
}