/* - - - - - - - - - - - - - - - - - - - - -

Colours
home:		#F20F00
about us:	#F28C00
the Quills:	#73C900
events:		#00C2F2
resources:	#9C00F2
membership:	#F2009E
gray:		#797979
mid gray:	#646464
lt gray:	#4D4D4D

Sizes
/* --- Ê9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

- - - - - - - - - - - - - - - - - - - - - */

/* ----- PRINTVIEW ----- */

#printView {
	width:80%;
	margin:20px;
}

#printView h2 {
	display:block;
	font-weight:bold;
	font-size: 120%;
	margin:0 0 1em 0;
}

#printView p {
	font-size:69%;
	margin:0 0 1em 0;
}


#printView p a {
	color: #000;
	text-decoration:underline;
}

/* ----- PARAGRAPHS ----- */

/* p{ margin: 0 0 1em 0; padding:0; } */

#empty { }

#mainContent p.breadcrumbs, #mainContent p.printVersion {
	display:block; float:left;
	height:30px; width:341px
	margin: 0 0 0 14px; padding:0;
	font-size:63%;
}

#mainContent p.printVersion {
	float:right; text-align:right;
	width: 130px;
}

#mainContent p.breadcrumbs a, #mainContent p.printVersion a { color:#000; }
#mainContent p.printVersion a {
	padding:0 0 10px 20px; margin:0;
	background: transparent url(/images/template_images/backgrounds/printerIcon.gif) no-repeat top left;

}

#mainContent p.breadcrumbs a:hover, #mainContent p.printVersion a:hover { color:#215674; }

/* ----- HEADINGS ----- */

/*h1, h2, h3, h4{ margin: 0; padding:0;  }*/

#mainContent h3 { text-transform: uppercase;}

.page_home h1, .page_abou h1, .page_theq h1, .page_even h1, .page_reso h1, .page_memb h1, .page_defa h1 {
	font-size:94%;
	font-weight:bold;
	line-height:1.4em;
	margin:0;
	padding:2px 0pt 2px 8px;
}
.page_home h1 {
	border-left:6px solid #F20F00;
}
.page_abou h1 {
	border-left:6px solid #F28C00;
}
.page_theq h1 {
	border-left:6px solid #73C900;
}
.page_even h1 {
	border-left:6px solid #00C2F2;
}
.page_reso h1 {
	border-left:6px solid #9C00F2;
}
.page_memb h1 {
	border-left:6px solid #F2009E;
}
.page_defa h1 {
	border-left:6px solid #797979;
}

/* ----- CSS ----- */


#body_Container{
	margin: 0;	padding: 0;
	font-family:  Georgia, Times, serif; 
	text-align: center;
	color: #000;
	width: 100%;

}

/* ----- IDS ----- */

#printView {
	width:80%;
	margin:20px;
}

#container{
	margin: 0 auto; padding:0;
	width: 901px;
	text-align:left;
	background:#FFF url(../images/template_images/backgrounds/background_green.gif) repeat-y left top;
}	

/* 1 Header */
#headerPanel {
	display:block; 
	position: relative;
	float:right; clear:both;
	height:116px; width:895px;
	margin:0; padding:0;
}

/* 1.1 */
#logotypeBox {
	display:block; float:left;
	height:116px; width:206px;
	margin:0; padding:0;
}

#logotype { padding:0 0 0 6px;}

/* 1.2 */
#searchBox {
	display:block; position:absolute;
	top:70px; right:25px;
	width:200px; height:20px;
	margin:0; padding:0;
}

/* 2. Navigation */
#navPanel {
	font: 13px/1.05em Georgia, Times, serif; 
	display:block;
	height:131px; width:901px;
	margin:0; padding:0;
	background: #FFF url(../images/template_images/backgrounds/mainImage_home.jpg) no-repeat top right;
	/* for page specific images see PAGE SPECIFIC IDs */
}

#mainNav {
	display:block; float:left;
	width:206px; height:131px; 
	margin:0; padding:0;
}

#subNav {
	display:block; float:left;
	position:relative;
	width:695px; min-height:21px;
	margin:0; padding:0;
	background-color: #797979;
	border: 1px solid #FFF;
	border-width: 0 0 1px 0;
	/* for page specific colours see PAGE SPECIFIC IDs */
}


/* 3. content */
#contentBack {
	/* creates white background */
	display:block; clear:both; float:right;
	margin:0 auto; padding:30px 0 20px 0;
	width:895px;
	background-color:#FFF;
}

