/* Website Designed and Created by Alex Borton at Infocentre (http://www.infocentre.com) */

html { overflow-y: scroll; }

* { margin: 0; padding: 0; }

h1 { margin: 0 0 5px; color:#666666; letter-spacing: -1px; }

h2 { margin: 0 0 5px; color:#666666; letter-spacing: -1px; }

h3 { margin: 0 0 5px; color: #1f1f1f; }

h4 {  }

h5 {  }

p { margin: 7px 0; }

ul { list-style-type: circle; }

	li { margin-left: 40px; }

a { color: #1940B5; text-decoration: none; }
	a:hover { color: #000066; text-decoration: underline; }

.button-link { padding: 3px 6px; color: #FFF; background: #10196C; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; }
	.button-link:hover { background: #1940B5; color: #FFF; }

a img { border: none; }
	a img:hover {  }
	
/* Positioning */

.clear { clear: both; height: 1px; display: block; } .clearL { clear: left; height: 1px; display: block; } .clearR { clear: right; height: 1px; display: block; }

.floatR { float: right; } .floatL { float: left; }
	img.floatR { margin: 0 0 5px 5px; } img.floatL { margin: 0 5px 5px 0; }

.pos-l { position: relative; left: 0; } .pos-r { position: relative; right: 0; }

.textR { text-align: right; } .textL { text-align: left; }

body { font: 14pt Garamond,"Times New Roman",serif normal; color: #1f1f1f; }

#page-wrap {
  width: 900px;
  margin: 10px auto;
  position: relative;
  }

/* Main Content */

#main-content {
  position:relative;
  top: 120px;
  padding: 0 20px
  }
	.one-third {
 		width: 300px;
 		}
 	.two-third {
 		width: 530px;
 		}
 	.half {
 		width: 420px;
 		}
 	.full {
 		width: 100%;
 		}
 		.venue-container {
 			float: left;
 			width: 260px;
 			margin: 0 5px 5px 0;
 			text-align: center;	
 			}
 			.venue-container img {
 				border: 3px #1940B5 solid; 
 				margin-bottom: 5px;
 				}
 			.venue-container.grey {
 				background: #f1f1f1;
 				}
 				.venue-container p {
 					font-size: 9pt;
 					}
 					.smaller {
 						font-size: 12pt;
 						}
 			.full .venue-container {
 				margin: 0 13px 10px;
 				}
 		.container {
 			border-bottom: 1px #1940B5 solid;
 			padding: 5px 0 0;
 			}
 	.thickbox img {
 		border: 3px #1940B5 solid;
 		}
 	.hover-button {
 		height: 56px;
 		overflow: hidden;
 		margin-bottom: 5px;
 		}
 		.hover-button h2 {
 			position: relative;
 			top: -40px; left: 10px;
 			font-weight: normal;
 			}
 			.hover-button h2 a {
				color: #FFFFFF;
				background: transparent url('../images/blue-transparent.png') repeat;
				padding: 0 6px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				}
				.hover-button h2 a:hover {
 					background: #10196C;
 					}
 			.hover-button img {
 				border: 3px #1940B5 solid;
 				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
 				}
 		.expand {
 			height: 176px;
 			}
/* Banner Wrap */

#banner-wrap {
  position: absolute;
  top: 0; left: 0; z-index: 1;
  width: 900px;
  background: #10196C;
  -moz-border-radius: 20px 20px 20px 0;
  -webkit-border-radius: 20px 20px 20px 0;
  }
  #banner-heading {
  	font-size: 88pt;
  	font-family: Garamond;
  	letter-spacing: -4px;
  	color: #FFF;
  	margin: -15px 0 0 15px;
  	padding: 0 0 15px;
  	float: left;
  	font-weight: normal;
  	}
  	#banner-slogan {
  		color: #5C656C;
  		font-weight: normal;
  		font-size: 25pt;
  		letter-spacing: -2px;
  		position: absolute;
  		top: 90px; left: 680px;
  		}
 	#links {
 		position:relative;
 		top: 130px; left: 15px; z-index: 2;
 		}
 		#certificate-links {
 			list-style: none;
 			}
 			#certificate-links li {
 				display: inline;
 				margin: 0;
 				}
 	#contact-details {
 		position: absolute;
 		top: 133px; right: 20px;
 		}
 		#contact-details p {
 			font-size: 10pt;
 			}
 	/* Navigation */	
	
	#navigation {
		position: relative;
		top: 120px; left: 0; z-index: 2;
 		list-style: none;
 		}
 		#navigation li {
 			float:left;
 			margin: 0 4px 0 0;
 			line-height: 50px;
 			}
 			#navigation li a {
 				padding: 16px 15px 6px;
 				background: #10196C;
 				color: #FFF;
 				text-decoration: none;
 				-moz-border-radius: 10px;
       	-webkit-border-radius: 10px;
 				}
 				#navigation li a:hover, #navigation li.current-page a {
 					background: #1940B5; 
 					}
 					#navigation li:first-child a:hover, #navigation li.current-page:first-child a {
 					  -moz-border-radius: 0 10px 10px 10px;
           	-webkit-border-radius: 0 10px 10px 10px;
 						}
 						#navigation li.drop-down a:hover {
 							-moz-border-radius: 10px 10px 0 0;
            	-webkit-border-radius: 10px 10px 0 0;
 							}
 			#navigation li.drop-down ul {
 				visibility: hidden;
 				position: absolute;
 				list-style: none;
 				top: 45px;
 				.margin-left: -95px;
 				background: #10196C;
 				-moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
 				}
 				#navigation li.drop-down ul li {
 					float: none;
 					line-height: 30px;
 					margin: 0;
 					}
 					#navigation li.drop-down ul li a {
 						background: #10196C;
 						padding: 5px 15px ;
 						-moz-border-radius: 0 10px 10px 0;
            -webkit-border-radius: 0 10px 10px 0;
 						}
 						#navigation li.drop-down ul li a:hover, #navigation li.drop-down ul li.current-page a {
 							-moz-border-radius: 0 10px 10px 0;
             	-webkit-border-radius: 0 10px 10px 0;
             	background: #1940B5;
 							}

