@import 'cssdeck/_handler.css';
@import 'colours.css';
															/** BODY ELEMENTS **/
body {
	color: #5c5b58;
	background-color: #e9e7e0;
	}



hr {
  border: 0;
  background-color: grey;
  width: 100%;
}


															/** MAIN CONTAINERS **/
div#container {
	}
	div.header {
		color: #fff;
		background-color: #3d2c35;
		border-bottom: 2px solid #63a5c6;
		}
		div.header-in {
			width: 976px;
			margin: 0 auto;
			}
	div.content-wrapper {
		width: 976px;
		margin: -30px auto 0;
		}


	div.layout-2col div.content {
		width: 670px;
		margin: 0 5px 0 0;
		}
	div.layout-2col div.aside {
		width: 300px;
		}


		div.content {
			color: inherit;
			background-color: #fff;
			}
			div.content-in {
				padding: 3px;
				}
			.page div.content-in {
				padding: 3px 3px 30px;
				}
		div.aside {
			
			}
			div.aside-right {
				margin: 0 0 5px;
				color: inherit;
				background-color: #fff;
				}
				div.aside-in {
					padding: 3px;
					}
	div.footer {
		width: 976px;
		margin: 20px auto;
		}
		div.footer-in {
			padding: 15px 0;
			font-size: 12px;
			border-top: 1px solid #c6c5c1;
			}

.comments {
	margin: 50px 0;
	}
	.comments h4 {
		font-size: 28px;
		font-weight: bold;
		letter-spacing: -1px;
		}
	.comments p {
		margin: 20px 0 0 25px;
		padding: 5px;
		font-style: italic;
		background-color: #ddd;
		font-size: 11px;
		}
	
.comments ol p {
	margin: 0;
	padding: 5px;
	font-style: normal;
	background-color: #fff;
	font-size: 12px;
	}

	.comments .meta {
		margin: 20px 0 0;
		padding: 5px;
		font-style: italic;
		background-color: #eee;
		font-size: 11px;
		}
	.comments abbr {
		float: right;
		margin: 0 10px 0 0;
		color: #888;
		}
	.comments .line {
		border: 0;
		}





															/** SUB CONTAINERS **/
div.nav-top {
	float: right;
	_width: 588px;
	color:inherit;
	background-color: #918b78;
	background-image: url(../images/style/bg-nav-top-bl.png);
	background-position: 0 100%;
	}
div.nav-main {
	clear: both;
	margin: 0 0 3px;
	padding: 0 0 30px;
	}
div.rounded {
	background-image: url(../images/style/bg-corner-tl.png);
	}
	div.rounded div.tr {
		background-image: url(../images/style/bg-corner-tr.png);
		background-position: 100% 0;
		}
	div.rounded div.br {
		background-image: url(../images/style/bg-corner-br.png);
		background-position: 100% 100%;
		}
	div.rounded div.bl {
		background-image: url(../images/style/bg-corner-bl.png);
		background-position: 0 100%;
		}
div.nav-sub {
	padding: 5px;
	}
div.welcome {
	width: 976px;
	margin: -30px auto 40px;
	color: inherit;
	background-color: #fff;
	}
	div.welcome.rounded,
	.page div.content.rounded,
	.page div.aside-right.rounded.first { background-image: url(../images/style/bg-content-welcome-tl.png); }
	div.welcome.rounded div.tr,
	.page div.content.rounded div.tr,
	.page div.aside-right.rounded.first div.tr { background-image: url(../images/style/bg-content-welcome-tr.png); }
	div.welcome.rounded div.br { background-image: url(../images/style/bg-content-br.png); }
	div.welcome.rounded div.bl { background-image: url(../images/style/bg-content-bl.png); }
		div.welcome div.welcome-in {
			padding: 8px;
			}
		div.welcome div.text {
			float: left;
			width: 260px;
			padding: 20px 30px;
			}
			div.welcome .features-textin div.text {
			    width: 300px;
			    }
	    div.welcome div.text.wide {
	        width: auto;
	        }
	div.welcome div.features.rounded { background-image: url(../images/style/bg-corner-tl.png); }
	div.welcome div.features.rounded div.tr { background-image: url(../images/style/bg-corner-tr.png); }
	div.welcome div.features.rounded div.br { background-image: url(../images/style/bg-corner-br.png); }
	div.welcome div.features.rounded div.bl { background-image: url(../images/style/bg-corner-bl.png); }
	
