/* Constructed and Copyright 2012 by Coley Consulting*/
/* For Vincent Court Blue is 002060 and Gold is CC9900 */
@charset "UTF-8";

body, div, h1, h2, h3, p, textarea{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

body{
	background : #FFFFFF none;
	color : #000000;
	font-size : 1em;
	line-height : 1.4em;
	padding : 0;
	margin : 0 auto 0 auto;
	position:relative;
	z-index: 50;
	}

a em, .copyright em {
	font-style : normal;
	text-decoration : underline;
}

/* Important that the pseudo classes are in the order link, visited, hover, active */
a:link{ 
	background : transparent none;
	color : blue;
	text-decoration : underline;
}

a:visited{
	background : transparent none;
	color : #002060;
}

a:hover{
	background:#002060 none;
	color:#FFFFFF;
}

a:active{
	background : transparent none;
	color : red;
}

p, td, th{
	border : none;
	padding : 0 7px 7px 7px;
	margin : 0;
	font-size :1em;
}

.longline{
/*this class ensures that lines that do not wrap, do wrap*/
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.hrline{
	background:white;
	height:1px;
	width: 80%;
	border-bottom: solid 2px #002060;
	clear:both;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;	   
}

.index li{
	list-style: none; /* Removes bullets from lists*/
	font-size : 1.25em;
	line-height: 2.5em;
}

p.small{
	font-size : 0.75em;
}

button{
	font-size : 100%;
}
ul{
	margin : 5px 7px 5px 30px;
	text-align : left;
}

li{
	padding : 0;
}

h1.big{
	background : transparent none;
	color : #002060;
	font-size : 3em;
	font-weight : bold;
	padding : 20px 5px 20px 5px;
	text-align : center;
	margin : 0;
	line-height: 1em;
}


h1{
	background : transparent none;
	color : #002060;
	font-size : 2em;
	font-weight : bold;
	padding : 20px 5px 20px 5px;
	text-align : center;
	margin : 0;
	line-height: 1em;
}

h2{
	background : transparent none;
	clear : both;
	color : #002060;
	font-size : 1.5em;
	font-weight : bold;
	margin : 0;
	padding : 5px 5px 10px 5px;
	text-align : center;
}

h3{
	background : transparent none;
	clear : both;
	color : #002060;
	font-size : 1.2em;
	font-weight : bold;
	margin : 0;
	margin : 0;
	padding : 5px 5px 7px 5px;
	text-align : center;
}

h4{
	background : transparent none;
	clear : both;
	color : #002060;
	font-size : 1em;
	font-weight : bold;
	margin : 0;
	padding : 5px 5px 5px 5px;
	text-align : center;
}

.normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/
}

.largeview{ /*CSS for "large font" setting*/
font-size: 21px;
}

.xlargeview{ /*CSS for "extra large font" setting*/
font-size: 24px;
}

a.texttoggler{ /*CSS for Text Size Toggler control*/
margin-right: 6px;
}

a.texttoggler img{ /*CSS for Text Size Toggler control*/
border: 1px solid gray;
}

a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/
border: 1px solid red;
}

a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/
border: 1px solid red;
}

#ie6brow{
	display:none;
}

.lt-ie7 #ie6brow{
	display:block;
}


span.new{
    background : transparent none;
	color : Red;
	font-size : 1em;
	font-weight : bold;
	margin : 0;
	padding : 0;
	border : thin solid Red;
}

.youtube {
	position: relative; /* keeps the aspect ratio */
	padding-bottom: 56.25%; /* fine tunes the video positioning */
	padding-top: 60px;
	overflow: hidden;
	z-index:20;
}

.youtube iframe, .youtube object, .youtube embed {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
}

div.center, p.center, div.ad, td.center{
	text-align : center;
}

table{
border-collapse:collapse;
width :90%;
}

table,th, td{
border: 1px solid black;
vertical-align:top; 
}

table.form td, table.form, th.form, td.form{
border: 0;
vertical-align:top; 
}

th{
	text-align:center;
	background-color: #002060;
	color : #ffffff;
	font-size:150%;
	padding : 5pt;
}

table.center{
margin-left: auto;
margin-right: auto;
text-align:left;
}

div.detail{
	text-align : center;
}

div.left{
	float : left;
}

.lefttext{
	text-align : left
}

div.right{
	float : right;
}

.off, .warn{
	display : none;
}

