/* CSS Document */
 
/*LINK CSS Files */
/* BASE CODE */
 
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
margin: 0px 0px 10px 0px;
font-size:small;
}
 
div.banner{
 width: 800px;
 float: left;
}
 



div.titlebar{
 width: 770px;
 float: left;
 color:#FFFFFF;
 background-color:#000066;
 background-image:url(sbc-titlebar-blue.gif);
 background-repeat:repeat-x;
 background-position:top;
 padding:6px 10px 6px 20px;
}
 
div.breadcrumb{
 width:520px;
 float:left;
 font-size:small;
}

div.titlebar-date{
 width: 250px;
 float: right;
 text-align:right;
 color: #FFFFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
}
 
div.body{
 width:850px;
 float:left;
 clear:both;
}
 
div.leftmenu{
 width: 210px;
 float: left;
 clear:both;
 padding:3px 0px 0px 0px;
}
 
div.link-leftmenu{
 width: 210px;
 float: left;
 clear:both;
 background-image:url(sbc-leftmenu-dots-s.gif);
 background-repeat:repeat-x;
 background-position:bottom;
}
div.link-leftmenu-c{
 width: 210px;
 float: left;
 background-image:url(sbc-leftmenu-dots-l2-s.gif);
 background-repeat:repeat-x;
 background-position:bottom;
}

div.customerservices{
 width: 190px;
 float: left;
 clear:both;
 margin:10px 0px 0px 0px;
 padding:20px 0px 0px 20px;

}
div.accreditation{
 width: 190px;
 float: left;
 clear:both;
 margin:10px 0px 0px 0px;
 padding:20px 0px 0px 20px;
}
 
div.content{
 width: 580px;
 float:left;
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 0px 10px;
}

div.atoz{
 width: 580px;
 float:left;
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 0px 10px;
}

div.textarea{
 width: 320px;
 float:left;
 padding: 0px 5px 0px 10px;
 margin: 0px 0px 0px 0px;
}

div.textarea-full{
 width: 560px;
 float:left;
 clear:both;
 padding: 0px 5px 0px 10px;
 margin: 0px 0px 0px 0px;
}
 
div.header{
 width: 580px;
 float:left;
 clear:both;
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
 border-bottom:2px #000066 solid;
}
 
div.headerfull{
 width: 580px;
 float:left;
 clear:both;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
 border-bottom:2px #000066 solid;
}
 
div.icons{
 width: 150px;
 float:left;
 padding:5px 0px 0px 0px;
}
 
/* FEATURE AREAS */
 

div.feature{
 width:580px;
 float:left;
 clear:both;
 padding:0px 0px 0px 0px;
 background-position:right bottom;
 background-repeat:repeat-x;
 margin: 0px 0px 10px 0px;
}
 
div.feature-full{
 width:570px;
 float:left;
 clear:both;
 padding:0px 10px 0px 0px;
}
 
div.feature-split{
 width:580px;
 float:left;
 clear:both;
 padding:0px 0px 0px 0px;
 background-image:url(sbc-background-split.gif);
 background-position:left;
 background-repeat:repeat-y;
}

div.feature-left{
 width: 270px;
 float: left;
 padding:  10px 10px 10px 10px;
 border-top:2px #FFFFFF solid;
}
 
div.feature-right{
 width: 280px;
 float: left;
 padding:10px 0px 10px 10px;
 border-top:2px #FFFFFF solid;
}
div.footer{
 width: 770px;
 float: left;
 background-image:url(sbc-footer-back.gif);
 background-repeat:repeat-x;
 background-position:top;
 margin: 8px 0px 0px 0px;
 padding:8px 10px 6px 20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000000;
 border-top:2px #000066 solid;
}


/* LEVEL 2 CSS */

div.navigation-l2{
 width: 330px;
 float: left;
 padding: 0px 0px 0px 0px;
}
div.right{
 width: 240px;
 float: right;
}
 
div.promoright{
 width: 220px;
 float: right;
 padding: 10px 10px 10px 10px;
 margin: 0px -3px 10px 0px;
 background-position:bottom;
 background-repeat:repeat-x;
}

div.promo-right{
	width: 255px;
	float: right;
	border-top: 3px #555555 solid;
	background-color: #CCCCCC;
	margin: 0px 0px 5px 5px;
	padding: 10px 10px 10px 10px;
}

/* contact box */
 

div.interaction{
 width: 330px;
 float: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000066;
 background-color: #FF9900;
 padding: 5px 5px 5px 5px;
 margin: 10px 0px 0px 0px;
}
 
div.interaction-full{
 width: 570px;
 float: left;
 background-position:bottom;
 background-repeat:repeat-x;
}
 
div.interaction-dots{
 width: 570px;
 float: left;
 background-image:url(sbc-leftmenu-dots.gif);
 background-position: top;
 background-repeat:repeat-x;
 padding: 10px 5px 0px 5px;
 margin: 10px 0px 10px 0px;
}
div.marketing{
 width:580px;
 float:left;
 clear:both;
 background-color:#CCCCCC;
 margin: 0px 0px 8px 0px;
}
/* Navigation L3 */
 