#contentBox {
	display:block; clear:both;
	margin:0 auto; padding:0;
	width:843px;
	background-color:#FFF;
}

.contentContainer {
	margin:5px 0 20px 14px;
}

/* 3.1 mainContent */
#pageTools {
	display:block;
	width:485px; height:30px;
	clear:both;
}

div.wide #pageTools { width: 575px;}

#mainContent {
	margin:0 15px 0 0; padding:0;
	display:block; float:right;
	width:485px;
}

#body_Container.wide #mainContent { width: 575px; }

/* 3.2 sidePanel */
#sidePanel {
	display:block; float:left; 
	margin:0; padding:30px 0 0 0;
	width:320px;
}

#body_Container.page_home #sidePanel { padding-top:0;}

#body_Container.wide #sidePanel { width: 230px; }

#body_Container.page_home { padding:0; }

/* 4. footer */
#footer {
	display:block; float:right; 
	margin:0 auto;  
	height: 40px; width: 895px;
	background: #000 url(../images/template_images/backgrounds/footer_end.gif) no-repeat left bottom;
	/* for page specific colours see PAGE SPECIFIC IDs */
}

#footerNav { display:block; width: 500px; height:20px; float:left; }
#KCMSbox {
	display:block;
	width: 270px;
	height:10px;
	margin:2px 0 0 0;
	float:right;
}

#KCMSbox a { padding: 3px 0 0 115px; }
/* ----- CLASSES ----- */

.clearer { display:block;clear:both; width:100%; }
.KCMSimage { margin: 4px 0 0 134px;}


/* ----- LISTS ----- */

#mainNav ul, #footerNav ul {
	list-style-type:none;
	margin:0; padding:0;
}

#subNav ul {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
}

#footerNav ul { 
	padding:1px 0 0 10px;
	font-size:100%;
}

#mainNav li, #subNav li {
	margin:0; padding:0;
	font-size:93%;
}

#mainNav li {
	display:block;
	width: 200px; height:21px;
	margin:0 0 1px 0; padding:0;
	background-color:#797979;
	border: 6px solid #000;
	border-width:0 0 0 6px;
	/* for page specific border colours and background colours see PAGE SPECIFIC IDs */
}

#subNav li { 
	display:block; float:left;
	padding :0; margin: 0;
	height:21px;
	border: 6px solid #646464;
	border-width:0 0 0 6px;
}

#footerNav li {
	display: inline;
	margin:0; padding: 0 5px 0 7px;
	border: 1px solid #FFF;
	border-width:0 0 0 1px;
	font-size:63%;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
}

#footerNav li.fNav_site {
	padding-left:0;
	border-width:0;
}

/* ----- BREAK ----- */

hr{ padding:0; margin:0; }

.clearer hr { display:none; }


/* ----- LINKS ----- */


#mainNav li a, #subNav li a { 
	display:block;
	height:17px; 
	margin: 0; padding: 4px 0 0 10px;
	color: #FFF; text-decoration:none; 
}

#mainNav li a { width: 180px; }
#subNav li a { float:left; padding: 4px 25px 0 10px; }
#subNav li a:hover { color: #FFF; text-decoration:underline; }

#footerNav li a {
	margin:0; padding: 0;
	text-decoration:none;
	color:#FFF;
}

#footerNav li a:hover { text-decoration:underline;}


/* ----- FORMS ----- */

form.searchForm { margin:0; padding:0; }

label{ margin:0; padding:0;}

#searchBox input, #mainContent input, #sidePanel input {
	margin:0; padding:0;
	font: 16px/1.05em Georgia, Times, serif;
	line-height:12px;
}

#searchBox input.searchInput { 
	float:left;
	width:148px;
	padding: 2px 0 2px 4px; margin:0 4px 0 0;
	border: 1px solid #CCC;
	color: #000;
	font-size:75%;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#mainContent input, #sidePanel input { font-size: 100%;}

#searchBox input.searchInput:hover { 
	border: 1px solid #CCC; 
}

#searchBox input.searchButton { 
	float:left;
	padding: 1px 2px; margin:0;
	background-color:#797979;
	color:#FFF;
	font-size:75%;
	border: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#searchBox input.searchButton:hover {
	background-color:#666;
	border: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


/* ----- PAGE SPECIFIC IDs ----- */

