/**
 * CSS Prolyte
 * @author Creative Industries
 */

 
/**
* General
*/

html {
	height:							100%;
}

body {
	height:							100%;
	
	margin:							0px;
	padding:						0px;
	
	color:							#000000;
	background-color:				#e4e4c5;
	background-image:				url("images/background-top.jpg");
	background-repeat:				no-repeat;
	background-position:			top center;
	
	font-size:						12px;
	font-family:					Arial, serif;
	
	overflow:						scroll;
    overflow:						-moz-scrollbars-vertical;
}

#wrapper {	
	width:							828px;
	height:							100%;
	
	margin-left:					auto;
	margin-right:					auto;
	
	background-color:				#FFFFF2;
}

#container {
	min-height:						100%;
	
	position:						relative;
	
	background-color:				#FFFFF1;
}

*html #container {
	height:							100%;
}

#left {
	width:							206px;
	
	float:							left;
	overflow:						hidden;
	margin-bottom:					20px;
}

#right {
	width:							600px;
	
	float:							left;
	
	margin-left:					16px;
}

.clear {
	height:							0px;
	
	overflow:						hidden;
	clear:							both;
}

a {
	text-decoration:				none;
	color:							#000000;
}

a:hover {
	text-decoration:				underline;
}

a img {
	border:							0;
}

h1 {
	margin:							0px;
	padding:						11px 0px 1px 20px;
	
	background-color:				#FFFFF2;
	background-image:				url("images/background-h1.jpg");
	background-repeat:				no-repeat;
	
	font-size:						14px;
	font-weight:					bold;
	
}

h2 {

}

h3 {
	margin:							0px;
	padding:						0px;
}

h4 {
	font-size:						60px;
	line-height:					66px;
	
	margin:							0px;
	padding:						0px;
}

p {
	margin:							0 0 1em 0;
}

/**
* MAIN MENU - rest of the main menu style can be found in menu.css
*/

#mainMenu {
	width:							206px;
	
	margin:							0;
	padding:						0;
	
	list-style-type:				none;
}

/**
* CONTENT
*/

#contentContainer {
	width:							566px;
	
	margin-bottom:					50px;
	
	background-color:				#EAF6D7;
}

#content {
	padding:						25px 30px 5px 20px;
	
	line-height:					1.7em;
}

#contentFooter {
	height:							67px;
	
	background-image:				url("images/content-footer2.jpg");
	background-repeat:				no-repeat;
}

/**
* FORM
*/

input.contact {
	width:							100%;
	
	border:							0;
	
	background-color:				#FFFFEE;
	font-family:					Arial, Serif;
	font-size:						11px;
}

textarea.contact {
	width:							100%;
	height:							60px;
	
	border:							0;
	
	background-color:				#FFFFEE;
	font-family:					Arial, Serif;
	font-size:						11px;
}

.formsubmit {
	float:							right;
}

a.submitbutton {
	position:						relative;
	top:							-10px;
}

/**
* SEARCH
*/

.searchResult {
	height:							110px;
	
	padding-left:					40px;
	
	background-image:				url("images/background-searchResult.jpg");
	background-repeat:				no-repeat;
	background-position:			
	
	border:							1px solid red;
}

.searchResult a:hover {
	color:							#9C5697;
}

.searchResultNumber {
	width:							25px;
	
	position:						relative;
	float:							left;
	left:							-36px;
	top:							6px;
	
	margin-right:					-25px;
	
	text-align:						center;
	font-weight:					bold;
}

.searchPageNav {
	float:							right;
}

.searchResultTitle {
	font-weight:					bold;
	font-size:						16px;
	color:							#9B5596;
}

.searchBreadcrumb, .searchBreadcrumb a {
	font-size:						10px;
	color:							#888888;
}

/**
* DO & DON'T
*/

#dodontOverview {

}

.do {
	margin-bottom:					10px;
	
	padding-bottom:					3px;
	
	background-image:				url("images/background-do.jpg");
	background-repeat:				no-repeat;
	background-position:			5px bottom;
}

