@import url(http://fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic);

.title_bar {
	background-image: url(../images/title_bar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	vertical-align: bottom;
}
.body_y {
	background-image: url(../images/body_y.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	vertical-align: top;
}
.header_top {
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.top_right {
	text-align: right;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #0A2081;
	text-decoration: underline;
}

.navtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #0A2081;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 3px;
	line-height: 16px;
}
.top_left {
	text-align: left;
	vertical-align: top;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0A2081;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-decoration: none;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	color: #0A2081;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	text-decoration: none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #091A6A;
	text-align: justify;
	vertical-align: top;
	margin: 0px;
	line-height: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.p_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0A2081;
	text-align: right;
	vertical-align: top;
	margin: 0px;
	padding: 7px;
}
.p_caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0A2081;
	text-align: center;
	vertical-align: top;
	margin: 0px;
}
.p_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CC0000;
}
.p_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0A2081;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 11px;
}
p_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: justify;
	vertical-align: top;
	margin: 0px;
	padding: 7px;
}
.title_position {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 7px;
}

.border_right {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #AAB8F9;
}

.white-body-bg {
	background-color: #FFFFFF;
}
.latest_news_panel {
	background-color: #FFCC00;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 1px solid #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	font-style: italic;
}
.copyright {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #0A2081;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 3px;
}

.large_b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: 0A2081;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 7px;
}
.large_red_c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	margin: 0px;
	line-height: 20px;
}
.large_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	line-height: 20px;
}

.scarborough_bg {
	background-image: url(../images/scarborough_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.top_center {
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.form_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0A2081;
	text-align: right;
	vertical-align: top;
	padding: 3px;
	margin: 0px;
}
.form_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0A2081;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	margin: 0px;
}


.underline {
	text-decoration: underline;
}
.medal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
}

.whiteheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	text-align: center;
	line-height: 22px;
}
.whitepara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	line-height: 17px;
}
.whitelinks {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.harmonystore {
	background-image: url(../images/harmonystore3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.halloffame {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990033;
	text-align: center;
	vertical-align: top;
	border: thin groove #FFFFC4;
	line-height: 21px;
}
.halloffamebigtype {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990033;
	text-align: center;
	vertical-align: top;
	line-height: 25px;
}
.large_green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1B6B36;
}
.youth_background {
	background-image: url(../images/Youth-Background.png);
}
.buttons_border {
	border: 1px solid #CCCCCC;
}
.image_border {
	border: 1px solid #0A2081;
}

.base_bar_border-top {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #081a6a;
}
.bold {
	font-weight: bold;
}
.bold_right {
	font-weight: bold;
	text-align: right;
}

.bold_red {
	font-weight: bold;
	color: #CC0000;
}

.body_y-blank {
	background-image: url(../images/body_y-blank.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.bg_gradient_top {
	background-image: url(../images/bg_gradient_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	vertical-align: top;
}
.quick-links_top {
	background-image: url(../images/quick-links_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.quick-links_y {
	background-image: url(../images/quick-links_y.gif);
	background-repeat: repeat-y;
	background-position: center;
	vertical-align: top;
}

.event_headings {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0A2081;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 7px;
	background-color: #E6EBFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0A2081;
}
.column_colour_01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0A2081;
	background-color: #F3F3F3;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-color: #0A2081;
	border-bottom-width: 1px;
}
.column_colour_02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0A2081;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-color: #0A2081;
	border-bottom-width: 1px;
}
.column_colour_02-C {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0A2081;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-bottom-style: solid;
	border-bottom-color: #0A2081;
	border-bottom-width: 1px;
}
.column_colour_02-redtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-color: #0A2081;
	border-bottom-width: 1px;
}

.italic {
	font-style: italic;
}
.bold-italic {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}
.centre {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right !important;
}
.bold_red_centre {
	font-weight: bold;
	color: #CC0000;
	text-align: center;
}
.picture_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0A2081;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.picture_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0A2081;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.border_top_dotted-light {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #091A6A;
}
a:visited {
	color: #006666;
	text-decoration: underline;
}
a:hover {
	color: #CC0000;
	text-decoration: none;
}
a:active {
	color: #0A2081;
	text-decoration: underline;
}
.whitelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none;
}




#quartet-reg-form table  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #091A6A;
	text-align: justify;
	vertical-align: top;
	margin: 0px;
	border:solid 1px #0a2081;
	line-height: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin:0 auto 0 auto;
	border-collapse:collapse;
}

#quartet-reg-form td  {
padding:10px 5px 10px 5px;
border:dotted 1px #0a2081;
border-top:none;
}

#quartet-reg-form th {

	padding:5px;
	border:dotted 1px #FFF;
	background:#0a2081;
	color:#FFF;
	border-bottom:solid 1px #0a2081;
	
	
}