/* background images */
#body_Container.page_home #navPanel { background-image:url(../images/template_images/backgrounds/mainImage_home.jpg); }
#body_Container.page_abou #navPanel { background-image:url(../images/template_images/backgrounds/mainImage_history.jpg); }
#body_Container.page_theq #navPanel { background-image:url(../images/template_images/backgrounds/mainImage_theQuills.jpg); }
#body_Container.page_even #navPanel { background-image:url(../images/template_images/backgrounds/mainImage_home.jpg); }
#body_Container.page_reso #navPanel { background-image:url(../images/template_images/backgrounds/mainImage_home.jpg); }
#body_Container.page_memb #navPanel { background-image:url(../images/template_images/backgrounds/mainImage_home.jpg); }

/* background colours */
/* note the default page colour is set up in the orginal id*/
#body_Container.page_home #footer, #body_Container.page_home #subNav{ background-color:#F20F00; }
#body_Container.page_abou #footer, #body_Container.page_abou #subNav { background-color:#F28C00;}
#body_Container.page_theq #footer, #body_Container.page_theq #subNav { background-color:#73C900;}
#body_Container.page_even #footer, #body_Container.page_even #subNav { background-color:#00C2F2;}
#body_Container.page_reso #footer, #body_Container.page_reso #subNav { background-color:#9C00F2;}
#body_Container.page_memb #footer, #body_Container.page_memb #subNav { background-color:#F2009E;}

/*
#body_Container.page_home #subNav{ background-image:url(../images/template_images/nav_bg.gif);} 
#body_Container.page_abou #subNav { background-image:url(../images/template_images/nav_bg.gif);}
#body_Container.page_theq #subNav { background-image:url(../images/template_images/nav_bg.gif);}
#body_Container.page_even #subNav { background-image:url(../images/template_images/nav_bg.gif);}
#body_Container.page_reso #subNav { background-image:url(../images/template_images/nav_bg.gif);}
#body_Container.page_memb #subNav { background-image:url(../images/template_images/nav_bg.gif);}
*/


#subNav li.selected { background-color:#000;}

/* border colours */
#mainNav li.mNav_home { border-color:#F20F00;}
#mainNav li.mNav_abou { border-color:#F28C00;}
#mainNav li.mNav_theq { border-color:#73C900; background-color:#646464;}
#mainNav li.mNav_even { border-color:#00C2F2;}
#mainNav li.mNav_reso { border-color:#9C00F2;}
#mainNav li.mNav_memb { margin-bottom:0; border-color:#F2009E;}

/* background colours and border colours */
#body_Container.page_home #mainNav li.mNav_home { background-color:#F20F00; border-color:#797979;}
#body_Container.page_abou #mainNav li.mNav_abou { background-color:#F28C00; border-color:#797979;}
#body_Container.page_theq #mainNav li.mNav_theq { background-color:#73C900; border-color:#797979;}
#body_Container.page_even #mainNav li.mNav_even { background-color:#00C2F2; border-color:#797979;}
#body_Container.page_reso #mainNav li.mNav_reso { background-color:#9C00F2; border-color:#797979;}
#body_Container.page_memb #mainNav li.mNav_memb { background-color:#F2009E; border-color:#797979;}

#body_Container.page_home #subNav li { border-color:#797979; }
#body_Container.page_abou #subNav li { border-color:#797979; top: 20px; }
#body_Container.page_theq #subNav li { border-color:#797979; top: 42px; }
#body_Container.page_even #subNav li { border-color:#797979; top: 64px; }
#body_Container.page_reso #subNav li { border-color:#797979; top: 84px; }
#body_Container.page_memb #subNav li { border-color:#797979; top: 108px; }

#body_Container.page_home #subNav {  }
#body_Container.page_abou #subNav { top: 21px; border-width: 1px 0; }
#body_Container.page_theq #subNav { top: 43px; border-width: 1px 0; }
#body_Container.page_even #subNav { top: 65px; border-width: 1px 0; }
#body_Container.page_reso #subNav { top: 87px; border-width: 1px 0; }
#body_Container.page_memb #subNav { top: 109px; border-width: 1px 0; }




/* ----- SECTION NAV ----- */
#secNav {
	display:block; 
	margin:0; padding:30px 0 0 0;
	width:320px;
}

#secNav ul {
	list-style-type:none;
	margin: 0;	padding: 0;
	width:200px;
	border-top: 1px solid #CCC;
}

#secNav li { 
	padding: 1px 0 2px 6px;
	border-bottom: 1px solid #CCC;
}

#secNav ul li a{
	font-size: 12px;
	font-family: Georgia, Times, serif;
	color: #000;
	text-decoration: none;
}

#secNav ul li a:hover{
	color: #8CBADD;
	text-decoration: underline;
}

#body_Container.wide #secNav { width: 230px; }