.dont {
	margin-bottom:					10px;
	
	padding-bottom:					3px;
	
	background-image:				url("images/background-dont.jpg");
	background-repeat:				no-repeat;
	background-position:			bottom;
}

.dodontLeft {
	float:							left;
}

.dodontRight {
	height:							35px;
	width:							460px;
	
	margin-top:						5px;
	
	float:							left;
	
	overflow:						hidden;
}

.readMore {
	float:							right;
}

/**
* DO / DONT BLOCK ON EVERY PAGE
*/

#dodontSubmit {
	margin-top:						40px;
}

#dodontContainer {
	width:							200px;
	
	margin-top:						20px;
	margin-left:					10px;
}

.dodontBlock {
	padding:						5px 0px 5px 4px;
}

.dodontBlockLeft {
	float:							left;
}

.dodontBlockRight {
	width:							120px;
	
	padding-top:					10px;
	
	float:							left;
}

#dodontShowall {
	position:						relative;
	float:							right;
	right:							14px;
}

#dodontShowall img{
	position:						relative;
	top:							8px;
}

.dodontBlock a:hover, #dodontOverview a:hover {
	text-decoration:				none;
	color:							#9C5697;					
}

/**
* FOOTER
*/

#footer {
	height:							55px;
	
	position:						relative;
	
	margin-top:						-55px;
	
	background-image:				url("images/background-footer.jpg");
	background-repeat:				no-repeat;
	background-position:			bottom;
}

#footerLogos {
	float:							left;
	margin-left:					5px;
}

#siteHelpers {
	float:							right;
}

#search {
	float:							right;
}

#search input {
	height:							13px;
	font-size:						10px;
}

#search input.image {	
	width:							25px;
	height:							25px;
	
	position:						relative;
	top:							9px;
}

#search a {
	text-decoration:				none;
	color:							#000000;	
}

#search a:hover {
	text-decoration:				underline;
}

/**
* FORUM
*/

.forumTableHeader {
	vertical-align:					top;
	
	font-size:						10px;
	color:							#888888;
}

.forumGroup {
	padding-bottom:					25px;
	margin-bottom:					5px;
	padding-right:					10px;
	
	background-image:				url("images/forumSpacer.jpg");
	background-repeat:				no-repeat;
	background-position:			bottom center;
}

.forumGroupTitle {
	padding-left:					20px;
	
	background-image:				url("images/forumGroup.gif");
	background-repeat:				no-repeat;
	background-position:			0px 4px;
}

.forumGroupTitle a{
	font-size:						14px;
	font-weight:					bold;
	color:							#9B5596;
}

.forumGroupInfo {
	float:							right;
	font-size:						10px;
	
	color:							#888888;
}

.forumGroupDescription {
	padding:						3px 0px;
	
	font-size:						11px;
}

.subjectIntro {
	padding-bottom:					25px;
	margin-bottom:					5px;
	
	background-image:				url("images/forumSpacer.jpg");
	background-repeat:				no-repeat;
	background-position:			bottom center;
}

.subjectTitleLarge {
	font-size:						20px;
	font-weight:					bold;
	color:							#9B5596;
}

.forumTopicTitle {
	padding-left:					20px;
	
	background-image:				url("images/forumTopic.gif");
	background-repeat:				no-repeat;
	background-position:			0px 0px;
}

.forumTopicTitle a{
	font-size:						13px;
	font-weight:					bold;
	color:							#9B5596;
}

.forumReply {
	padding-bottom:					15px;
}

.forumReplyPoster {
	font-weight:					bold;
	color:							#5D2959;
}

.forumReplyTitle {
	font-size:						13px;
	font-weight:					bold;
	color:							#9B5596;
}

.forumReplyDate {
	font-size:						10px;
	
	color:							#888888;
}

.forumPath, .forumPath a {
	font-size:						10px;
	color:							#888888;
}