/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) 		font-size: 13px;
*/
body {
	font-size: 0.83em;
	line-height: 1.55em;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin: 0 auto;	
}



/*special bits for this site only
-------------------------------------------------------------- */

hr {
	color: #b6b6b6;
	line-height: 1px;
}



/* Text elements
-------------------------------------------------------------- */
a           { color: #210E4C; text-decoration: none; }

p a:link, p a:visited, p a:hover, p a:active { text-decoration: underline; }

a:link, a:visited, a:hover, a:active { color: #210E4C; text-decoration:none; }

a.sarge:link,  a.sarge:visited { width:213px; height:374px; display:block; float:left; margin-right:10px; margin-bottom:3px;background: #000 url(../images/articles/sarge-zine-Button.jpg) no-repeat top left; text-align:center; color:#FFF; font-weight:bold;text-decoration:none;}
a.sarge:hover, a.sarge:active { background: #000 url(../images/articles/sarge-zine-ButtonOver.jpg) no-repeat top left; text-decoration:underline;}

a.wolf:link,  a.wolf:visited { width:213px; height:374px; display:block; float:left; margin-right:10px; margin-bottom:3px;background: #000 url(../images/articles/wolf-zine-button.jpg) no-repeat top left; text-align:center; color:#FFF; font-weight:bold;text-decoration:none;}
a.wolf:hover, a.wolf:active { background: #000 url(../images/articles/wolf-zine-ButtonOver.jpg) no-repeat top left; text-decoration:underline;}

a img {border:none;}
blockquote  { margin: 1.5em; color: #333; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #333; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#333; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
------------ul, ol      { margin: 0 1.5em 1.5em 0; }
-------------------------------------------------- */

ul { list-style:disc;}
ol { list-style:decimal;}

li { margin: 0 1.5em 0 0; }
.mainCopy { margin-bottom: 0.5em; }
.mainCopy a:link, .mainCopy a:visited, .mainCopy a:hover, .mainCopy a:active { text-decoration:underline;}

ul          { list-style:disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
table margin-bottom: 1.4em; width:100%;
th, td padding: 4px 10px 4px 5px;
-------------------------------------------------------------- */

table       {  }
th          { font-weight: bold; background: #C3D9FF; }
th,td       {  }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.spaceBelow      {line-height:2.5em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.noItalic { font-style:normal;}
.noItalic a { text-decoration:underline;}
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* CREDITS */
.credits {
	font-size: 0.65em;
	line-height: 1em;
	color: #210E4C;
	margin-top: 5px;
	margin-bottom: 5px;
}
.credits a:link, a:visited, a:hover, a:active {
	color: #210E4C;
	text-decoration: underline;
}	
/* END CREDITS */
/*--------------------------------------------NEW STYLES DATED 19 - 10 - 2011 BY MATT PRICE ---------------------------------*/
/* The below styles were included to ad a nav bar and rotating banner image to the head of all pages replacing the flash that was there previously */

/* --------------STYLES FOR ROTATING IMAGE SCRIPT-------------- */
ul.slideshow {  
    list-style:none;
    height:152px;
	width:680px;
    overflow:hidden;  
    position:relative; 
	background: url(../images/admin/bannerNight.gif) no-repeat top center;
    margin:0;  
    padding:0;  
}     
  
ul.introSlideshow {  
    list-style:none;
    height:152px;
	width:680px;
    overflow:hidden;  
    position:relative; 
    margin:0;  
    padding:0;  
}     

ul.slideshow li, ul.introSlideshow li {  
    position:absolute;
	margin:0;
	padding:0;
    top:0;  
    right:0;  
}  
  
ul.slideshow li.show {  
    z-index:500;      
}  
  
ul img {  
    border:none; margin:0; padding:0;  
}  
  
#slideshow-caption {  
    width:680px;  
    height:70px;  
    position:absolute;  
    bottom:0;  
	display:none; /*NOTE I have added this to remove the caption, this was also done on the caption heading, background, text and in the script by changing the opactiy to 0*/
    left:1px;   
    color:#fff;  
    background: #000;  
    z-index:500;  
}  
  
#slideshow-caption .slideshow-caption-container {  
    padding:5px 10px;     
    z-index:1000;     
}  
  
#slideshow-caption h3 {  
    margin:0;  
    padding:0;
	color:#FFF;
	display:none; /*NOTE I have added this to remove the caption, this was also done on the caption heading, background, text and in the script by changing the opactiy to 0*/
    font-size:14px;  
}  
  
#slideshow-caption p {  
    margin:5px 0 0 0;  
    padding:0;  
	display:none; /*NOTE I have added this to remove the caption, this was also done on the caption heading, background,text and in the script by changing the opactiy to 0*/
}  


/* ----------------- MENU NAVIGATION ---------------- */
#mainNav{
	margin: 0 0 0 0;
	border: 0;
	padding: 0;
	height: 38px;
	/*overflow:hidden;
*/	width: 100%;
    background:#210E4C;
	z-index:1050;
	}
#mainNav ul {
  cursor: default;
  list-style-type: none;
  margin: 0;
  padding: 10px 10px 0 0;  
  color:#fff;
}
#mainNav li {
	float:right;
	padding: 0;
	margin: 0 0 0 5px;
	background:#210E4C;
}
#mainNav li a:link, #mainNav li a:visited{
	display:block;
	padding: 0 10px 0 10px;
	text-decoration: none;
	color: #ffffff;
	font-size: .9em;
	line-height: 25px;
	background:#210E4C;
}
#mainNav li a:hover, #mainNav li a:active {
	color: #FFd637;
} 
/* ------------- This item covers both the over state and the CURRENT CLASS both normal, hover and active state ------------- */
#mainNav li a.current, #mainNav li a.current:link, #mainNav li a.current:visited, #mainNav li a.current:hover, #mainNav li a.current:active {
		cursor: default;
		color:#FFF;
		background-image: url("../adminImg/butBg.gif");
		background-repeat: repeat-x;
		background-position: 0px -35px;
}
/* ------------- This positions the curved corner images ------------- */
#mainNav li a span {
	margin: 0;
	padding: 0;
	position: absolute;
	width:10px;
	height: 25px;
	top: 82px;
}
/* ------------ Below are the classes for the corner images ------------- */
#mainNav li a span.end {
	background-image: url("../adminImg/butRight.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
/*This item covers both the over state and the CURRENT CLASS */
#mainNav li a:hover span.end, #mainNav li a:active span.end, #mainNav li a.current span.end {
   background-image: url("../adminImg/butRight.gif");
   background-position: right -35px;
   background-repeat: no-repeat;
}
#mainNav li a span.start {
	background-image: url("../adminImg/butLeft.gif");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 0 -10px;
}
/*This item covers both the over state and the CURRENT CLASS */
#mainNav li a:hover span.start, #mainNav li a:active span.start, #mainNav li a.current span.start {
	background-image: url("../adminImg/butLeft.gif");
	background-position: left -35px;
    background-repeat: no-repeat;
}
/*  -------------- SUB NAVIGATION -------------- */ 
#mainMenu {
	float: left; /* since this element is floated, a width must be given */
	width: 207px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
	margin:0 0 0 13px;
	color:#FFF;
	display:inline;
}
ul#subNav {
	margin: 0 20px .8em 0;
	padding: 0;
	list-style-type: none;
}
ul#subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left:20px;
	display: block;	/*this is here from when this menu was a dropdown and it was set to none in the JS*/
}
ul#subNav li {
	margin:0;
	padding:0;
}	
/*ul#subNav li.dropDown:hover ul {display:block;}*/
ul#subNav li a, ul#subNav li a:link, ul#subNav  li a:visited {
	color: #FFFFFF;
	font-weight:normal;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../images/admin/menuBgOver.gif) no-repeat -50px 0;
	margin: 2px 0 0 0;
	display:block;
	height:26px;
	line-height:26px;
	padding: 0 0 0 20px;
}
ul#subNav li a.current, 
ul#subNav li a.current:link, 
ul#subNav li a.current:visited {
	text-decoration:none;
	display:block;
	padding: 0 0 0 33px;
	margin-left:-13px;
	background: #6e441c url(../images/admin/menuBgOver.gif) no-repeat 0 -34px;
}
ul#subNav li.dropDown a {	/*background: #A15F1C url(../images/admin/menuBgOver.gif) no-repeat -13px 0;*/}/*background: #4e4238 url(../images/admin/menuBgOver.gif) no-repeat -13px -34px;*/
ul#subNav li.dropDown ul a, ul#subNav li.dropDown ul a:link, ul#subNav  li.dropDown ul a:visited {
	text-transform: none;
	margin-left:0px;
	padding: 0 0 0 12px;
	background: none;
}
ul#subNav li.dropDown ul a.current, ul#subNav li.dropDown ul a.current:link, ul#subNav li.dropDown ul a.current:visited,
ul#subNav li.dropDown ul a.current:hover, ul#subNav li.dropDown ul a.current:active, ul#subNav li.dropDown ul a:hover, ul#subNav li.dropDown ul a:active {background: #2a2a2a;text-decoration:none;}