div.navigation-l3{
 width: 420px;
 float: left;
 padding: 0px 0px 0px 10px;
}


a.link-breadcrumb{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 text-decoration: none;
}

 
a.link-breadcrumb:hover{
 text-decoration: underline;
}
 
a.link-breadcrumb:visited{
 color:#FFFFFF;
}


a.link-leftmenu{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000066;
 text-decoration: none;
 background-image:url(sbc-leftmenu-dots.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 display:block;
 padding:5px 10px 7px 20px;
}
 
a.link-leftmenu:hover{
 text-decoration: underline;
}
 

a.link-leftmenu:visited{
 color:#000066;
}


a.link-leftmenu-s{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000066;
 text-decoration: none;
 background-image:url(sbc-arrow-right-default.gif);
 background-position:left;
 background-repeat:no-repeat;
 display:block;
 padding:6px 10px 6px 17px;
 margin: 0px 0px 2px 3px;
}
 
a.link-leftmenu-s:hover{
 text-decoration: underline;
}
 

a.link-leftmenu-s:visited{
 color:#000066;
}

a.link-leftmenu-p{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000066;
 text-decoration: none;
 background-image:url(sbc-arrow-down-default.gif);
 background-position:left;
 background-repeat:no-repeat;
 display:block;
 padding:6px 10px 5px 17px;
 margin: 0px 0px 2px 3px;
}
 
a.link-leftmenu-p:hover{
 text-decoration: underline;
}
 

a.link-leftmenu-p:visited{
 color:#000066;
}

a.link-leftmenu-c{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000066;
 text-decoration: none;
 display:block;
 background-image:url(sbc-leftmenu-dots-l2.gif);
 background-repeat:repeat-x;
 background-position:bottom;
 padding:5px 10px 7px 35px;
 margin: 0px 0px 0px 3px;
}
 
a.link-leftmenu-c:hover{
 text-decoration: underline;
}
 

a.link-leftmenu-c:visited{
 color:#000066;
}

a.link-leftmenu-cs{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 color:#000066;
 text-decoration: none;
 background-image:url(sbc-arrow-right-default.gif);
 background-position:left;
 background-repeat:no-repeat;
 display:block;
 padding:5px 10px 7px 20px;
 margin: 0px 0px 0px 18px;
}
 
a.link-leftmenu-cs:hover{
 text-decoration: underline;
}
 

a.link-leftmenu-cs:visited{
 color:#000066;
}

a.customerservices{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:medium;
 color:#000066;
 text-decoration: none;
 display:block;
 padding:5px 10px 7px 0px;
}
 
a.customerservices:hover{
 text-decoration: underline;
}
 

a.customerservices:visited{
 color:#000066;
}



a.link-heading{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:x-large;
 text-decoration:none;
 color:#000066;
 margin: 10px 0px 5px 0px;
}

a.link-heading:hover{
 text-decoration: underline;
}
 
a.link-heading:visited{
 color:#000066;
}

a.link-heading-sub{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 text-decoration:none;
 color:#000066;
 padding: 0px 0px 0px 20px;
 margin: 0px 0px 0px 0px;
 background-image:url(sbc-arrow-right-link.gif);
 background-position:left;
 background-repeat:no-repeat;
 float:left;
 clear:both;
}
 
a.link-heading-sub:hover{
 text-decoration:underline;
}
 
a.link-heading-sub:visited{
 color:#000066;
}

img{
 border:0px;
}
img.left{
 float:left;
 padding:0px 10px 0px 0px;
 border: 0px;
}
img.right{
 float:right;
 border:0px;
 padding:0px 0px 0px 10px;
}
 

 

h1{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:medium;
 font-weight:bold;
 color: #000000;
 margin: 0px 0px 5px 0px;

}
 
h2{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:medium;
 font-weight:bold;
 color: #000000;
 margin: 0px 0px 5px 0px;
 display: block;
}
 
h3{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:x-large;
 font-weight:normal;
 color: #000000;
 margin: 15px 0px 10px 0px;
}
 
h4{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:large;
 font-weight:normal;
 color: #000066;
 margin: 0px 0px 5px 0px;
}
p{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 margin: 0px 0px 8px 0px;
 font-size:small;
}

a.printerfriendly{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 text-decoration:none;
 color: #505050;
 display:block;
 padding: 3px 5px 3px 25px;
 margin: 0px 0px 5px 0px;
 background-image: url(sbc-icon-print.gif);
 background-repeat: no-repeat;
 background-position: left;
}

a.printerfriendly:hover{
 text-decoration:underline; 
}
 
a.printerfriendly:visited{
 color: #505050;
}
 
a.emailtoafriend{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 text-decoration:none;
 color: #505050;
 display:block;
 padding: 3px 5px 3px 25px;
 background-image: url(sbc-icon-email.gif);
 background-repeat: no-repeat;
 background-position: left;
}
 
a.emailtoafriend:hover{
 text-decoration:underline; 
}
 
a.emailtoafriend:visited{
 color: #505050;
}
 

div.image-left{
	float:left;
	margin: 0px 10px 0px 0px;
	width:250px;
}



/*table styles temporary*/


table.feature{
 width:580px;
 border:0px;

}
 
td.feature-left{
 width:50%;
 padding: 0px 10px 0px 0px;
 vertical-align:top;
}
 
td.feature-right{
 width:280px;
 padding: 0px 0px 0px 0px;
 vertical-align:top;
}



/* Original Version 2 content styles */

table.standardTable{border-bottom:1px solid #000000;border-right:1px solid #000000;border-left:0px solid #000000;border-top: 0px solid #000000;}
td.standardTableCell{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;border-top:1px solid #000000;border-left:1px solid #000000;vertical-align:top;}
th.standardTableCell{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;border-top:1px solid #000000;border-left:1px solid #000000;vertical-align:top;font-weight:normal;text-align:left;text-style:italic;}
th{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;border-top:1px solid #000000;border-left:1px solid #000000;vertical-align:top;font-weight:normal;text-align:left;}

table.displayTable{

				border-bottom: 1px solid #000000;
				border-right: 1px solid #000000;
				border-left: 0px solid #000000;
				border-top: 0px solid #000000;
}

td.displayTableCell{
				padding-left:5px;
				padding-right:5px;
				padding-top:5px;
				padding-bottom:5px;
				border-top:1px solid #000000;
				border-left: 1px solid #000000;
				vertical-align:top;
}

table.calendarTable{

				border-bottom: 0px solid #000000;
				border-right: 0px solid #000000;
				border-left: 0px solid #000000;
				border-top: 0px solid #000000;
				width: 100%;
}	
table.calendarTable50{

				border-bottom: 0px solid #000000;
				border-right: 0px solid #000000;
				border-left: 0px solid #000000;
				border-top: 0px solid #000000;
				width: 50%;
}				
td.calendarTableCell{
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    border-top:0px solid #cccccc;
    border-left: 0px solid #cccccc;
    border-right:0px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    vertical-align:middle;
    color: #444444;
} 


a.event{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 text-decoration:none;
 color:#000066;
 padding: 0px 0px 0px 20px;
 margin: 0px 0px 0px 0px;
 background-image:url(sbc-arrow-right-link.gif);
 background-position:left;
 background-repeat:no-repeat;
 float:left;
 clear:both;
}
 
a.event:hover{
 text-decoration:underline;
}
 
a.event:visited{

}


a.drama{color:#005f21;background-image:url(xmas-icons-drama.gif); padding: 4px 0px 4px 30px;}
a.film{color:#4d014b;background-image:url(xmas-icons-film.gif); padding: 4px 0px 4px 30px;}
a.comedy{color:#7e0048;background-image:url(xmas-icons-comedy.gif); padding: 4px 0px 4px 30px;}
a.xmas{color:#7d0000;background-image:url(xmas-icons-xmas.gif); padding: 4px 0px 4px 30px;}
a.museum{color:#613a14;background-image:url(xmas-icons-xmas.gif); padding: 4px 0px 4px 30px;}
a.music{color:#003765;background-image:url(xmas-icons-music.gif); padding: 4px 0px 4px 30px;}

a.nature{color:#2A4212;background-image:url(xmas-icons-nature.gif); padding: 4px 0px 4px 30px;}
a.skate{color:#005952;background-image:url(xmas-icons-skate.gif); padding: 4px 0px 4px 30px;}
a.walk{color:#7C2F00;background-image:url(xmas-icons-walk.gif); padding: 4px 0px 4px 30px;}


div.red{
background-color:#fef0f0; background-image:url(sbc-background-F5989D.gif);
}
 

div.orange{
background-color:#FEE2C4; background-image:url(sbc-background-FEE2C4.gif);
}
 
 
 
div.purple{
background-color:#F5EDF5; background-image:url(sbc-background-F5EDF5.gif);
}
 

div.grey{
background-color:#F2F2F2; background-image:url(sbc-background-F2F2F2.gif);
 
}
 

div.turquoise{
background-color:#DDF5F4; background-image:url(sbc-background-DDF5F4.gif);
}
 

div.blue{
background-color:#D2E0F2; background-image:url(sbc-background-D2E0F2.gif);
}
 

div.yellow{
background-color:#F5F387; background-image:url(sbc-background-F5F387.gif);
}
 
div.green{
background-color:#E1EFCD; background-image:url(sbc-background-E1EFCD.gif);
}
 

div.avocado{
background-color:#e7eae6; background-image:url(sbc-background-DEE4D8.gif);
}
 

div.cream{
background-color:#FFFFCC; background-image:url(sbc-background-FFFFCC.gif);
}
 

div.pink{
background-color:#FCE5E6; background-image:url(sbc-background-FCE5E6.gif);
}
 

div.acid{
background-color:#f5f0bf; background-image:url(sbc-background-f5f0bf.gif);
}
 

div.teal{
background-color:#C0DBE3; background-image:url(sbc-background-C0DBE3.gif);
}
 

div.gold{
background-color:#fff6b8; background-image:url(sbc-background-0a421d.gif);
}
 

div.christmas{
background-color:#F2F2F2; background-image:url(sbc-background-xmas.gif);
}