/* <<< General Properties >>> */
body {
	text-align:center;
	padding:0;
	margin:1px 0 0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;

}

a {
	color:#000000;
	text-decoration:underline
}
a:hover {
	color:#000066;
	font-weight: bold;	
}
a:focus {
	color:#000066;
	font-weight: bold;	
}
a:active {
	color:#000066;
	font-weight: bold;	
}
.emphasise {
	color: #FF0000;	
}
.images img{
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	border:none
}
#container {
	text-align:left;
	background:#FFF url(../_images/container_bg.gif) repeat-y top left;
	width:710px;	
	margin:auto;
	position:relative;
	padding:0;
}
.centre {
	text-align:center;
}

/* <<< Form Table >>> */

#formtable {
	font:normal 11px Verdana, Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	}
.error {
	color:#FF0000;
	font-weight: bold;
}
/* <<< Randomised Images >>> */
#pageHeader {
	width:710px;
	height:80px;
	background:#FFFFFF url(../_bannerimages/rotator.php) no-repeat;
	margin:13px 0px 1px;
	padding:0;
}
/* <<< Breadcrumb Trail >>> */
#breadcrumbtrail {
	width:524px;
	height:27px;
	background:#FFFFFF url(../_images/breadcrumbline.gif);
	padding:0;
	margin:3px 0px 0px;
}
#breadcrumbtrail p{
	padding:0;
	margin:0;
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
}
#breadcrumbtrail a{
	padding:0;
	margin:0;
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: underline;
}
#breadcrumbtrail a:hover{
	text-decoration: none;
}
#breadcrumbtrail a:focus{
	text-decoration: none;
}
#breadcrumbtrail a:active{
	text-decoration: none;
}
/* <<< Top Sillouettes Banner >>> */
#activities{
	margin:0;
	padding:0;
	position:relative;	
	border-top:#FFF 2px solid;
	width:710px;
	height:65px;	
	background:#FFF;
}
#activities .p1{
	position:absolute;
	top:0;
	left:0;
	width:682px;
	height:65px;
	background:#FFF url(../_images/activities.gif) no-repeat 210px 0;
}
#activities .p1 span{ 
	display:none; 
}
#activities .p2{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:65px;
	background:url(../_images/spkalogo.gif) no-repeat;
}
#activities .p2 span{
	visibility:hidden;
	white-space:nowrap;
}
#activities .p2 a {
	width:200px;
	height:37px;
	float:right;
	visibility:visible;
	text-indent:-9000px;
	overflow:hidden;
	margin-top:-1.3em;
	margin-bottom:1.4em;
}
/* <<< First Section of Text >>> */
#intro {
	position:relative;
	margin:0;
	padding:0;
	width:524px;
	background:url(../_images/intro_top.gif) no-repeat top left;
}
#intro p{
	margin:0;
	padding:10px 15px 5px;
}
#intro h1{
	font-size: 130%;
	color: #000066;
	margin:0;
	padding:12px 0px 0px 5px;
	text-decoration: underline;
}
#intro h3{
	font-size: 120%;
	color: #000066;
	margin:0;
	padding:15px 0px 0px 5px;
}
#introduction {
	position:relative;
	border-top:#fff 1px solid;
	margin:0;
	padding:0;
	width:524px;
	background:#BBD1E8 url(../_images/intro_top.gif) no-repeat top left;
}
#introduction img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/* <<< Main Content Sections to be Updated >>> */
#maincontent{
	width:524px;
}
#introduction p, #content2 p, #content3 p, .content4 p, #content5 p, #events p, #joinnow p{
	margin:0;
	padding:10px 15px 5px;
}
#introduction h3, #content2 h3, #content3 h3, .content4 h3, #content5 h3{
	font-size: 120%;
	color: #000066;
	margin:0;
	padding:15px 0px 0px 5px;
}
#content2{
	margin:0;
	padding:0;
	background:#BBD1E8 url(../_images/content_top.gif) no-repeat top left;
}
#content3{
	margin:0;
	padding:0;
	background:#BBD1E8 url(../_images/content_top.gif) no-repeat top left;
}

.content4{
	background:#BBD1E8 url(../_images/content_top.gif) no-repeat top left;
}
.content4 .p1{
	margin:0;
	padding:15px 15px 7px 15px;
}
.content4 img, #content2 img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#content5{
	background:#BBD1E8 url(../_images/content_top.gif) no-repeat top left;
}
.top {
	text-align:right;
}
/* <<< Table Formatting >>> */
.table {
	text-align:center;
	border: 1px solid #000066;
	margin: 0px 5px;
	padding: 0px;
	width:98%
}
.table td{
	border: 1px solid #000066;
	border-spacing:0
}
.table tr{
	border: 1px solid #000066;
	border-spacing:0
}
/* <<< Footer Section >>> */
#footer{
	background:#000066 url(../_images/footer_top.gif) no-repeat left top;
	padding-top:17px;
	padding-left:15px;
	text-align: center;	
}
#footer img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/* <<< Menu Bar Location >>> */
#links {
	position:absolute;
	top:156px;
	left:525px;
	width:185px;
	background:#000066;
	border-top:#fff 1px solid;
	color:#fff;
	margin-top: 4px;
}
/* <<< Menu Formatting >>> */
#links a, #links h3, #footer a{	
	color:#FFF;
	text-decoration:none;
}
#links a:hover, #footer a:hover{
	color:#BBD1E8;
	font-weight: bold;
}
#links a:focus, #footer a:focus{
	color:#BBD1E8;
	font-weight: bold;
}
#links a:active, #footer a:active{
	color:#BBD1E8;
	font-weight: bold;
}
#menu{
	background:#000066 url(../_images/linkstop.gif) no-repeat left top;
	padding:5px 0 0 0;
}
#joinnow{
	background:#000066 url(../_images/othersectionstop.gif) no-repeat top left;
	padding:12px 0 0 0;
}
#events{
	background:#000066 url(../_images/othersectionstop.gif) no-repeat top left;
	padding:12px 0 0 0;	
}
#menu ul, #joinnow ul, #events ul{
	margin:0;
	padding:0 15px 5px 15px;
}
#menu li, #joinnow li, #events li{	
	padding: 0 0 5px 15px;
	margin:0;
	list-style-type:none;
	background:transparent url(../_images/bulletpoint2.png) no-repeat 0 4px;
}
#menu h3, #joinnow h3, #events h3{
	font-size: 120%;
	color: #FFFFFF;
	margin:0;
	padding:5px 0px 5px 5px;
}
/* <<< Final Design Div >>> */
#enddiv{
	margin:auto;
	width:710px;
	height:12px;
	background:#fff url(../_images/extradivbackground.gif) no-repeat top left;
}
#gallery {
	width:710px;
}