/* Footer */

#footer-wrap {
  position:relative;
  top: 130px; left: 0;
  padding: 5px;
  background: #10196C;
  text-align: center; 
  color: #FFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  }
  #footer-wrap a {
 		padding: 2px 5px;
 		color: #FFF;
 		background: #1940B5;
 		-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
 		}
 		#footer-wrap p {
	  	font-size: 12pt;
	  	}
  #sub-footer {
  	font-size: 9pt;
  	text-align: right;
  	width: 300px;
  	float: right;
  	position: relative;
  	top: 130px; right: 15px; z-index: 5;
  	padding-bottom: 20px;
 		}
 		
/*Form Styling */

#formWrap {
	width: 180px;
	}
	#contactFormWrap {
		width: 400px;
		margin:0 auto;
		}
		.field .textboxMultiline {
			width: 250px;
			height: 150px;
			border: 1px #11196C solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
	form#contactForm {
		width: 400px;
		padding: 10px;
		background: #f1f1f1;
		}

	.label {
		width:50px;
		font-size:9pt;
		font-family:century gothic,Garamond,"Times New Roman",serif normal;
		float:left;
		line-height:27px;
		}
		.label p {
			line-height: 9pt;
			margin: 15px 0 0 0;
			}
	.field {
		width: 105px;
		float: left;
		}
		.field .textbox {
			width: 100px;
			border: 1px #11196C solid;
			padding: 2px;
			margin: 5px 0 0 0;
			}
	.button {
		text-align: right;
		width: 100px;
		float:right;
		}
		.buttonClass {
			border: none;
			background: #11196C;
			font-family:century gothic,Garamond,"Times New Roman",serif normal;
			font-size:12pt;
			margin: 0 3px 0 0;
			color: #FFF;
			padding: 3px 10px; 		
			-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;

			}
			.buttonClass:hover {
				background: #1940CF;
				color:#FFFFFF;
				cursor:pointer;
				}
			p.termsLink {
				font-size: 8pt;
				margin: 12px 0 0 0;
				}	
	.validation ul {
		list-style: none;
		margin: 2px 0 0 0;
		}
		.validation ul li {
			list-style:none;
			color:#FF3300;
			font-size: 8pt;
			}	
	.validateError { 
		float: left;
		padding: 5px;
		font-size: 8pt;
		}	
 		
/* Other Styling */

.grey { color:#CAC8CB }

.dark-blue { color: #000066; }

.bold { font-weight: bold; } .italic { font-style: italic; }
 
.hidden { display: none; }

.no-width { width: auto; }