body{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #ffffff;
	color: #4f606e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

.form_warnings {
	color: #eb2323;
	padding:0;
	margin:0;
	font-size: 1em;
	}
	
/*----------------------------------------links-------------------*/

#links{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	}
		
	#links ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	#links li{
		background-image: url(../images/icon-example.gif);
		background-repeat: no-repeat;
		background-position: 0 14px;
		list-style-type: none;
		padding-top:8px;
		padding-left:12px;
		}
	#links a{
		text-decoration: none;
		font-size: 0.9em;
		color: #5990bb;	
		background-color: #dfe2e5;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	#links a:hover{
		color: #4f606e;	
		text-decoration: underline;
	}
	
/*----------------------------------------links-------------------*/

/*----------------------------------------Position Main Interface-------------------*/

#interface {
	margin: 0px auto;
	width: 760px;
	}
	
	#container {
		float: left;
		margin: 5px 0 0 0;
		padding: 0 0 0 0;
		width: 760px;
	}
	/*----------------------------------------Header-------------------------------*/	
		#header {
			height: 129px;
			width: 760px;
			display: block;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			}
		
	/*----------------------------------------Horizontal menu-------------------------------*/	
		#horizontal-menu {
			height: 33px;
			width: 760px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-image: url(../images/menu-background.gif);
			background-repeat: no-repeat;
			}
			#horizontal-menu-list{
				float:left;
				width: 365px;
				list-style: none;
				padding: 0 20px 0 182px;
				margin: 7px 0 0 0;
				}
			
			#horizontal-menu-list a{
				text-decoration: none;
				color: #ffffff;
				background-color: #4f606e;
				font-weight: bold;
				font-size: 1em;
				}
			
			#horizontal-menu-list a:hover{
				text-decoration: underline;
				}
			
			#horizontal-menu-list li{
				float: left;
				padding: 0 0 0 20px;
				margin: 0 0 0 0;
				}
			#horizontal-menu-list #horizontal-menu-list-contact-us{
				width: 80px;
				}
			
			
			#horizontal-menu-contact-details{
				float: left;
				color: #ffffff;
				background-color: #4f606e;
				list-style: none;
				font-size: 0.7em;
				padding: 0 0 0 22px;
				margin: 3px 0 0 0;
				}
			
			#horizontal-menu-contact-details a{
				text-decoration: none;
				color: #8cc2ee;
				background-color: #4f606e;
				}
			
			#horizontal-menu-contact-details a:hover{
				text-decoration: underline;
				}
	
	/*---------------------------------------Wrapper-----------------------------*/
		#wrapper{
			float: left;
			width: 760px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-image: url(../images/wrapper-width.gif);
			background-repeat: repeat-y;
			}
			
			
			/*----------------------------------------------Left Column-----------------------------------*/
			#left-column{
				float: left;
				width: 187px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				}
				#vertical-menu{
					float: left;
					width: 187px;
					background-image: url(../images/left-column-width.gif);
					background-repeat: repeat-y;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					}
				
				#vertical-menu ul{
					float: left;
					list-style: none;
					padding: 0 0 13px 20px;
					margin: 9px 0 0 0;
					}
				
				#vertical-menu li{
					padding: 0 0 0 0;
					margin: 4px 0 0 0;
					}
				
				#vertical-menu a{
					text-decoration: none;
					color: #8cc2ee;	
					background-color: #4f606e;
					}
				
				#vertical-menu a:hover{
					text-decoration: underline;
					}
				
				.photo-left-column{
					float: left;
					width: 187px;
					height: 152px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border-top: 1px solid white;
					border-right: 1px solid white;
					border-bottom: 1px solid white;
					border-collapse:collapse;
					}
			
			/*----------------------------------------------Right Column-----------------------------------*/
			#right-column{
				float: right;
				width: 570px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				}
			
			#wrapper-content{
				float: left;
				width: 502px;
				margin: 29px 0 0 0;
				padding: 0 0 30px 30px;
				}
			
			/*------------------------------------------Generic styles--------------------------*/
			#wrapper-content h3{
				font-size: 1.4em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 15px 0;
				margin: 0 0 0 0;
				}
			
			#wrapper-content h4{
				font-size: 1.1em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 10px 0;
				margin: 0 0 0 0;
				}
			
			#wrapper-content p{
				/*float: left;*/ /*Need to remove because it overrides inline styles that are applied in tinymce*/
				font-size: 1em;
				padding: 0 15px 15px 0;
				margin: 0 0 0 0;
				}
			
			#wrapper-content .smaller-text{
				font-size: 0.9em;
				color: #999999;
				background-color: #dfe2e5;
				}
				
				
					/*-------------------------------------Pages with EXAMPLES column on the right----------------*/
					
					#content_paragraph { 
						clear:both
						}
					#content-left-wrapper {
						float: left;
						width: 344px;
						}
					#content-left-wrapper ul {
						margin:0 0 16px 15px;
						padding-left:12px;
						}
					#content-left-wrapper ul li {
						/*background-image: url(../images/icon-example.gif);
						background-repeat: no-repeat;
						background-position: 0 14px;
						list-style:none;*/
						padding-top:8px;
						padding:0;
						}
						
					#thumbnails {
						width:300px;
						margin:0;
						padding:0;
						}
					#thumbnails ul {
						width:300px;
						margin:0 0 16px 10px;
						padding:0;
						}
					#thumbnails ul li {
						list-style:none;
						float: left;
						height:69px;
						margin: 0 15px 15px 0;
						padding:0;
						border: 1px solid #4f606e;
						}
							
					a:link {
						text-decoration: none;
						font-size: 1em;
						color: #5990bb;	
						background-color: #dfe2e5;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}
					a:visited {
						text-decoration: none;
						font-size: 1em;
						color: #5990bb;	
						background-color: #dfe2e5;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}
					a:active {
						text-decoration: none;
						font-size: 1em;
						color: #5990bb;	
						background-color: #dfe2e5;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}
					a:hover{
						color: #4f606e;	
						text-decoration: underline;
					}	
						
					/*#links li{
						background-image: url(../images/icon-example.gif);
						background-repeat: no-repeat;
						background-position: 0 14px;
						list-style-type: none;
						padding-top:8px;
						padding-left:12px;
						}
					a:link {
						text-decoration: none;
						font-size: 0.9em;
						color: #5990bb;	
						background-color: #dfe2e5;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}
					a:hover{
						color: #4f606e;	
						text-decoration: underline;
					}		*/
					#examples-wrapper{
						float: right;
						width: 136px;
						padding: 0 0 0 22px;
						margin: 0 0 0 0;
						}
					
					#examples-wrapper .example a{
						text-decoration: none;
						background-image: url(../images/icon-example.gif);
						background-repeat: no-repeat;
						background-position: 0 4px;
						font-size: 0.8em;
						color: #4f606e;	
						background-color: #dfe2e5;
						padding: 0 0 0 7px;
						margin: 0 0 0 0;
						}
					
					#examples-wrapper .example a:hover{
						color: #333333;
						background-color: #dfe2e5;
						}
					
					#examples-wrapper .example .zone-picture{
						width: 119px;
						height: 78px;
						background-image: none;
						border: 1px solid #4f606e;
						padding: 0 0 0 0;
						margin: 3px 0 15px 0;
						}
						
					#examples-wrapper .example .zone-picture a{
						width: 119px;
						height: 78px;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
						text-decoration: none;
						}
					/*------------------------------------Example page------------------------------*/
					#zone-picture-big {
						float: left;
						margin: 0 0 15px 0;
						padding: 0 0 0 0;
						border: 1px solid #4f606e;
						}
					#zone-picture-small {
						list-style:none;
						width:326px;
						float: left;
						margin: 0 0 15px 0;
						padding: 0 0 0 0;
						}
					/*#zone-picture-small li{
						list-style:none;
						float: left;
						margin: 0 15px 0 0;
						padding: 0 0 0 0;
						border: 1px solid #4f606e;
						}*/
					
					/*--------------------------------------News page-------------------------------*/
					.sum-up-news{
						float: left;
						width: 100%;
						margin: 15px 0 0 0;
						padding: 0 0 15px 0;
						border-bottom: 1px dashed #4f606e;
						font-size: 0.9em;
						}
					
					.sum-up-news a{
						text-decoration: none;
						color: #4f606e;	
						background-color: #dfe2e5; 
						}
					
					.sum-up-news a:hover{
						color: #333333;
						background-color: #dfe2e5;
						}
					/*--------------------------------------FAQs-------------------------------------*/
					#list-of-questions{
						list-style-type: none;
						margin: 0 0 0 0;
						padding: 0 0 5px 0;
						border-bottom: 1px dashed #4f606e;
						}
					#list-of-questions li{
						margin: 5px 0 0 0;
						padding: 0 0 0 0;
						}
					#list-of-questions a{
						text-decoration: none;
						background-image: url(../images/icon-example.gif);
						background-repeat: no-repeat;
						background-position: 0 5px;
						font-size: 0.9em;
						color: #4f606e;	
						background-color: #dfe2e5;
						padding: 0 0 0 10px;
						margin: 0 0 0 0;
					}
					#list-of-questions a:hover{
						text-decoration: underline;
					}
					
					#list-of-answers{
						font-size: 0.9em;
						line-height: 1.5em;
						float: left;
						width: 100%;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						}
						
						#list-of-answers ul{
						clear:both;
						width: 100%;
						}
					
					#list-of-answers ul li{
						float: left;
						width: 100%;
						margin-bottom:6px;
						}
					
					.question-answer{
						float: left;
						width: 100%;
						margin: 30px 0 0 0;
						padding: 0 0 0 0;
						border-bottom: 1px dashed #4f606e;
						}
					
					.faqs-top{
						float: right;
						margin: 0 0 0 0;
						padding: 0 0 5px 0;
						}
					.faqs-top a{
						text-decoration: none;
						color: #4f606e;	
						background-color: #dfe2e5;
						}
					
					.faqs-top a:hover{
						text-decoration: underline;
						}
					
					/*-------------------------------------Contact Page--------------------*/
						
					#contact-us {
						font-size: 0.9em;
						clear: both;
						margin: 0 0 0 30px;
						padding: 0 0 30px 0;
						}
						
					#contact-us ul{
						list-style:none;
						margin: 20px 0 0 0;
						padding: 0 0 0 0;
						}
					#contact-us li{
						margin: 0 0 2px 0;
						padding: 0 0 2.5px 25px;
						}
					
					#contact-us a{
						text-decoration: none;
						color: #5990bb;
						background-color: #dfe2e5;
						}
					#contact-us a:hover{
						text-decoration: underline;
						}
					
					#postalAddress{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/templates/images/icons/email_open_image.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
					
					#telephone{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/templates/images/icons/telephone.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
						
					#mobile{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/templates/images/icons/phone.png);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
					
					#emailAddress{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/templates/images/icons/email.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
			
					#contact-form{
						float: left;
						width: 490px;
						padding: 0 0 0 10px;
						margin: 10px 0 0 0;
						background-color: #f8f8f8;
						color: #505050;
						}
					
					#contact-form ul{
						list-style-type: none;
						float: left;
						padding: 0 0 10px 0;
						margin: 10px 0 0 0;
						}
					#contact-form li{
						float: left;
						width: 470px;
						padding: 0 0 5px 10px;
						margin: 5px 0 0 0;
						border-bottom: 1px dotted #dddddd;
						}
					
					#contact-form .contact-form-names{
						float: left;
						width: 60px;
						padding: 0 0 0 0;
						margin: 3px 0 0 0;
						display: block;
						}
					
					#contact-form input{
						float: left;
						width: 400px;
						padding: 0 0 0 0;
						margin: 2px 0 0 0;
						border: 1px solid #c3c1b9;		
						}
						
					#contact-form #contact-form-message{
						float: left;
						width: 460px;
						height: 100px;
						padding: 0 0 5px 0;
						margin: 0 0 0 0;
						border: 1px solid #c3c1b9;
						}
						
					#registration{
						float: left;
						margin: 20px 0 0 0;
						padding: 0 0 0 20px;
						font-size: 0.8em;
						}
		/*---------------------------------------Footer-----------------------------*/
		#footer{
			float: left;
			width: 760px;
			margin: 5px 0 0 0;
			padding: 0 0 20px 0;
			color: #8cc2ee;
			background-color: #ffffff;
			font-size: 0.7em;
		}
		#footer a{
			text-decoration: none;
			color: #8cc2ee;
			background-color: #ffffff;
		}
		#footer a:hover{
			text-decoration: underline;
		}
		#footer-left{
			float: left;
			padding: 0 0 0 15px;
			}
			
		#footer-right{
			float: right;
			padding: 0 15px 0 0;
			}