body
{
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bold{font-weight:bold;}

.highlighted{ color:yellow;}

.small{font-size:85%;}

.red-text{ color:#F00;}/* leave red for warnings / errors */

.coloured-text{color:#003466;}

.upper {text-transform:uppercase;}

.code-font{font-family:"Courier New", Courier, monospace; color:#666;}

.boxed{border:1px double #ccc; margin:40px; padding:20px; overflow:hidden; background-color:#e1f2ff;}

.centered{text-align:center;}

/*--------FORMS--------*/
form{
	overflow:hidden;
	width:70%;
	}
form input, form select, form textarea{
	padding:4px;
	border:1px solid #ccc;
	background-color:#fff;
}
form legend{
	font-weight:bold;
	font-variant:small-caps;
	color:#003466;
	padding: 20px 0 0 0;}
	
form label{
	width:180px;
	float:left;
}

form li{
	background-color:#ededed;
	padding:10px 20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	overflow: hidden;
}

#content form.contact-form
{
	width: 98%;
}

#content form.contact-form fieldset
{
	
}

#content form.contact-form legend
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 12pt;
	font-variant: normal;
	font-weight: bold;
}

#content form.contact-form ul
{
	margin: 0px;
}

#content form.contact-form li
{
	list-style: none;
}

#content form.contact-form table tr th
{
	padding: 3px;	
}

form .btn{
	margin:20px 0;
	background-color:#003466;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	}
	
form .btn-margin{margin-left:40px;}

/*--------IMAGES--------*/
img {margin:5px;padding:4px; border:1px solid #ccc;}
	img.floatleft { float:left; margin:0 10px 0 0;}
	img.floatright { float:right; margin:0 0 0 10px;}

.no-border {padding:0; border:0;}

table img{border:0; margin:0; padding:0; }

/*--------TABLES--------*/
td{padding:4px 10px;}

th{ font-variant:small-caps; color:#666;}

tr.coloured{ background-color:#003466; color:#fff; font-weight:bold;}

#conference_capacity_table th,
#conference_capacity_table td
{
	border: 1px solid #CCCCCC;
	padding: 3px;
	vertical-align: middle;
	text-align: center;
}

/*--------OVERALL LINK--------*/
a{ outline:none;}

a, a:link, a:visited{
	color:#003466;
	text-decoration: underline;
	}
a:hover, a:active{ 
	color:#ffbe0f;
	text-decoration: none;
	}
	
/*--------OVERALL--------*/
#drop-shadow-top{
	width: 1000px;
	height:11px;
	margin:0 auto;
	background:url(../images/container-bg-top.jpg) no-repeat top;
	}
#drop-shadow{
	width: 1000px;
	margin:0 auto;
	background:url(../images/container-bg-middle.jpg) repeat-y top;
	}
#drop-shadow-bottom{
	width: 1000px;
	height:11px;
	margin:0 auto;
	background:url(../images/container-bg-bottom.jpg) no-repeat top;
	}
#container {
	margin:0 auto;
	padding:3px;
	width: 960px;
	color: #000;
	border:1px solid #1b2c5d;
	overflow:hidden;
}

#content-menu-container{
	overflow:hidden;
	}

/*--------HEADER--------*/
#header {
	overflow:hidden;
	padding:20px;
}
#header .st-logo{
	float:left;
	width:425px;
	margin: 20px 0 0 0;
}
#header .st-logo h1{
	background:url('../images/new-stmem-logo.jpg') no-repeat top;
	height:100px;
}
#header .st-logo a{
	height:100px;
	width:425px;
	display:block; 
	cursor:pointer
}
#header .st-logo h1 span{
	display:none;
}
#header .service-type-boxes{
	float:right;
	width:440px;
	overflow:hidden;
}
#header .service-type-boxes .service-type{
	width:102px;
	height:133px;
	float:left;
	margin:0 5px;
	}
#header .service-type-boxes .service-type a{
	display:block;
	cursor:pointer;
	width:102px;
	height:133px;
	}
#header .service-type-boxes .service-type span{
	display:none;
	}
#header .service-type-boxes .red-box{
	background:url('../images/member-benefits-box-red.jpg') no-repeat top;
	margin:0 5px 0 0;
	}
#header .service-type-boxes .blue-box{
	background:url('../images/website-design-box-blue.jpg') no-repeat top;
	}
#header .service-type-boxes .green-box{
	background:url('../images/marketing-services-box-green.jpg') no-repeat top;
	}