div.content.rounded,
div div.aside .rounded { background-image: url(../images/style/bg-content-tl.png); }
	div.content.rounded div.tr,
	div div.aside .rounded div.tr { background-image: url(../images/style/bg-content-tr.png); }
	div.content.rounded div.br,
	div div.aside .rounded div.br { background-image: url(../images/style/bg-content-br.png); }
	div.content.rounded div.bl,
	div div.aside .rounded div.bl { background-image: url(../images/style/bg-content-bl.png); }
div.article {
	clear: left;
	padding: 15px 20px 5px;
	}
	div.article div.figure {
		float: left;
		margin: 0 20px 20px 0;
		}
	div.article div.figure img {
		border: 3px solid #f0edea;
		}
	div.article div.text {
		margin: 0 0 0 230px;
		}
div.aside div.articles {
	padding: 10px 0 0;
	}
div.aside div.article {
	padding: 0 20px 5px;
	}
div.aside .alt div.article {
	padding: 10px 20px 5px;
	border-bottom: 1px solid #eee;
	}
div.aside .alt.ticks div.article {
	padding: 0 20px 0;
	border-bottom: 0;
	}
div.aside .alt div.article.last {
	border-bottom: 0;
	}
	div.aside div.article div.figure {
		float: left;
		margin: 0 10px 10px 0;
		}
	div.aside div.article div.figure img {
		border: 0;
		}
	div.aside div.article div.text {
		margin: 0 0 0 0;
		}