#header {
	color : #000000;
	margin : 0;
	padding : 0;
	text-align : center;
	width : 100%;
	height: auto;
	background-color: #002060;
	background-image: none;
	border:0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #002060;
	border-collapse:collapse;
	clear:both;
	vertical-align:top; 
}

#footer{
	background : #FFFFFF none;
	clear : both;
	color : #000000;
	font-size : .7em;
	text-align : center;
	border-top : 2px solid #002060;
	width : 100%;
	margin : 0;
	padding :0;
}



img{
	border : 0;
	margin : 0;
	padding : 0;
}

#menu-line{
    /* Puts line beneath the menu. Needed to allow flexible design*/
	clear:both;
	border-bottom : 2px solid #002060;
	padding : 10px 0px 0px 0px;
	margin:0;
	width: 100%;
	line-height : 0; /* An ie7 bug that needs a nbsp and this to just print the line. */
}

.nav-button {
	display: none;
} /* hide the navigation button by default */

#lastline{
	clear : both;
	margin: 1em 0 0 0;
}

#newsbox{
	width:90%;
	min-height:100px;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	margin: 0 auto; /*IE7 bug which means CCS3Pie does not work if margin-left and margin-right are used.*/
}

#newsbox h3{
	color:red;
	text-align: left;
}

.membership{
	height:150px;
	overflow-y:scroll;
	padding:5px;
	margin: 0;
}

.goodform{
	color: blue;
}

.badform{
	color: red;
}



hr{
    color: #002060;
    background-color: #002060;
    height: 5px;
    width: 80%;
	clear:both;
}

img.right{
	background : #FFFFF5 none;
	color : #000000;
	float : right;
	padding : 7px 7px 10px 15px;
	margin : 0 0 10px 0;
}

img.left{ /*This is the version without float for basic screens that cannot deal with media queries. */
	background : #FFFFF5 none;
	color : #000000;
	padding : 0 10px 0 0;
	margin : 0 10px 10px 10px;
}

div.hdrleft{
	width: 500px;
}

.textbox {
	margin : 0;
	padding : 0;
	overflow : auto;
}

#menu a.current, #bnav a.current, #menu li a.current, a.current, #menu ul li a.current {
   color : black;
   font-weight : bold;
   cursor : default;
   text-decoration : none;
}

#menu a:hover.current, #bnav a:hover.current, #menu li a:hover.current, a:hover.current {
	background : #ffffff none;
	color : black;
}

#menu {
	/*Sets up basic structure of each dropdown block*/
	background : #FFFFFF none;
	font-weight : bold;
	line-height : 1em;
	padding : 10px 0px 0px 0px;
	margin : 0;
	width: 100%;
	position: relative;
	z-index:100;
}

#menu li{
   list-style: none; /* Removes bullets from lists*/
   position: relative; /* Needed for up  and left to work */
}

#menu li a{
	/*Sets up basic structure of each hyper link*/
	display : block;
	background : #FFFFFF none;
	color : #002060;
	padding : 4px 8px;
	text-decoration : none;
}

#menu li a:hover{
	/*Sets up basic structure of each hyper link*/
	display : block;
	background : #002060 none;
	border-right : 2px solid #002060;
	color : #FFFFFF;
	padding : 4px 8px;
	text-decoration : none;
}

#menu li:hover ul{ /*display down*/
   white-space: nowrap;
   display: block;
   z-index: 100;
}

#menu li ul{
   display: none;
   background: #FFFFFF none;
   position: absolute;
     margin:0 0 0 100px;
   padding: 0; 
   left: -2px; 
}

#menu li:hover li{
   float: none; 
}

#menu li li{
   background : #ffffff none;
   border-bottom: 2px solid #002060;
   color: #007D7D; 
}

 
#menu li ul li:first-child{  
   border-top: 2px solid #002060;
}

#menu li li a:hover{
   background-color: #002060; 
   color: #ffffff;
}

#bnav, #bnav u{
	background : #FFFFFF;
	font-weight : bold;
	list-style : none;
	margin : 0 auto;
	padding : 0;
	width : 100%;
}

#bnav a{
	/*Sets up basic structure of each hyper link*/
	background : transparent none;
	color : #002060;
	display : block;
	padding : 0 8px 0 8px;
	text-decoration : none;
}

#bnav a:hover{
	/*Sets up basic structure of each hyper link*/
	background : #002060 none;
	color : #FFFFFF;
	display : block;
	padding : 0 8px 0 8px;
	text-decoration : none;
}