#header .service-type-boxes .yellow-box{
	background:url('../images/assessment-scheme-box-yellow.jpg') no-repeat top;
	margin:0 0 0 5px;
	}
#header .service-type-boxes p{
	display:none;
}

/*--------TOP MENU / TOOLS MENU (FOOTER)--------*/
#top-menu, #tools-menu {
	background:url('../images/menu-hr-bg.jpg') repeat-x top;
	background-color: #749BC4;
	height: 45px;
	color: #fff;
	overflow:hidden;
}
/* ie 6 only */
* html #top-menu{
	margin-top:25px;
}
/* end */
#tools-menu {
	text-align:right;
}
#top-menu .date, #top-menu .links, #tools-menu .links{
	padding:10px 20px;
	}
#top-menu .date, #top-menu .links{
	width:40%;
	}
#top-menu .date{
	float:left;
	}
#top-menu .links{
	float:right;
	text-align:right;
	}
#top-menu a, #top-menu a:link, #top-menu a:visited, #tools-menu a, #tools-menu a:link, #tools-menu a:visited  {
	color: #fff;
	text-decoration: none; 
	border-left:1px solid #fff;
	padding:0 5px 0 10px;
}
#top-menu a.top, #top-menu a.top:link, #top-menu a.top:visited, #tools-menu a.top, #tools-menu a.top:link, #tools-menu a.top:visited {
	border-left:0;
}
#top-menu a:hover, #top-menu a:active, #tools-menu a:hover, #tools-menu a:active {
	color:#febf14;
	text-decoration: underline; 
}

/*--------NEWS BAR--------*/
#latest-news-bar{
	padding:10px 20px;
	border-bottom:1px solid #003466;
	text-align: center;
	}
#latest-news-bar2{
	padding:10px 0;
	border-bottom:1px solid #003466;
	text-align: center;
	}
#latest-news-bar .title{
	font-weight:bold;
	color:#003466;
	text-transform:uppercase;
	}

/*--------LEFT SIDE--------*/

#leftside {
	width: 220px;
	float:left;
}

/* ie 6 only */
* html #leftside {
	width: 200px;
}
/* end */

#leftside .menu{
	border:1px solid #003466;
	border-left:0;
	margin: 10px 0 10px 0;
	padding:5px 5px 5px 0;
	}
	
#leftside .main-menu-options .seperator{
	margin:0 auto;
	height:1px;
	width:160px;
	background-color:#003466;
	}

#leftside .menu ul{
	list-style:none;
	background-color:#e8e8e8;
	}
#leftside .main-menu-options ul.top{
	border:0;
	}	
#leftside .menu li{
	border-top:1px solid #d6d6d6;
	width:90%;
	margin:1px auto;
	}
#leftside .main-menu-options li.top{
	border:0;
	}
#leftside .menu a, #leftside .menu a:link, #leftside .menu a:visited{
	line-height:2.8em;
	text-decoration:none;
	}
#leftside .menu a:hover, #leftside .menu a:active{
	color:#969696;
	text-decoration:underline;
	}
	
#leftside .other-menu-options .expanding-links ul{
	background-color:#dfe9ee;
}

/*--------NEWS--------*/

#leftside #latest-news-box{
	border:1px solid #003466;
	border-left:0;
	background-color:#fff;
	padding:15px;
	font-size:10px;
	}
#leftside #latest-news-box .news-article{
	padding:10px 0;
	border-bottom:1px solid #ccc;
}
#leftside #latest-news-box .title{
	font-size:16px;
	color:#003466;
	font-weight:bold;
}
#leftside #latest-news-box .news-article p{
	line-height:2em;
}
#leftside #latest-news-box .all-news{
	padding:10px 0 0 0;
	font-size:13px;
}
#leftside #latest-news-box a{
	text-decoration:none;
	font-weight:bold;
}
#leftside #latest-news-box a:hover{
	color:#666;
	text-decoration:underline;
}
/*--------MAIN CONTENT--------*/
.read-more-container{ overflow:hidden;}
	.read-more-container a{}
		a.read-more{ background: url('../images/read-more-button.jpg') no-repeat; display:block; width:114px; height:35px; }
			a.read-more span{display:none;}

#content {
	margin: 10px 0 0 20px;
	padding: 0 20px 20px 20px;
	line-height:1.8em;
	width:700px;
	overflow:hidden;
	
}
#content #main-images{
	margin:0 auto 20px auto;
	width:700px;
	}
	