#quartet-reg-form th p {border:none; color:#fff; padding:0;}

#quartet-reg-form input  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #091A6A;
	vertical-align:middle;
	padding:2px
}

#quartet-reg-form input.insidetable  {
	width:88%;
	margin:0 auto 0 auto;
}

#quartet-reg-form .container-table  {
	border:solid 2px #0a2081;

}

.no-border td, table.no-border  {
	border:none !important;

}

#quartet-reg-form textarea {
 
	width:85%;
	height:200px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #091A6A;
	margin: 2px;
	padding: 2px 5px 2px 5px;
	}
	

#quartet-reg-form input.submit, #quartet-reg-form-error input.submit {
	 
	width: 125px;
	height:24px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin: 10px 2px;
	padding: 2px;
	color: #FFF;
	background:#0a2081;
	border:none;
}

#quartet-reg-form-error input.submit {margin-left:20px;}

#quartet-reg-form input:hover.submit {background:#FFE6E6; border:#0A2081 solid 1px; color:#D3011E;}

#quartet-reg-form input:active.submit {	width: 125px;
	height:24px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin: 10px 2px;
	padding: 2px;
	color: #FFF;
	background:#0a2081;
	border:none;}




ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #091A6A;
	text-align: justify;
	vertical-align: top;
	margin: 0px;
	line-height: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	list-style:inside;
}

ul li {padding:3px 0;}


#convention-countdown {
	font-family:Verdana, Geneva, sans-serif;
	padding:10px;
	width:600px;
	background:red;
	font-weight:bold;
	color:#FFF;
	font-size:75%;
	margin-bottom:25px;
	border:solid 1px navy;	
}

#LTS-countdown {
	font-family:Verdana, Geneva, sans-serif;
	padding:10px;
	width:600px;
	background:#0e1e7d;
	font-weight:bold;
	color:#FFF;
	font-size:75%;
	margin-bottom:25px;
	border:solid 1px navy;	
}

#hc-countdown {
	font-family:Verdana, Geneva, sans-serif;
	padding:10px;
	width:600px;
	background:#00732b;
	font-weight:bold;
	color:#FFF;
	font-size:75%;
	margin-bottom:25px;
	border:solid 1px navy;
	text-align:center;
	margin:0 auto 25px auto;
	
}

#hc-countdown a {
	color:#FFF;
	text-decoration:none;
}



.center {text-align:center;}



*:focus{outline:none !important; /* Prevents blue border in Webkit */}

		
#form {		
			width:500px;
			margin: 20px auto;
			border:none;
			
		}
		
#form fieldset {
			width:50%;
			float:left;
			border:none;
			margin:0;
			padding:0;
		}
		
#form .enquiry {width:100%; float:left;}
		
#form label {
			height:21px; 
			line-height:21px;
			cursor:default;}
 
#form input, #form textarea {
			
			background-color:#fff;
			border:1px solid #999;
			font-size:11px;
			font-family:Tahoma, Geneva, sans-serif;
			color:#333;
			width:90%;
			height:19px;
			display:block;
			margin:5px 0 16px 0;
			padding:2px;			
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;

		}
		
		