#first{
	border-left : 2px solid #002060;
}

#bnav li {
	/*Moves top row into a straight line and sets length of top line boxes*/
	border-right : 2px solid #002060;
	float : left;
}

#bnav li a{
	/*Centre the top row options*/
	text-align : center;
}

#resize {
	display:none;
}



#googbox{
	display:none;
}

#logo{
	height : 78px;
	width : 320px;
}

@media all {

body{
	width : 1024px;
	border : 2px solid #002060;
	border-top:2px solid #cc9900;	
}

.parent {  
    width: 100%;    
    text-align: center;  
    white-space: nowrap;  
    overflow: hidden;  
}  
  
.child {  
    width: 30%;   
    display: inline-block;  
    vertical-align: middle;  
	text-align: left; 
}  
.lt-ie9 .child {  
    display: inline;  
    margin: 0 20px 0 20px;  
} 

div.leftbox{
	background : #FFFFF5 none;
	border : 3px solid #002060;
	float : left;
	margin : 10px 10px 10px 10px;
	text-align : center;
}

div.rightbox{
	background : #FFFFF5 none;
	border : 3px solid #002060;
	float : right;
	margin : 10px 10px 10px 10px;
	text-align : center;
	display:inline;
}

img.left{ /*This is the version with float for most screens */
	background : #FFFFF5 none;
	color : #000000;
	float : left;
	padding : 0 10px 0 0;
	margin : 0 10px 10px 10px;
}

#googbox{
	background : #FFFFFF none;
	color: #002060;
	border : 0;	
	margin : 0 10px;
	padding : 0;
	max-width: 170px;
	max-height:78px;
	height:78px;
	float: right;
	display:inline;
}



#resize {
	max-width:130px;
	float:right;
	background: #ffffff;
	max-height:78px;
	height:78px;
	padding: 0 5px;
	display:inline;
}

#resize p{
	color : #002060;
	font-weight: bold;
}

#outer-2col{
	padding: 0 246px 0 0;
}

#content{
    clear : left;
	float : left;
	width : 100%;
	margin: 0;
	position: relative;
	border-right : 2px solid #002060;
	padding : 0;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.lt-ie7 #content{
	width: 778px;
}

#right-column{
	float : left;
	padding : 0;
	position: relative;
	overflow : hidden;
	display : inline;
	border-left : 2px solid #002060;
	margin: 0 -246px 0 -2px;
	width: 244px;
}

#right-column ul {
	margin : 0;
	padding : 0 0 0 30px;
	border : none;
}

#menu {
	/*Sets up basic structure of each dropdown block*/
	background : #FFFFFF none;
	font-weight : bold;
	line-height : 1em;
	padding : 10px 0px 0px 0px;
	margin : 0;
	width: 100%;
	position: relative;
	z-index:100;
}

#menu li{
   list-style: none; /* Removes bullets from lists*/
   float: left;  /* Moves top row to the horizontal */
   position: relative; /* Needed for up  and left to work */
}

#menu li a{
	/*Sets up basic structure of each hyper link*/
	display : block;
	background : #FFFFFF none;
	color : #002060;
	padding : 4px 8px;
	text-decoration : none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #002060;
}

#menu li a:hover{
	/*Sets up basic structure of each hyper link*/
	display : block;
	background : #002060 none;
	border-right : 2px solid #002060;
	color : #FFFFFF;
	padding : 4px 8px;
	text-decoration : none;
}

	
#menu li ul{
   display: none;
   background: #FFFFFF none;
   position: absolute;
   margin: 0;
   padding: 0; 
   left: -2px; 
}

#menu li:hover ul{ /*display down*/
   white-space: nowrap;
   display: block;
   z-index: 100;
}

#menu li:hover li{
   float: none; 
}

#menu li li{
   background : #ffffff none;
   border-bottom: 2px solid #002060;
   border-left: 2px solid #002060;
   color: #007D7D; 
}

 
#menu li ul li:first-child{  
   border-top: 2px solid #002060;
}

#menu li li a:hover{
   background-color: #002060; 
   color: #ffffff;
}

#openmenu{
	display:none;
}

#closemenu{
	display:inline;
}

div.sidebox{
	border : 2px solid #002060;
	margin : 0 3px 10px 3px;
	width : auto;
}