#content #pictures{float:right; margin:10px;}


#content h2{
	margin:15px 0;
	color:#003466;
	font-size:18px;
	font-weight:normal;
}
#content h3{
	margin:10px 0;
	text-transform:uppercase;
	color:#003466;
}
#content h3.coloured{
	color:#e00116;
}
#content .boxed h3{
	margin:0;
}
#content h4{
	margin:10px 0;
	text-transform:uppercase;
	color:#999;
}
#content p{
	margin:10px 0;
}
#content ol{
	margin: 10px 0 0 40px;
}
#content ul{
	list-style:circle;
	margin: 10px 0 30px 40px;
}
#content ul li, #content ol li{
	margin: 10px 0 0 0;
}
#content ul.margin-none{margin-bottom:5px;}

#content .page-sections{
	overflow:hidden;
	}
/* ie 6 only */
* html #content .page-sections{
	margin:35px;
	}
/* end */
#content .page-sections img{
	float:right;
	}
#content .love-from-shropshire{
	overflow: auto;
}
#content .love-from-shropshire span{
	background:url('../images/love-from-shropshire.gif') no-repeat bottom;
	width:100px;
	height:93px;
	float:right;
	margin: -30px 270px 0 0;
}

#content .register-interest{
	border:1px solid #999;
	}

#content .fact-box{
	width:150px;
	background-color:#003466;
	color:#fff;
	}

.hr-line{
	background: url('../images/grey-line-hr.gif') repeat-x top;
	width:100%;
	overflow:hidden;
	}

.hr-butterfly{
	background:url('../images/silver-studded-blue-butterfly-sml.jpg') no-repeat top;
	width:50px;
	height:47px;
	margin:0 auto;
	}

/*--------HOME PAGE--------*/
.notice-container{
	overflow:hidden;
	margin:20px 0;
	}
.notice-container .left-col, .notice-container .right-col{
	border:1px solid #999;
	padding:10px 20px;
	}
.notice-container .left-col{
	float:left;
	width:43%;
	}
.notice-container .right-col{
	float:right;
	width:43%;}
	
.notice-container .right-col img, .notice-container .left-col img{
	margin:10px 0;
}


/*--------WEBSITE PACKAGES--------*/
#website-packages-container{
	font:Verdana, Geneva, sans-serif;
	overflow:hidden;
	}
	
#website-packages-container #section-container{ margin:20px 0;padding:20px 0 0 0;border-top:5px dashed #00c783;}
	
#website-packages-container #related-service-menu{ font-size:90%; line-height:1.2em}
	#website-packages-container #related-service-menu ul{ overflow:hidden; list-style:none;}
		#website-packages-container #related-service-menu ul li{ float:left; border-left:1px solid #003466; padding:0 5px;}
		#website-packages-container #related-service-menu ul li.top{ border:0;}
			#website-packages-container #related-service-menu ul li a{}
	
#website-packages-container #welcome-content{overflow:hidden;margin-bottom:20px;}

#website-packages-container #welcome-content #web-intro-container{ overflow:hidden; float:left; width:450px; margin:10px 0 20px 20px;}

#website-packages-container #welcome-content .intro{ float:left; width:300px;}

#website-packages-container #welcome-content .web-logos{ float:left; width:140px;}

#website-packages-container #welcome-content .promo{ float:left; background:url('../images/promo-star.jpg') no-repeat top; width:173px; height:173px; margin:20px 0 0 0;}

#website-packages-container #welcome-content .promo p{
	color:#fff;
	text-align:center;
	width:130px;
	margin:0 auto;
	padding:45px 0;
	font-size:14px;
	font-weight:bold;
	}
#website-packages-container h3{
	font-size:18px;
	color:#4659a6;
	background:none;
	border:0;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	}	
#website-packages-container h3 .coloured{
	color:#f31c1d;
	}

#website-packages-container .check-mark{ background:url('../images/tick-mark.gif') no-repeat bottom;width:20px; height:20px;}
	
.packages-container .package-deal{
	border-top:2px dashed #ccc;
	margin-left:0 auto;
	}
#website-packages-container  .packages-container .package-deal{
	padding-bottom:20px;
	width:80%;
}
.packages-container .top{
	border-top:0;
	}
.packages-container .top h3{
	margin-top:0;
	}
	