#form textarea {
			    width:95%;
				min-height:100px;						
		}

		
#form input:valid, textarea:valid   {  }

 
#form input:focus, textarea:focus {
			-webkit-box-shadow:0 0 15px #ccc;
			-moz-box-shadow:0 0 15px #ccc;
			box-shadow:0 0 15px #ccc;			
			
		}
		
		/* The interesting bit */
		
#form input:not(:focus), textarea:not(:focus) {
			opacity:0.9;
			
		}
		
#form input:required, textarea:required {
			background:#FFF url("img/asterisk_orange.png") no-repeat 98% 0.3em;						
		}
 
#form input:valid, textarea:valid {
			background:#FFF url("img/tick.png") no-repeat 98% 0.3em;			
		}		
 
#form input:focus:invalid, textarea:focus:invalid {
			background:#FFF url("img/cancel.png") no-repeat 98% 0.3em;						
		}
 
#form input[type=submit] {
	width: 120px;
	height:24px;
	font-size: 12px;
	margin: 10px auto;
	padding: 2px;
	color: #333;
	background:none;
	border:1px solid #999;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	clear:both;
	float:none;

		}


#form input:hover[type=submit] {
			color:#FFF;
			   /* fallback/image non-cover color */
   background-color:#0a2081; 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(#8fc1f9, #0a2081);
   /* Safari 4+, Chrome 1+ */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8fc1f9), to(#0a2081));
   /* Safari 5.1+, Chrome 10+ */
   background-image: -webkit-linear-gradient(#8fc1f9, #0a2081);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(#8fc1f9, #0a2081);
		}

label.error { text-align: left !important; margin:-15px 0 10px 0; color: #CC0000; padding: 0; height: auto; width: 200px !important; float:left;}
input.error, textarea.error { border: 1px solid #CC0000 !important }

#form p {clear:both;}


.floatleft {float:left;}
img.floatleft {padding:5px 20px 5px 20px;}

.floatright {float:right;}

.caption {
	width:300px;
	padding:5px 20px 5px 20px;
	margin:0;
	
}

.caption p {text-align:center; font-style:italic;}

.content-box-wrapper {width:400px; float:left;}
.content-box {
	margin:20px;
	padding:20px 0 10px 0;
	border:1px solid #0A2081;
	background:#f0f3ff;
}

.content-box img {margin:10px auto; display:block;}

.200 {width:200px;}
.3three {width:300px;}
.400 {width:400px;}

.clear{clear:both;}

h2.convention {font-style:normal; font-size:120%;}


#halloffame p, #halloffame li, #halloffame h2, #halloffame h3 {
	font-family:Cabin, Arial, Helvetica, sans-serif;
	line-height:1.4;
}

#halloffame li {color: #5c0000; font-size:140%; font-style:italic; font-weight:bold;}

#halloffame h2 {color: #efc030; font-size: 130%; font-style:normal; font-weight:bold; margin-top:10px;}

#halloffame p {font-size:100%; color: #5c0000; font-style:italic; font-weight:bold;}

#halloffame .box {
	width:350px;
	padding:0px;
	border: 1px solid #5c0000;
	margin:20px;
	background:#f7eacb;	
	font-size:100%;
	float:left;
}


#halloffame  .box div {padding:5px 10px;}

#halloffame  .box h3 {
	text-align:center;
	text-transform:uppercase;
	color:#efc030;
	margin:0;
	background:#5c0000;
	padding:3px 0;
}

#halloffame .box p {color: #111; font-style:normal; font-weight:bold;}


#message {
	display:block;
	margin:0 auto 20px auto;
	padding:10px;
	border:1px solid #0A2081;
	background:#f0f3ff;
	width:450px;
	height:30px;
	line-height:30px;
	font-size:80%; 
	font-weight:bold; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	box-shadow:#CCC 1px 1px 3px 0px;
}

#message:hover {background:#FFF;}