/* Layout */
#page {
	width: 775px;
	margin: 0 auto;
	background: #FFF;
	font-size: 90%;
}
#content {
	float: left;
	width: 500px;
	font-size: 80%;
}
#sidebar,
#extra {
	float: right;
	width: 189px;
	display: inline;
	margin-top: 1em;
	margin-right: 35px;
}
#extra {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}
/* elements */
body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 100.01%;
	background: #CCC;
	line-height: 1.2;
}
acronym {
	border: none;
}
blockquote {
	margin: 0 .5em;
	font-family: monospace;
	font-size: 125%;
}
dt {
	margin-top: .5em;
	font-weight: bold;
}
tt	{
	font-size: 160%;
}
li {
	margin: 5px 0;
}
img,
a img {
	border: 0;
}

/* blocks */
#content .highlight {
	margin: .5em 0;
	padding: 1px .5em;
	background: #f3f3f3 url(../images/bg-highlight.png) 0 100% repeat-x;
}
#content .highlight h2,
#content .highlight h3,
#content .highlight h4,
#content .highlight h5 {
	margin: 0 -.25em;
	padding: .5em;
	background: #f3f3f3 url(../images/bg-highlight-h.png) repeat-x;
}
.jsButton {
	width: 160px;
	height: 20px;
	margin: 10px 0;
	padding: 7px 0 0 0;
	text-align: center;
	cursor: pointer;
	border: 1px solid #000;
	background: #eee;
}
.jsButton:hover {
	border: 1px solid #000;
	background: #ddd;
}
#content .disclaimer,
#content .eg {
	font-size: 70%;
	color: #666;
}

/* header */
#header {
	clear: left;
	text-indent: -9999px;
	background: url(../images/bg-header.png) 50% no-repeat;
}
#header .phrase {
	display: none;
}
#header h1 {
	margin: 0;
	font-size: 0;
	height: 100%;
}
#newsletter {
	width: 200px;
	margin-left: 548px;
	text-indent: 0;
	font-size: 70%;
}

/* newsletter */
#newsbar {
	width: 189px;
	padding: 8px 0 0 10px;
	float: right;
}
#newsbar h2 {
	margin: 0;
	padding: 10px 10px 10px 0;
	color: #000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 23px;
	font-weight: normal;
	text-align: right;
}
#newscontent {
	width: 510px;
}
#newsarchive h2 {
	margin: 0;
	padding: .2em .5em;
	background:  url(../images/bg-newsarchive-h.png) no-repeat;
	color: #000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
}
#newsarchiveContent {
	margin: 0;
	padding: 1em .5em;
	background:  url(../images/bg-newsarchive.png) no-repeat;
	color: #000;
	text-align: center;
	line-height: 30px;
}
#newsarchiveContent a {
	text-decoration: none;
	font-size: 16px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	color: #000;
	background: url(../images/bg-li.png) 0 50% no-repeat;
	padding-left: 12px;
}
#newsarchiveContent a:hover {
	text-decoration: underline;
	color: #000;
}
#date p {
	margin: 10px 0;
	padding: 10px 0 0 10px;
	color: #000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 23px;
	font-weight: normal;
}
#newsletterContentHeading p {
	margin: 15px 0 0;
	padding: 5px 0 5px 15px;
	color: #000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 23px;
	font-weight: normal;
	text-align: left;
	background: url('../images/newsletterHeadingBG.png') repeat-x;
}
#newsletterContent {
	padding: 1px 10px 0;
	background: url('../images/bannerShadow.png') repeat-x;
}
#successTipHeading p {
	margin: 15px 0 0;
	padding: 5px 0 5px 15px;
	color: #000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 23px;
	font-weight: normal;
	text-align: left;
	background: url('../images/newsletterHeadingBG.png') repeat-x;
}
#successTip {
	padding: 1px 10px 0;
	background: url('../images/bannerShadow.png') repeat-x;
}
#specialOfferHeading p {
	margin: 15px 0 0;
	padding: 5px 0 5px 15px;
	color: #000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 23px;
	font-weight: normal;
	text-align: left;
	background: url('../images/newsletterHeadingBG.png') repeat-x;
}
#specialOffer {
	padding: 1px 10px;
	background: url('../images/bannerShadow.png') repeat-x;
}
/* nav */
#nav {
	list-style-type: none;
	margin: 0;
	padding-left: 1em;
}
#nav ul {	
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
#nav li {
	float: left;	
	padding: .5em 12px .5em 12px;
	margin-left: 0;
	background: url(../images/bg-li.png) 0 50% no-repeat;
	
}
.normal {
	width: 130px;
}
.first {
	width: 90px;
}
#nav li a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 0px #999;
}
#nav li a:hover {
	background-position: 2px 50%;
}
#nav li strong {
	font-weight: normal;
}