#website-packages-container .included, #website-packages-container .bottom-container{
	overflow:hidden;
	margin: 10px 0 0 0;
	}	

#website-packages-container .contents{
	line-height:2em;
	}

#website-packages-container .packages-container .package-deal tr{border-bottom:1px dashed #ccc;}
#website-packages-container .packages-container .package-deal td{margin:0; padding:2px;}

	
#website-packages-container .terms-container{font-size:90%; margin:10px auto; padding: 10px; background-color:#eef1f4; border:1px solid #ccc;}
	/* i6 6 fix */
		* html #website-packages-container .terms-container{margin:60px auto; }
	/* end */

#website-packages-container .terms-container p{margin:0;}

	
#website-packages-container .customer-comment{font-size:90%; margin:10px auto; padding: 10px; background-color:#d8f4fe; border:1px solid #3ca3dd;}
	/* i6 6 fix */
		* html #website-packages-container .customer-comment{margin:60px auto; }
	/* end */
#website-packages-container .customer-comment h4{color:#3ca3dd; margin:0; text-transform:none;}
#website-packages-container .customer-comment p{margin:0;}

#website-packages-container .left-col, #website-packages-container .customer-interest{
	float:right;
	padding-top:10px;
	}
#website-packages-container .right-col{
	float:left;
	width:200px;
	}
#website-packages-container .costs{
	float:left;
	}
	
#website-packages-container .customer-interest a{
	background:url('../images/submit-interest-button.jpg') no-repeat top;
	width:156px;
	height:35px;
	display:block;
	cursor:pointer;
	}
#website-packages-container .customer-interest a span{
	display:none;
	}
	
#website-packages-container .costs{
	overflow:hidden;
	}
#website-packages-container .costs p{
	float:left;
	}
	
#website-packages-container	.costs .from{
	color:#f09d00;
	margin: 18px 5px 0 0;
}
#website-packages-container	.costs .per-annum{
	color:#f09d00;
	margin: 18px 0 0 5px;
	}
#website-packages-container .costs .price{
	font-size:35px;
	color:#f09d00;
	line-height:1em;
}
	
#website-packages-container .smaller-cost .price{
	font-size:30px;}
	
#website-packages-container	.costs .vat{
	color:#f09d00;
	margin: 18px 0 0 5px;
}

#website-packages-container .right .box{
	border: 1px solid;
	margin:50px 0;
	}
#website-packages-container  h4{
	font-size:16px;
	margin:0 0 10px 0;
	line-height:1.5em;
}


#website-packages-container .right .all-included{
	border-color:#00c783;
	text-align:left;
	}
#website-packages-container .right .everyone{
	padding:15px;
	}
#website-packages-container .right .everyone h4{
	color:#00c783;
	font-size:13px;
}

#website-packages-container .right .all-included h5{
	margin:0 0 5px 0;
	text-transform:none;
	font-size:12px;
	text-align:left;
	}
#website-packages-container .right .all-included h5{
	margin-bottom:10px;
	}
#website-packages-container .right .all-included ul{
	margin:0 0 20px 5px;
	}	
#website-packages-container .right .all-included .search-engines ul{
	background:url('../images/small-se-logos.jpg') no-repeat top right;
	}
#website-packages-container .right .all-included .w3c ul{
	background:url('../images/w3c-logo.jpg') no-repeat top right; 
	}
#website-packages-container .right .all-included .browsers ul{
	background:url('../images/web-browsers.jpg') no-repeat top right; 
	margin-bottom:0;
	}
#website-packages-container .right .all-included li{
	list-style:none;
	line-height:1.6em;
	}	

	
#website-packages-container .right .request-call{
	border: 1px solid #b47103;
	padding:15px;
	overflow:hidden;
	background:url('../images/request-call-bg.jpg') no-repeat bottom;
	background-color:#f09d00;
	
	min-height:240px;
	color:#fff
	}
#website-packages-container .right .request-call h4{
	color:#fff;
	font-size:13px;
	margin-bottom:15px;
}
#website-packages-container .right .request-call form{
	width:100%;
	}
#website-packages-container .right .request-call form label{
	width:60px;
	text-align:right;
	float:left;
	margin: 0 0 0 0;
	font-size:15px;
}
#website-packages-container .right .request-call input.text-box{
	width:100px;
	padding:5px;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
}
#website-packages-container .right .request-call select.drop-down{
	width:115px;
	padding:3px;
	margin-bottom:10px;
	margin-left:10px;
}
#website-packages-container .right .request-call a{
	background: url('../images/request-call-submit.jpg') no-repeat top;
	width:75px;
	height:28px;
	display:block;
	cursor:pointer;
	float:right;
	margin: 10px 0 0 0;
	}