ul#subNav li.dropDown:hover a,
ul#subNav li a:hover,
ul#subNav li a:active, 
ul#subNav li a.current:hover, 
ul#subNav li a.current:active {
	background: #A15F1C url(../images/admin/menuBgOver.gif) no-repeat top left;
	text-decoration:none;
	display:block;
	padding: 0 0 0 33px;
	margin-left:-13px;
}
ul#subNav li a.navSubHead, 
ul#subNav li a.navSubHead:link, 
ul#subNav li a.navSubHead:visited, 
ul#subNav li a.navSubHead:hover, 
ul#subNav li a.navSubHead:active {
	border-bottom:1px solid #211b18;
	font-weight: bold;
	display:block;
	padding: 4px 0 4px 6px;
	width:188px;
}
ul#subNav li span,
ul#subNav li a.currentSubHead, 
ul#subNav li a.currentSubHead:link, 
ul#subNav li a.currentSubHead:visited, 
ul#subNav li a.currentSubHead:hover, 
ul#subNav li a.currentSubHead:active {
	border-bottom:1px solid #211b18;
	background-image: url(../adminImg/panelsBg.gif);
	background-repeat: repeat-x;
	font-weight:bold;
	display:block;
	padding: 4px 0 4px 6px;
	width:188px;
}
/*---------------------STYLES FOR ROLL-OVER/POPUPS IN MAIN MENU E.G. LIGHTS IN BUILDINGS ------------------*/
.floatingpanel, .birds, .night {
	margin:0;
	position: absolute;
	display:block;
	width:680px;
	height:152px;
	top:0px;
	left:0px;
	z-index:1020;
	padding:0;
	text-indent:0px;
	display:none;
	overflow:hidden;
}
.birds {z-index:1010;height:58px;} /*Just putting the birds under the windows as they are less important than the lights*/
.night {z-index:1009;} /*Just putting the night under the birds and lights*/
.intro {margin:0;
	position: absolute;
	display:block;
	width:680px;
	height:152px;
	padding:0;
	text-indent:0px;
	display:none;
	overflow:hidden;
	z-index:1022; top:0; left:0px;}
/*Just putting the intro above the lot*/
.floatingpanel p {
	margin:	0;
	padding:0;
	line-height:152px;
}
.floatingpanel p img {margin:0;padding:0;border:none;}
/*a:hover .floatingpanel {
	display:block;
	text-decoration:none;
}
*/
#linkPic, #contactPic, #homePic {display:none;}
.lists{ margin-bottom:0;}