/* content */
#content {
	padding: .5em 1em;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content a {
	color: #C03;
	font-weight: normal;
}
#content h1,
#content h2 {
	text-transform: uppercase;}
#content h2 {
	font-size: 180%;
}
#content h3 {
	font-size: 170%;
}
#content h4 {
	font-size: 160%;
}
#content h5 {
	font-size: 120%;
	font-weight: bold;
}
#content a {
	border-bottom: 1px solid #C03;
	text-decoration: none;
}
#content a:hover {
	border-bottom: 2px solid #C03;
}
#content ul {
	padding-left: .5em;
}
#content ul li {
	list-style: none;
	padding: .5em .2em .5em 30px;
	background: url(../images/tick.gif) left center no-repeat;
}
/* testimonial */
.testimonial {
	border: 2px solid #333;
	padding: .5em;
}
.testimonial .image {
	float: right;
	margin: 0;
}
.testimonial .image img {
	margin: 0 0 .5em .5em;
	border: 1px solid #333;
}
.testimonial .cite {
	clear: right;
	text-align: right;
	font-weight: bold;
}
.testimonial .cite p {
	margin: 0;
}

/* button */
#content .button a {
	display: block;
	width: 450px;
	min-height: 23px; /* minus padding */
	padding: 10px 0;
	border: 0;
	background: #a00000 url(../images/button_any_colour.png) no-repeat;
	text-align: center;
	color: #FFF;
	font-size: 160%;
	text-decoration: none;
	font-weight: bold;
}
#content .button a:hover {
	background-color: red;
}

/* forms */
form {
	margin: 0;
	padding: 0 1em .5em;
	background: #FFF url(../images/bg-form.png) 0 100% repeat-x;
	font-size: 130%;
}
fieldset {
	padding: 0;
	border: 0;
	font-size: 85%
}
legend {
	padding: .5em 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
}
label {
	display: block;
}
.buttons {
	text-align: right;
}
form div {
	margin-top: .5em;
}

.contactform {
	width: 70%;
}
.contactform .buttons input[type=reset] {
	display: none;
}
.radio label,
.checkbox label {
	display: inline;
}
.error {
	font-weight: bold;
	color: red;
	font-size: 80%;
}

/* sidebar & extra */
#sidebar .highlight,
#extra .highlight {
	padding: 0 0 .5em;
	background: #A00000 url(../images/bg-sidebar.png) -191px 100% no-repeat;
	color: #fff;
}
#sidebar .highlight h2,
#extra .highlight h2 {
	margin: 0;
	padding: .8em .5em;
	background: #A00000 url(../images/bg-sidebar-h.png) -191px 0 no-repeat;
	font-size: 110%;
}
#sidebar .highlight > *,
#extra .highlight > * {
	padding-left: .5em;
	padding-right: .5em;
}
#sidebar .standout,
#extra .standout {
	padding: 0 0 .5em;
	background: #616163 url(../images/bg-sidebar.png) 0 100% no-repeat;
	text-decoration: none;
	color: #fff;
}
#sidebar .standout h2,
#extra .standout h2 {
	margin: 0;
	padding: .8em .5em;
	background: #616163 url(../images/bg-sidebar-h.png) 0 0 no-repeat;
	font-size: 110%;
}
#sidebar .standout > *,
#extra .standout > * {
	padding-left: .5em;
	padding-right: .5em;
}
#sidebar .highlight a,
#extra .highlight a,
#sidebar .standout a,
#extra .standout a {
	color: #fff;
}
#sidebar .highlight p,
#extra .highlight p,
#sidebar .standout p,
#extra .standout p {
	color: #fff;
	font-size: 90%;
}
#sidebar .pad,
#extra .pad,
#sidebar .pad,
#extra .pad {
	padding-top: 10px;
}