#website-packages-container .right .request-call a span{
	display:none;
	}

/*--------PORTFOLIO--------*/
.portfolio-container{
	width:80%;
	min-width:800px;
	overflow:hidden;
	margin:0 auto;
	}
.portfolio-container img{
	border:0;
}
	
.portfolio-container .seperator{
	background:url('images/portfolio/pixel.gif') repeat-y;
	float:left;
	width:2px;
	height:2810px;
	margin:0 auto;
	}
		
.portfolio-container .project{
	border-top: 1px dashed #ccc;
	height:400px;
	width:240px;
	margin:0 auto;
	float:left;
	}
	
.portfolio-container .first-row{
	border:0;
	}
	
.portfolio-container .main-image{
	margin:20px 0 0 0;
	width:230px;
	height:229px;
	}
	
.portfolio-container .first-row .main-image{
	margin:0;
}
	
.portfolio-container .project .related-image{
	height:100px;
	}
	
.portfolio-container .project .related-info p{
	text-align: center;
	color:#999;
	margin:5px 0;
	padding:0;
	}
	
.portfolio-container .project .extra-links {
	overflow:hidden;
	} 
	
.portfolio-container .project .extra-links .title{
	text-align:center;
	}
	
.portfolio-container .project .extra-links .left{
	float:left;
	width:48%;
	text-align:left;
	} 
	
.portfolio-container .project .extra-links .right{
	float:right;
	width:50%;
	text-align:right;
	} 
	
.portfolio-container .project .extra-links p{
	margin:0;
	padding:0;
	text-align:right;
	font-size:11px;
	} 
	
.portfolio-container .project .related-info a{
	color:#999;
	text-decoration:none;
	}
	
.portfolio-container .project .related-info a:hover{
	color:#000;
	text-decoration:underline;
	}
	
#logo-portfolio-container img{margin:0;padding:0;}



	
/*--------OUTER FOOTER--------*/
#outer-footer{
	width:960px;
	margin:20px auto;
	text-align:right;
	}

#sublinks{}

#sublinks a, #sublinks a:link, #sublinks a:visited {
	color: #003466;
	text-decoration: none; 
	border-left:1px solid #003466;
	padding:0 5px 0 10px;
	font-size:10px;
	line-height:2em;
}
#sublinks a.top, #sublinks a.top:link, #sublinks a.top:visited{
	border-left:0;
}
#sublinksu a:hover, #sublinks a:active, #sublinks a:hover, #sublinks a:active {
	color:#febf14;
	text-decoration: underline;
}

#st-note{
	margin:20px 0;
	font-size:10px;
	color:#999;
	}
	
#st-note a, #st-note a:link, #st-note a:visited, #w3c-standards a, #w3c-standards a:link, #w3c-standards a:visited{
	color:#999;
	text-decoration:underline;
	}
#st-note a:hover, #st-note a:active, #w3c-standards a:hover, #w3c-standards a:active{
	color:#003466;
	text-decoration:none;
	}
	
#social-networks{ float:left; }
	#social-networks ul{ overflow:hidden; margin:5px 0; }
		#social-networks li{ float:left; width:32px; height:32px; display:block;}
		#social-networks li.twitter{ background:url('../images/twitter-icon.png') no-repeat;}
		#social-networks li.facebook{background:url('../images/facebook-icon.png') no-repeat; margin-left:10px; margin-right:5px; }
			#social-networks a{ width:32px; height:32px; display:block; cursor:pointer;}
				#social-networks span{display:none;}


#copyright-note{
	margin-top:5px;
	padding: 10px 20px;
	font-size:10px;
	color:#999;
	text-align:right;
	}

#w3c-standards{	
	font-size:10px;
	color:#999;
	}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
.message_box{ border-style: solid;border-width: 1px;margin: 1em; margin-left: auto;margin-right: auto;padding: 1em; width: 97%;font-size:90%;text-align: center;color: #000000;}

.error_message_box{border-color: #FF0000;background-color: #FFB0B0;}

.ok_message_box{border-color: #235C34;background-color: #B8F5B1;}

.warning_message_box{border-color: #0000FF;background-color: #99CCFF;}

.short_message_box{width: 90%;}