#bnav, #bnav u{
	width : 450px;
}


}

@media only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {
body {
	width:99%;
	margin:0 auto 0 0;
	border : none;
}



}
@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {

body {
	width:99%;
	margin:0 auto 0 0;
	border : none;
}



#resize {
	display:none;
}

}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {

body {
	width:99%;
	margin:0 auto 0 0;
	border : none;
}


th{
	text-align:center;
	background-color: #002060;
	color : #ffffff;
	font-size:100%;
	padding : 3pt;
}

#resize {
	display:none;
}

#content{
    clear : left;
	float : none;
	width : 100%;
	margin: 0;
	position: relative;
	border-right : none;
	padding : 0;
}

#right-column{
	float : none;
	padding : 0;
	width : 100%;
	position: relative;
	overflow : hidden;
	display : inline;
	border-left : none;
	margin: 0;
}

#outer-2col{
	width : 100%;
	padding: 0;
	margin: 0;
}

.break{
		display:none;
}

}

@media only screen and (max-width: 680px), only screen and (max-device-width: 680px) {

body {
	width:99%;
	margin:0 auto 0 0;
	border : none;
}

.shrink{
	width:99%;
	height: auto;
}

#resize {
	display:none;
}


#content{
    clear : left;
	float : none;
	width : 100%;
	margin: 0;
	position: relative;
	border-right : none;
	padding : 0;
}

#right-column{
	float : none;
	padding : 0;
	width : 100%;
	position: relative;
	overflow : hidden;
	display : inline;
	border-left : none;
	margin: 0;
}

#outer-2col{
	width : 100%;
	padding: 0;
	margin: 0;
}

.break{
		display:none;
}


}

@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {

.child {  
    display: inline;  
}

#map{
	border-bottom :  none;
	height : auto;
	width: auto;
	max-width:100%;
}

#googbox, #menu-line{
	display:none;
}

#header{ 
    height: auto;
	width: 100%;
}

#logo{ 
	width: 75%;
	max-width: 320px;
	height: auto;
	max-height:78px;
}



#menu #closemenu{
	display:none;
}	

#bnav, #bnav u{
	width : 100%;
	height: 50px;
}

.textbox {
	overflow : visible;
}

.textbox  ul{
	margin : 0 5px 0 25px;
	padding : 0;
}

h1{
	padding : 5px 0 0 0;
	margin : 0;
	font-size:1.5em;
}

h2, h3, h4, h5, h6 {
	padding:0;
	margin : 0;
	font-size:1.2em;
}

	
ul{
	margin : 0;
	text-align : left;
}

	
/* Navigation Button
-------------------------------------------------------- */
.nav-button {
	display: block;
	position: absolute;
	top: 7px;
	right: 7px;
	width: 50px;
	height: 35px;
	background: #7E225F url('/images/control/menu-icon-large.png') no-repeat scroll center center;	
	background-size: 21px, 100%;
	cursor: pointer;
	box-shadow: 0 0 4px #2A0B20 inset;
	border-radius: 5px;
	z-index: 900;
	text-indent: -9999px;
	border: 1px solid #ffffff;
	outline:0;
}

		
.nav-button:hover { 
	background: #B6649A url('/images/control/menu-icon-large.png') no-repeat scroll center center;
	background-size: 21px, 100%;

}


.nav-button.open {
	background: #7E225F url('/images/control/close-icon-large.png') no-repeat scroll center center;
	background-size: 21px, 100%;
	border: 1px solid #ffffff;
	outline:0;
}