div.welcome div.features {
	float: right;
	width: 630px;
	background-color: #b32e50;
	}
	div.welcome div.features.nav {
		height: 67px;
		margin: 5px 0 0;
		}
	div.welcome div.features div.features-textin {
		position: absolute;
		height: 285px;
		width: 100%;
		}
	div.features div.features-in.first {
		background-image: url(../images/style/bg-corner-tl.png);
		}
	div.features div.features-in {
		position: relative;
		float: left;
		width: 100%;
		background-color: #b32e50;
		}
		div.features div.features-in img.arrow {
			display: none;
			position: absolute;
			top: -20px;
			right: 5px;
			z-index: 20;
			}
		div.features div.features-in a:hover img.arrow,
		div.features div.features-in a.selected img.arrow {
			display: block;
			}
	div.features div.features-in a {
		display: block;
		height: 37px;
		padding: 15px 30px 15px 15px;
		color: #fff;
		font-size: 16px;
		line-height: 1.2em;
		}
		div.features div.features-in a:hover {
			text-decoration: none;
			}
	div.features div.features-in.purple { background-color: #60388e; }
	div.features div.features-in.aqua { background-color: #4bbebd; }
	div.features div.features-in.burgundy { background-color: #935a75; }
	div.features div.features-in.green { background-color: #b5b10f; }
	div.features div.features-in.yellow { background-color: #e5b500; }

.profileStyle {
margin-left:20px;
}




															/** LISTS **/
div.nav-top ul {
	background-image: url(../images/style/bg-nav-top-br.png);
	background-position: 100% 100%;
	}
	div.nav-top ul li {
		padding: 0;
		}
		div.nav-top ul li * {
			line-height: 1em;
			}
	div.nav-top ul a {
		margin: 6px 0;
		padding: 0 10px 1px;
		color: #fff;
		background-color: inherit;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		border-left: 1px solid #fff;
		}
	div.nav-top ul li.first a {
		border: 0;
		}
		div.nav-top ul a:hover {
			text-decoration: underline;
			}
	div.nav-top ul li.alt {
		color: inherit;
		background-color: #4194c0;
		background-image: url(../images/style/bg-nav-top-alt-bl.png);
		background-position: 0 100%;
		}
		div.nav-top ul li.alt a {
			margin: 0;
			padding: 0;
			background-image: url(../images/style/bg-nav-top-br.png);
			background-position: 100% 100%;
			background-color: transparent;
			border: 0;
			}
		div.nav-top ul li.alt a strong {
			display: block;
			padding:  6px 30px 7px 10px;
			background-image: url(../images/style/bg-nav-top-arrow.png);
			background-position: 95% 50%;
			}
div.nav-main ul {
	float: right;
	height: 45px;
	background-image: url(../images/style/bg-nav-main.png);
	background-repeat: repeat-x;
	}
	div.nav-main ul li {
		
		}
	div.nav-main ul a {
		width: 122px;
		padding: 0 0 3px;
		color: #5c5b58;
		background-color: inherit;
		font-family: "Tahoma";
		font-size: 16px;
		text-decoration: none;
		}
		div div.nav-main ul li.first a {
			background-image: url(../images/style/bg-nav-main-l.png);
			background-repeat: no-repeat;
			}
		div div.nav-main ul li.last a {
			background-image: url(../images/style/bg-nav-main-r.png);
			background-position: 100% 0;
			background-repeat: none;
			}
		div.nav-main ul a strong {
			display: block;
			padding: 11px 0 15px;
			font-weight: normal;
			line-height: 1em;
			text-decoration: none;
			text-align: center;
			border-left: 1px solid #ededec;
			border-right: 1px solid #828280;
			}
		div.nav-main ul li.first a strong {
			border-left: 0;
			}
		div.nav-main ul li.last a strong {
			border-right: 0;
			}
	div.nav-main ul a:hover,
	div.nav-main ul li.selected a {
		color: #fff;
		background-color: inherit;
		background-image: url(../images/style/bg-nav-main-hover.png);
		background-repeat: repeat-x;
		text-decoration: none;
		}
		div.nav-main ul a:hover strong,
		div.nav-main ul li.selected a strong {
			
			font-weight: normal;
			letter-spacing: -1px;
			}
		div.nav-main ul li.first a:hover,
		div.nav-main ul li.selected.first a {
			background-image: url(../images/style/bg-nav-main-l-hover.png) ;
			
			}
		div.nav-main ul li.last a:hover,
		div.nav-main ul li.selected.last a {
			background-image: url(../images/style/bg-nav-main-r-hover.png) ;
			background-position: 100% 0;
			}
			
div.nav-sub ul {
	height: 40px;
	overflow: hidden;
	background-image: url(../images/style/bg-corner-tr.png);
			background-position: 100% 0;
	}
	div.nav-sub ul a {
		width: 110px;
		padding: 12px 0 10px;
		font-family: "Tahoma";
		font-size: 12px;
		text-decoration: none;
		border-bottom: 5px solid #aaa491;
		}
		div.nav-sub ul li.first a {
			background-image: url(../images/style/bg-corner-tl.png);
			}
		div.nav-sub ul li a {
			_margin-bottom: -9px;
			}
		*+html div.nav-sub ul li a {
			margin-bottom: -9px;
		    }
		div.nav-sub ul a strong {
			display: block;
			font-weight: normal;
			line-height: 1.1em;
			text-decoration: none;
			text-align: center;
			border-left: 1px solid #fff;
			}
		div.nav-sub ul li.first a strong {
			border-left: 0;
			}
	
div.nav-foot ul {
	
	}
	div.nav-foot ul li {
		
		}
	div.nav-foot ul a {
		padding: 2px 10px;
		border-left: 1px solid #4194c0;
		}
	div.nav-foot ul li.first a {
		padding-left: 0;
		border: 0;
		}




forumText.h4{
	font-size: 20px;

}

															/** TYPOGRAPHY **/
h1 {
	
	}
	h1.logo {
		padding: 50px 0 0 10px;
		width: 380px;
		}
		h1.logo a {
			height: 82px;
			}
h2 {
	
	color: #4194c0;
	background-color: inherit;
	font-size: 32px;
	line-height: 1.4em;
	}
	div.welcome h2 {
		margin: 0 0 5px -5px;
		font-size: 48px;
		}
	h2 em {
		display: block;
		color: #000;
		background-color: inherit;
		font-size: 18px;
		font-style: normal;
		}
	.red h2 {
		color: #b32d50;
		background-color: inherit;
		}
	.blue h2 {
		color: #0f417f;
		background-color: inherit;
		}
		
		.topicTitle h2 {
	color: #b32d50;
	background-color: inherit;
	font-size: 16px;
	line-height: 1.4em;
	margin:10px 10px 0 0;
	}
h3 {
	
	}
	h3,
	div.homepage h3,
	div.features h3 {
		color: #fff;
		background-color: #4194c0;
		background-image: url(../images/style/bg-corner-tl.png);
		border-bottom: 7px solid #2a749d;
		background-repeat: no-repeat;
		}
	.content-in h3 {
	    color: inherit;
	    background: #fff;
	    border: 0;
	}
	div.features h3 {
		border-bottom: 0;
		}
	h3 strong,
	div.features h3 strong {
		color: #fff;
		display: block;
		padding: 8px 20px 5px;
		background-image: url(../images/style/bg-corner-tr.png);
		background-position: 100% 0;
		font-size: 20px;
		font-weight: normal;
		}
	div.features .text {
	    color: #fff;
	    padding: 0 10px;
	}

h4 {

	}
	div.article h4 {
		margin: 0 0 2px 0;
		color: #000;
		background-color: inherit;
		font-size: 20px;
		}
		div.aside div.article h4 {
			margin: 0 0 5px 0;
			font-size: 13px;
			line-height: 1em;
			}
		div.aside .ticks div.article h4 {
			padding: 10px 0 0 0;
			}
	div.article h4 a {
		color: #000;
		background-color: inherit;
		line-height: 1em;
		font-weight: bold;
		}
		.friendStyle h4 {
		margin-bottom:10px;
		font-weight:bolder;
		}

.fontBold h4 {
font-weight:bolder;
}


blockquote {
	padding-left:2.2em;
}
address, pre {
    margin-bottom:1.6em;   
}

p, li {
	padding: 0 0 10px;
	font-size: 14px;
	line-height: 1.2em;
	}
	div div.page div.content-in {
		padding: 0 20px 10px;
		}
	div.article p {
		padding: 0 0 5px;
		font-size: 12px;
		}
	div.article .bttn, .bttn {
		height: 25px;
		margin: 5px 0 0;
		}
		div.article span.date {
			display: block;
			color: #333;
			background-color: inherit;
			font-weight: bold;
			}
		div.article p strong {
			color: #333;
			background-color: inherit;
			}
	div.aside .highlight {
		font-size: 16px;
		text-align: center;
		padding: 5px 20px;
		font-weight: bold;
		background-color: inherit;
		}
	div.aside .padded {
	    padding: 5px 20px;
	    }
		
	div.features p {
		
		color: #fff;
		}
	div.features .text a  {
		text-decoration: underline;
		color: #fff;
		}
	div.features .text div.bttn strong  {
		color: #000;
		}
a {
	color: #4194c0;
	background-color: inherit;
	text-decoration: none;
	}
	a:hover {
		color: #333;
		background-color: inherit;
		cursor:pointer;
		/*text-decoration: underline;*/
		}
	div.article div.bttn a, .bttn a {
		float: left;
		
		background-color: #4194c0;
		background-image: url(../images/style/bg-a-bttn-l.png);
		}
		div.article div.bttn strong, .bttn strong {
			display: block;
			padding: 4px 30px 6px 8px;
			color: #fff;
			background-color: transparent;
			background-image: url(../images/style/bg-a-bttn-r.png);
			background-position: 100% 0;
			font-weight: normal;
			cursor: pointer;
			float:left;
			}
	div.aside div.article div.bttn a {
		
		background-color: #fff;
		background-image: none;
		}
		div.aside .alt div.article div.bttn {
			float: right;
			margin: 3px 0 0;
			}
		div.aside div.article div.bttn strong {
			display: block;
			padding: 0 15px 0 0;
			color: #4194c0;
			background-color: transparent;
			background-image: url(../images/style/bg-a-bttn-arrow.png);
			background-position: 100% 50%;
			font-weight: normal;
			cursor: pointer;
			}
		div.green div.article div.bttn strong {
			color: #a29e0c;
			background-color: transparent;
			background-image: url(../images/style/bg-a-bttn-arrow-green.png);
			}
		div.burgundy div.article div.bttn strong {
			color: #945974;
			background-color: transparent;
			background-image: url(../images/style/bg-a-bttn-arrow-burgundy.png);
			}
		div.red div.article div.bttn strong {
			color: #b32d50;
			background-color: transparent;
			background-image: url(../images/style/bg-a-bttn-arrow-red.png);
			}
		
	div.features div.bttn {
		margin: 1px 0 15px;
		}
	div.features div.bttn a {
		float: left;
			background-image: url(../images/style/bg-a-bttn-arrow-features.png);
			background-position: 100% 50%;
		_background-image: none;
			background-color: transparent;
		}
	div.features div.bttn a:hover {
		text-decoration: none;
		}
		div.features div.bttn strong {
			display: block;
			margin: 0 18px 0 0;
			padding: 5px 5px 4px 5px;
			color: #b32e50;
			background-color: transparent;
			_background-color: #fff;
		_background-image: none;
		background-image: url(../images/style/bg-a-bttn-l-features.png);
			background-position: 0 50%;
			font-weight: normal;
			cursor: pointer;
			}
		*+html div.features div.bttn strong {
			padding: 2px 5px 4px 5px;
			}

.siteHolder p {
font-size:9px;
float:right;
padding:0;
margin:0;
}




															/** FORMS **/
form {
	
	}
	
	form label {
	width:140px;
	}
	
	form fieldset {
		
		}
	div form.search {
		float: right;
		padding: 3px 0;
		width: 215px;
		}
		form.search label {
			width: auto;
			padding: 0 10px 0 0;
			font-weight: bold;
			}
		form.search div.text {
			width: 200px;
			margin: 0 -5px 0 0;
			}
		form.search div.text input {
			padding: 1px 1px 2px;
			font-size: 11px;
			border: 1px solid #8f8f8f;
			}
		form.search .button {
			position: relative;
			overflow: visible;
			}
		form.search div.button button {
			margin: -4px 0 0 -10px;
			}
		form.search div.button button {
			position: relative;
			overflow: visible;
			width: 25px;
			height: 26px;
			color: inherit;
			background-color: transparent;
			background-image: url(../images/style/button-search.png);
			background-image: url(../images/style/8bit/button-search.png);
			text-indent: -9999em;
			border: 0;
			}
	
.dynamic-form {
	
	}
	.dynamic-form .CheckBoxList .checkbox input {
		margin: 5px 0 0 8em;
		}
	.dynamic-form .CheckBoxList .checkbox label {
		width: 70%;
		}
	.dynamic-form button {
		/*margin: 5px 0 0 7.5em;
		background-color:#4194c0;
		color:#FFFFFF;
		float:right;
		border:none;
		margin-bottom:20px;*/
		padding: 4px 2px 6px 4px;
			color: #fff;
			width:80px;
			font-size:12px;
			height:31px;
			background-image: url(../images/submit_bg.gif);
			background-repeat:no-repeat;
			margin-top:10px;
			margin-left:145px;
			margin-bottom:30px;
		}

div.blog div.content-in {
    padding: 10px 20px 10px;
}
.post-list, .blog-post {
    margin: 0;
    }
    .post-list li {
        padding: 0 20px 10px 0px;
        list-style-type: none;
        margin: 10px 0 0 0;
        border-bottom: 1px solid #ccc;
        }
    .line {
        padding: 0 20px 10px 0px;
        
        margin: 10px 0 0 0;
        border-bottom: 0px solid #ccc;
        border-top: 1px solid #ccc;
        }
    div.page .content .post-list p {
        padding: 0 0 10px;
        }

.blog-archive ul {
    margin: 10px;
    }
.blog-archive li {
    list-style-type: none;
    }
    
.comments {
    padding: 0 20px 10px 0px;
    }
    .comments li {
        padding: 10px 0;
        }
    .comments h4 {
        padding: 10px 0;
        }


.article .bullet {
    background: url(../images/style/tick-red.png) no-repeat;
    width: 38px;
    height: 38px;
}
.yellow .article .bullet { background: url(../images/style/tick-yellow.png) no-repeat; }
.cyan .article .bullet { background: url(../images/colours/cyan-tick.png) no-repeat; }
.blue .article .bullet { background: url(../images/colours/blue-tick.png) no-repeat; }
.lime .article .bullet { background: url(../images/colours/lime-tick.png) no-repeat; }



#slider {
    height: 358px;
    overflow: hidden;
}

.pagination-clean {
    margin: 10px 0 0 0;   
}
.pagination-clean li{
    border:0; margin:0; padding:0;
    font-size:11px;
    list-style:none;
    margin-right:2px;
    padding:3px 6px;
    float:left;
    
}
    .pagination-clean .previous-off,
    .pagination-clean .next-off {
        color:#888888;
        display:block;
        float:left;
        font-weight:bold;
    }
    .pagination-clean .next a,
    .pagination-clean .previous a {
        font-weight:bold;
        
    }
    .pagination-clean .next {
        float: left;
        }
    .pagination-clean .active{
        color: #000000;
        font-weight:bold;
        display:block;
        float:left;
        
    }
    .pagination-clean a:link,
    .pagination-clean a:visited {
        color:#2a749d;
        display:block;
        float:left;
        text-decoration:none;
    }
    .pagination-clean a:hover{
        text-decoration:none;
    }



div.signup {
    margin-top: 5px;
}
    div.signup .bttn {
        float: left;
        margin-left: 240px;
        _margin-left: 120px;
		margin-bottom:30px;
    }
    div.signup ol {
        margin: 0;
    }
        div.signup li {
            list-style-type: none;
            clear: left;
            padding: 5px 0;
			font-size:12px;
        }
            div.signup li label {
                width: 235px;
            }
            div.signup li div {
                float: left;
            }
                div.signup li div input, div.signup li div label {
                    width: auto;
                    clear: none;
                }
                div.signup li div input {
                    margin: 0.3em;
                }
            div.signup li select {
                width: 250px;
            }
            


.error, .field-validation-error {
    background: none;
    color: Red;
}
.field-validation-error {
    padding-left: 8px;
}
.field-error {
    border: 1px solid Red;
}
.field-error-label {
    color: Red;
}

.notice {
    padding: 10px;
    margin: 10px;
    background: #b5b10f;
    border: 2px solid #a29e0c;
    color: #fff;
    font-weight: bold;
}


.search-results {
    
    }
    .search-results ul {
        overflow: hidden;
        position: relative;
        margin: 0;
        }
    .search-results .figure {
        float: left;
        margin: 0 10px 10px 0;
        }
        
    .search-results .count {
        float: left;
        margin: 0 5px 5px 0;
        height: 70px;
        }
    .search-results li {
        clear: left;
        }
        

div.login label {
    width: 70px;
    margin-left: 20px
}
    div.login .signuphere {
        float: left;
        margin: 7px 0 0 20px;
    }
    div.login .bttn {
        float: right;
        margin: 6px 10px 10px 0;
    }
    div.aside .login .highlight, div.login label {
        color: #000;
        margin-top:2px;
    }
    
.floatleft { float: left; margin: 0 10px 10px 0; }
.floatright { float: right; margin: 0 0 10px 10px; }
.scrollContainer { height: 285px; overflow: hidden; }

#check-form { display: none; }

#login a {
    color: #90233C;
    }
	
/*.sendForm {
background-color:#4194c0;
color:#FFFFFF;
float:right;
border:none;
margin-bottom:20px;
}*/	
    
	
	
	
	
.sendForm {
			padding: 3px 0px 6px 8px;
			color: #fff;
			width:80px;
			font-size:12px;
			font-weight:100;
			height:31px;
			background-image: url(../images/submit_bg.gif);
			background-repeat:no-repeat;
			margin-top:10px;
			margin-left:240px;
			margin-bottom:30px;
			}	
	
.rounded.first .bttn {
	margin-right: 30px;
}
	.rounded.first .bttn strong {
		padding-right: 40px;
		font-weight: bold
	}


.aside-right .boxy img {
    margin-left: 50px;
    
}
.input-validation-error { border: 1px solid Red; }