/* Start of page styling */
/* created by DS 19/11/09 */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
} 
body{
 height:100%;
 /*color:#a4a4a4; */
 color:#333333;
 cursor:default;
 font-size:11px;
 line-height:16px;
 text-align:center;
 background-color:#83D0E0;
 /*background-image:url(images/S4S-Bkg-01.jpg);*/
 /*background-repeat:repeat-x;*/
 font-family:Arial;
}
a:link,a:visited{
 color:#000000;
 text-decoration:none;
}
#a, a:active, a:link {
	text-decoration: none;
	color: #000000;	
}		
/*  Navigation  */
#navi 
{
		background-image:url(images/nav1_bkg.png);
	background-repeat:no-repeat;
position:relative; 
 height:39px; 
 width:100%;
 

} 
#navi ul {
	float: left;
	list-style: none;
	width: 100%;		
	display: inline;
	padding-left:15px;
	
}
#navi ul li {
	display: inline;
	margin: 0; padding: 0;
	
}
#navi ul li a {
	float: left;
	margin: 1px;	padding: 0 20px;
	font: bold 15px/28px Arial;
	text-decoration: none;	
	color: #000000;	
	background-image:url(images/navlink_bkg.jpg);
	background-repeat:repeat-x;
	
}

#navi ul li a:hover, 
#navi ul li a:active {
	color:#FFFFFF;
	background: none;
	border: none;
	background-image:url(images/navhover_bkg.jpg);
	background-repeat:repeat-x;
}
#navi ul li#current a {	
	color: #FFFFFF;	
			background-image:url(images/navcurrent_bkg.jpg);
	background-repeat:repeat-x;
	/*background-image:url(images/Nav-bg.jpg);*/
}

/* Links */
a, a:active, a:link {
	text-decoration: none;
	color: #000000;			
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #fff;
	/*border-bottom: 1px dotted #438800;*/
}

/* headers */
h1, h2, h3 
{
	font-family: Arial;
}
h1 {
	font-size: 30px;
	color: #00A0C6;	
	font-weight: bold;
	line-height:32px;
	padding: 5px 0px 10px 0px;
	
}
h2 {
	font-size: 25px;
	line-height:26px;
	color: #008EB3;	
	font-weight: bold;
	padding: 0px 0px 15px 0px;		
}
h3 {
	font-size: 20px;
	color: #008EB3;	
	font-weight: bold;
	padding: 14px 0px 16px 0px;	
}

.text1
{
	color:#525252;
	font-size:13pt;
	line-height:16pt;
	font-weight:bolder;
}
hr
{
	border: none 0;
	border-top: 2px dotted #ABB4BB;
	width: 100%;
	height: 2px;
	margin: 0px auto 0 0;
	text-align: left;
	padding-right:1px;
	line-height:2px;
}
p
{
color:#333;
font-size: 11pt;
padding-bottom:12px;
line-height:14pt;
} 

#pagewidth{  
width:1022px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
#topbar
{
	background-image:url(images/s4s-logo.png);
	background-repeat:no-repeat;
position:relative; 
 height:100px; 
 width:100%;
} 

#topbar p{padding-right:16px;
	padding-top:20px;
}

#header{
 position:relative; 
	background-image:url(images/pagecontents_bkg.png);
background-repeat:repeat-y;
	height:306px;
} 
#header1{
 position:relative; 
	background-image:url(images/pagecontents_bkg.png);
background-repeat:repeat-y;
	height:160px;
	padding-left:16px;
} 
#pagecontents
{
	background-image:url(images/pagecontents_bkg.png);
background-repeat:repeat-y;

	height:auto;
}
#maincol{background-color: transparent; 
 float: left; 
 display:inline; 
 position: relative; 
 width:650px; 
height:auto;
margin-left: 32px;

 }
#maincol ul {
	width: 95%;		
	padding-left:36px;
	list-style-image:url(images/bullet.png);
	font-size:11pt;
	line-height:18px;
}
#maincol ul li {
	margin: 0;
	padding-bottom:5px;
}

#maincol ul li li{
	margin: 0;
	padding-top:5px;
	list-style-image:url(images/bullet2.png);

}


#maincol a {
	color:#0086A8;
}
#maincol a:hover {
	text-decoration:underline
}


#rightcol{background-color: transparent; 
 float: right;  
display:inline; 
 position: relative; 
width: 280px;
height:auto;
margin-right: 32px;

 }
 
#footer{
 height:192px; 
 background-image:url(images/footer_bkg.png);
  background-color: transparent;
  
 clear:both;
 }
 

#footerleft
{
	width: 210px;
	float:left;
	margin-left: 43px;
		margin-top:1px;
}

#footerleft ul li 
{
	list-style:none;

	color:#000000;
	font-size:12px;
	font-family:Arial;
	padding-bottom:1px;
}
#footerleft ul li a {
	display: block;

	padding: 4px 0 5px 8px;
	width: 96%;	
	color: #000000 ;
	border: none;
	background-color:#D6DFE4;
	border: none;
}
#footerleft ul li a:hover,
#footerleft ul li a:hover span, 
#footerleft ul li a:active {
	color:#FFFFFF;
	background-color:#A8BDC8;
	border: none;
}

#footercentral
{
	width: 210px;
	float:left;
	margin-left: 11px;
	margin-top:47px;
}
/*#footercentral ul li
{
	list-style:none;
	padding: 5px 10px 8px 10px;
	color:#000000;
	font-size:14px;
	font-family:Arial;
}*/

#footercentral ul li 
{
	list-style:none;

	color:#000000;
	font-size:12px;
	font-family:Arial;
	padding-bottom:1px;
}
#footercentral ul li a {
	display: block;

	padding: 4px 0 5px 8px;
	width: 96%;	
	color: #000000 ;
	border: none;
	background-color:#D6DFE4;
	border: none;
}
#footercentral ul li a:hover,
#footercentral ul li a:hover span, 
#footercentral ul li a:active {
	color:#FFFFFF;
	background-color:#A8BDC8;
	border: none;
}
#footerright
{
	height: 192px;
	width: 496px;
	float: right;
	margin-right: 43px;
}
#bottombar
{
 height:96px; 
 background-image:url(images/bottombar_bkg.png);
  background-color: transparent; 
  margin-bottom: 100px;
 clear:both;
} 
#bottomlinks
{
	height: 16px;
	width: 450px;
	float: right;
	margin-top:32px;
	margin-right: 32px;
	text-align:right;
	padding-right:16px;
	color: #2A3239;	
}
/*#bottomlinks a:active, a:link {
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	color: #000000;			
}
#bottomlinks a:visited {
	text-decoration: none;
}
#bottomlinks a:hover {
	color: #A8BDC8;
	border-bottom: 1px dotted #438800;
}*/
#copyright
{
	height: 16px;
	width: 400px;
	float: left;
	margin-top:32px;
	margin-left: 32px;
	padding-left: 16px;
	color: #2A3239;	
}
#pagebreak
{
	background-image:url(images/topbreak_bkg.png);
position:relative; 
 height:38px; 
 width:100%;
} 
#pagebreak1
{
	background-image:url(images/break_bkg.png);
position:relative; 
 height:23px; 
 width:100%;
} 
	
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

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


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}