/* footer */
#footer {
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	border-bottom: 3px solid #FFF;
	background: url(../images/bg-footer.png) 50% 100% no-repeat;
	font-size: 90%;
	list-style-type: none;	
}
#footer ul {
	padding: 1em .5em 0;
}
#footer li {
	display: inline;
	list-style: none;
}
#footer li a {
	color: #FFF;
	text-decoration: none;
	padding: 1em;
}
#footer li a:hover {
	text-decoration: underline;
}

/* hCard */
.vcard {
	margin-right: 255px;
	text-align: right;
	clear: both;
	color: #999;
	font-size: 80%;
}
.vcard div,
.vcard p {
	margin: 0;
}
.vcard a {
	color: #999;
	text-decoration: none;
}
.vcard .type,
.vcard .fn {
	display: none;
}
.vcard .org {
	font-size: larger;
	font-weight: bold;
}

/* SFM Signature */
#webdev {
	background: #CCC;
	padding: .5em;
}
#webdev,
#webdev a,
#webdev a:visited {
	clear: both;
    text-decoration: none;
    color: #000;
    text-align: center;
    font-size: 8pt;
}
#webdev a:hover {
	text-decoration: underline;
}
#copywrite {
	position: relative;
	margin: 0;
	background: #CCC;
	padding: .5em;
}
#copywrite,
#copywrite a,
#copywrite a:visited {
	clear: both;
	background: #CCC;
    text-decoration: none;
    color: #000;
    text-align: center;
    font-size: 8pt;
}
#copywrite a:hover {
	text-decoration: underline;
}
/* application form */
#application .error {
	height: auto;
}
#application .buttons {
	margin-top: 0;
	padding-top: 5px;
	clear: both;
	text-align: center;
}
#application #applicants label {
	display: inline;
}
#app1 {
	float: left;
	width: 230px;
}
#app2 {
	float: right;
	width: 230px;
}
/* sfmstyle */
.greeting {
	width: 146px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/dearFriend.png) no-repeat;
}
.signoff {
	width: 177px;
	height: 35px;
	text-indent: -9999px;
	background: url(../images/signature.png) no-repeat;
}
.expose {
	margin: 15px 30px 0;
	padding: 15px 20px;
	text-align: center;
	border: 3px dashed #a60813;
}
.offer {
	margin: 5px;
	padding: 10px;
	border: 4px solid #0c8bf9;
}
.extra {
	padding: 10px 0 10px 50px;
	background: url(../images/tickBox.jpg) no-repeat 10px center;
}
ul.extra {
	padding: 0 0 0 40px;
	background: none;
}
ul.extra li {
	list-style: none;
	padding: 10px 0 10px 40px;
	background: url(../images/tickBox.jpg) no-repeat left center;
}
.alt {
	color: #fff;
	margin: 5px 25px;
	padding: 15px;
	border: 2px dotted #00f;
	background: #09f;
}
.standout {
	color: #f00;
	background: #ff0;
}
.youtube,
.media {
	margin: 15px 0;
	text-align: center;
}

hr {
	color: #CC0033;
}

#dynamicBox {

}
.blogBox {
	padding: 1px 0;
}
.blogBox p {
	margin: 0;
	padding: 5px 0;
}

#content #dynamicBox h5 {
	font-size: 170%;
	font-weight: normal;
	padding-left: 6px;
	line-height: 0;
	background: none;
}
#dynamicBox h5 strong {
	font-weight: normal;
}
#dynamicBox ol {
	list-style: disc;
}
#dynamicBox li {
	padding: 3px 0;
}
.odd {
	color: #cc0000;
}
.even {
	color: #000;
}
#content #dynamicBox .even a {
	color: #000;
	border-bottom: 1px solid #000;
}
#content #dynamicBox .even a:hover {
	text-decoration: underline;
}
.block {
	padding: 10px 0;
}