.nav-button.open:hover { 
	background: #B6649A url('/images/control/close-icon-large.png') no-repeat scroll center center;
	background-size: 21px, 100%;
}

	/* Navigation Bar
	-------------------------------------------------------- */
	
	.lt-ie9 #outer-2col, .lt-ie9 #outer{
		margin: 50px 0 0 0;
	}

	.lt-ie8 #outer-2col, .lt-ie8 #outer{
		margin: 20px 0 0 0;
	}

	#menu {
		width: 100%;
		float: none;
		background-color: #002060; /* change the menu color */
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		
	}

	#menu li {
		display: none;
		width: 100%;
		font-family: Arial;
	}

	#menu li a, #menu li form{
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 1em;
		font-weight: bold;
		color: white;
		text-decoration: none;
		border-bottom: 1px solid #2A0B20;
		border-top: 1px solid #B6649A; 
		border-right-style:none;	
		background-color: #002060; /*overall colour of menu  without it everything is white*/
	}

	#menu li a:hover {
		background-color: #B6649A; /*no effect */
		border-top-color: transparent;
		border-right:none;
		padding: 10px 5%;
	}

	.lt-ie9 #menu li a:hover {
		background-color: #B6649A; /*lighter colour */
		border-top-color: #2A0B20;
		border-right:none;
		padding: 10px 5%;
	}

	#menu > li:first-child {
		border-top: 1px solid #2A0B20; /*line above menu */
	}

	/* Toggle the navigation bar open  */
	#menu.open { 
		height: auto; 
		padding-top: 0;
	}

	#menu.open li, #menu.open #openmenu { 
		display: block; 
	}

	/* Submenus - optional .level2 class indicates dropdowns */
	#menu > li:hover > a{
		background: #54173F; /*gives value of first level colour (darker) */
		border-bottom-color: #2A0B20;
	}

	#menu li li{
	   background : #002060; /*no effect */
	   border-bottom: none;
	   border-left: none;
	   color: #ffffff; 
	}		
	
	#menu li ul { /*makes menus drop down*/
		display: none;
		background: #002060; /*no effect */
		border-top: 0 none;
		padding: 0;
		position: relative;
		left: 0; 
	}

	#menu li ul a {
		border: 0 none;
		font-size: 0.9em;
		padding: 10px 5%;
		font-weight: normal;
		background: #DAB2CC; /*added in to give dropdown menu effect lightest colour */
		color:#002060;
	}

	#menu li ul a:hover{ /*added in to give hover effect for non-ie*/
		background:#B6649A;
	}

	#menu li:hover ul { /*affects IE only*/
		display: block;
		border-top: 0 none;
		background:white;
	}
	
	#menu a:hover.current, #menu li a:hover.current, a:hover.current {
	background : #DAB2CC;
	color : black;
}

	#crumbs{
		display:none;
	}

} /* End Mobile Styles */

@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

p.qrcodebox, div.books, .lt-ie9 p.qrcodebox, .lt-ie9 div.books {	
	width: 90%;
	max-width: 90%;
	height: auto;
}

}

/* 1 pixel = 0.0625em */
/*This is the printing CSS Sheet*/
@media print {
a,a:link,a:visited{
	background : transparent none;
	color : #000000;
	text-decoration : none;
}

acronym{
	border-bottom : 0px dotted White;
}

#logo{
	height : 78px;
	width : 320px;
}

body {
	background : #FFFFFF;
	font-size : 12pt;
	line-height : 14pt;
	margin : 0cm 0cm 0cm 0cm;
	border : 0em;
	padding : 0em;
	width : auto;
}

body,div,h1,h2,h3{
	font-family : Arial,Helvetica,sans-serif;
}

#outer, #outer-2col{
   float : none;
   width : 100%;
   background : #FFFFFF none;
   overflow: visible;
}

#content{
    clear : none;
	float : none;
	width : auto;
	margin: 0 0 0 0;
	border-right :  none;
	padding : 0;
	overflow : visible;
}

#footer{
	background : #FFFFFF none;
	clear : none;
	color : #000000;
	font-size : 9pt;
	text-align : center;
	border-top : none;
	width : auto;
	height : auto;
	clear:both;
}

#map{
	border-bottom :  none;
	height : auto;
	width: 100%;
}

div.panel,span.noprint,div.outside3, div.survey, div.ad,p.noprint{
	display : none;
}

h1{
	font-size : 24pt;
	font-weight : bold;
	margin : 7pt 0 6pt 0;
	text-align : center;
}

h1,h2,h3{
	background : transparent none;
	color : #000000;
}

h2{
	clear : both;
	font-size : 16pt;
	font-weight : bold;
	margin : 7px 0px 4px 0px;
	text-align : center;
}

h3, h4{
	clear : both;
	font-size : 12pt;
	font-weight : bold;
	margin : 7px 0px 4px 0px;
	text-align : center;
}

.break{
		display:none;
}

#right-column{
	float : none;
	padding : 0;
	width : 100%;
	position: relative;
	overflow : hidden;
	display : inline;
	border-left : none;
	margin: 0;
}

div.sidebox{
	border : 0;
	margin : 0;
	width : auto;
}

#menu, #bnav, div.off, #googbox, #resize, #crumbs {
	display : none;
}

}