/*** Copyright 2008 C W Dee                                                 ***/

/*** North Thames Gull Group                                                ***/

/* Left navigation, rectangular with narrow borders                           */

/* Site color palette:                                                        */
/*  body background : #333    - near black                                    */
/*                    #666    - dark grey                                     */
/*                    #c0c0c0 - mid grey                                      */
/*                    #dfdfdf - pale grey                                     */
/*                    #ffe74f - yellow                                        */
/*                                                                            */

* html .HollyHack { height: 0.01%; }
* html ul li { height:1% !important; }

body {
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	background-color: #333;
	border: 5px solid #fff;
}

h1 { 
	font-size: 2.5em; 
	font-weight: bold; 
	line-height: normal;
	color: #ffe74f;
	background: transparent url(../img/logo4.jpg) top left no-repeat;
	padding: 16px 0 30px 10px; 
	border-bottom: 4px solid white;
	margin: 0 0 8px 0;
}
#NTGG_home h1 {                          /* Full height heading on home page  */
	padding: 16px 0 84px 10px; 
}	


h1 span {
	color: #dfdfdf;
	font-size: 0.5em;
	font-style: oblique;
	padding: 0 0 0 20px;
}

h2 {
	color: #666;
	letter-spacing: 0.2em; 
	font-size: 1.2em;
}
#NTGG_other h2,
#NTGG_map h2 {
	letter-spacing: 0; 
}	

h2 span {
	font-style: oblique;
}

h3 {
	color: #333;
	font-weight: bold;
	font-size: 1em; 
	padding: 6px 0 0 0;
	margin: 0;
	clear: both;
}

h3 span {
  font-weight: normal;
}

h4 {
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 0.2em;
  color: #666;
	padding: 4px 0 0 0;
  margin: 0;
}

a {
	color: #333; 
}

a:hover {
	color: #ffe74f;
	background-color: #666;
}

ul.gallery li a:hover {
	background-color: #c0c0c0;
}

br {
	clear:both;
}
/*** Common style elements for all pages **************************************/

#wrapper {                                        /*** Overall page wrapper ***/
	background-color: #c0c0c0;
	color: #222;
	padding: 0;		
	margin: 0;
	min-height: 768px;
}


#header {                                   /*** Header section top element ***/
	padding: 0 0 12px 0;
	margin: 0;
}

#header-top-wrapper {             /*** Header section image box full-height ***/
}

#header-bottom {            /*** Header section bottom element - navigation ***/
	font-size: 0.8em;
	background-color: #c0c0c0;
	height: 36px;
	padding: 0;
	margin: 0;
}
ul#nav {
	background-color: #c0c0c0;
	/* padding: 0 0 24px 0;  */
	padding: 0;
  margin: 0 2%;
  list-style: none;
}

ul#nav li {
	float: left;  
	position: relative;
	border-top: 6px solid #ffe74f; 
	border-bottom: 6px solid #ffe74f;
}
	
ul#nav li a,
ul#nav li span {
	display: block;
	width: 129px;
	color: #222;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 4px 0;
}
ul#nav li a {                           /* active navigation links            */
	border-left: 2px solid #c0c0c0;       /*  mid-grey left border              */
	background-color: #eee;               /*  pale background                   */
}
ul#nav li a.first {                     /* except for first active nav link   */ 
	border-left: 2px solid #eee;          /*  pale left border                  */
}
ul#nav li span {	                      /* inactive nav-bar text              */
  color: #222;                          /*  darker text                       */
	background-color: #c0c0c0;            /*  mid-grey background               */
	border-left: 2px solid #eee;          /*  pale left-border                  */
}

ul#nav li a:hover {
  color: fffff3;
  background-color: #c0c0c0;
  border-left: 2px solid #eee;
}
ul#nav li span.last,
ul#nav li a.last:hover {
	border-right: 2px solid #eee;
}

#main {                                                 /*** Main text body ***/ 
	padding: 0;
	margin: 5px 0 0 0;
}

/*** Fluid 3-column layout - CSS derived from http://matthewjamestaylor.com/blog/perfect-3-column.htm ***/
.colmask h2 {
	margin: 4px 0 2px 0;
}

.colmask {                      /*-- Wrapper for text pane within main body --*/
	position: relative;	                  /* Fix the IE7 overflow hidden bug    */
	clear: both;
	float: left;
	width: 100%;			                    /* Width of whole page                */
	overflow: hidden;		                  /* Truncate any overhanging divs      */
	padding: 0;  
	margin: 0;
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float: left;
	width: 100%;
	position: relative;
}

.col1,
.col2,
.col3 {
	float: left;
	position: relative;
	padding: 0 0 6px 0;										/* no left and right padding on 			*/
																				/* columns, we just make them 				*/
																				/* narrower instead only padding top  */
																				/* and bottom is included here, make  */
																				/* it whatever value you need         */
	overflow: hidden;
}
/* 3 Column settings 24:38:38 */
.threecol {
	background-color: #c0c0c0;		        /* Right column background colour     */
	border-bottom: 10px solid #c0c0c0;
}
.threecol .colmid {
	right: 38%;			                      /* Right column width                 */
	background-color: #dfdfdf;            /* Center column background colour    */
	border-right: 1px dashed #666;
}
.threecol .colleft {
	right: 38%;			                      /* Centre column width                */
	background-color: #c0c0c0;            /* Left column background colour      */
  border-right: 1px dashed #666;
}
.threecol .col1 {
	width: 34%;			                      /* Centre column content width        */
	                                      /*  (column width minus padding)      */
	left: 102%;			                      /* 100% plus left padding of center   */
	                                      /*  column                            */
}
.threecol .col2 {
	width: 20%;			                      /* Left column content width          */
	                                      /*  (column width minus padding)      */
	left: 44%;			                        
	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width: 34%;			                      /* Right column content width         */
	                                      /*  (column width minus padding)      */
	left: 86%;			                      /* (100% - left column width) plus    */
	                                      /*   (center column left and right padding) plus */
	                                      /*   (left column left and right padding) plus */
	                                      /*   (right column left padding)        */
}

.main-pane {                            /*-- Primary text pane within main body --*/
 	border-top: 3px solid #666;
 	clear: both;
}
#NTGG_recoveries .main-pane,
#NTGG_controls .main-pane,
#NTGG_other .main-pane,
#NTGG_map .main-pane {
 	border-top: 3px solid #ffe74f;
 	padding: 6px 0 0 0;	
}
span.caption {
  float: left; 
  padding-right: 6px; 
  width: 200px;
}
.left-pane,
.right-pane {
 	border-top: 3px solid #ffe74f;
	padding: 0;
}
.right-pane {
	padding: 0 0 8px 0;
/* 	border-bottom: 3px solid #ffe74f; */
}
.main-pane h2,
.right-pane h2,
.left-pane h2 {
	font-size: 1.5em; 
	padding: 6px 0 4px 0;
 	border-top: 3px solid #c0c0c0;
	border-bottom: 3px solid #ffe74f;
 	margin: 0 0 4px 0;
}
.left-pane h2 {
	font-size: 1.1em; 
}
.main-pane p,
.right-pane p {
 	font-size: 0.9em;  
	text-align: justify;
 	margin: 4px 0 2px 0;
}
.left-pane p {
	font-size: 0.7em; 
 	margin: 0;
	padding: 6px 0 0 0;
	text-align: justify;
	text-indent: 10px;
}
.left-pane ul {
	list-style-type: none;
  font-size: 0.7em;
  padding: 4px 0 0 20px;
  margin: 0;
}
.left-pane ul li {
	padding: 0 0 4px 0;
}
.right-pane table {
	margin: 6px 0 0 0;
}
/*
.right-pane img {
	height: 110px;
	width: 154px;	
	background-color: white;
	border: 1px solid #222;
	padding: 2px;
}
*/
.right-pane td {
	font-size: 0.7em;
}

.right-pane p.species,
.right-pane p.location {
	float: left;
	padding-left: 2px; 
}
.right-pane p.age,
.right-pane p.date {
	float: right;
	padding-right: 2px;
}
.right-pane td div {
	clear: both;
}
#NTGG_map .left-pane table {
  border-collapse: collapse; 
  width: 100%;
  margin-top: 6px;
}
#NTGG_map .left-pane td img {
	padding: 0 4px 2px 0;
}
#NTGG_map .left-pane td {
	font-size: 0.7em;
	vertical-align: top;
}
#NTGG_map .left-pane td.date {
	width: 64px;
}

/* 2 Column (left menu) settings 24:76 */
.leftmenu {
	background: #c0c0c0;		               /* right column background colour */
}
.leftmenu .colleft {
	right:76%;			                       /* right column width */
	background-color: #c0c0c0;	           /* left column background colour */
	border-right: 1px solid #666;
}
.leftmenu .col1 {
	width:72%;			                       /* right column content width */
	left:102%;			                       /* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:20%;			                       /* left column content width (column width minus left and right padding) */
	left:6%;			                         /* (right column left and right padding) plus (left column left padding) */
}

/* 2 Column (left menu) settings 30:70 */
#NTGG_map .leftmenu {
	background: #c0c0c0;		               /* right column background colour */
}
#NTGG_map .leftmenu .colleft {
	right:70%;			                       /* right column width */
	background-color: #c0c0c0;	           /* left column background colour */
	border-right: 1px solid #666;
}
#NTGG_map .leftmenu .col1 {
	width:66%;			                       /* right column content width */
	left:102%;			                       /* 100% plus left column left padding */
}
#NTGG_map .leftmenu .col2 {
	width:26%;			                       /* left column content width (column width minus left and right padding) */
	left:6%;			                         /* (right column left and right padding) plus (left column left padding) */
}



/*** Specific styles for all pages                                          ***/
.main-pane,
.right-pane {
	font-size: 0.8em;
	text-align: left;
	line-height: 120%;
}
.main-pane span.newshead {
	font-weight: bold;
}
.main-pane span.date {
	font-size: 0.8em;
	text-align: right;
	float: right;
}
span.NOring {
	color: black;
	background-color: #FF6C2F;
	padding: 1px 3px 1px 7px;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: left;
	clear: both;
}
.main-pane ul,
.right-pane ul {
	padding: 0;
	margin: 0;
}

p.author {
	font-size: 0.8em;
}
span.reference {
	font-style: oblique;
}
p.synopsis {
	font-size: 0.8em;
	line-height: 100%;
}
span.latin {
	font-style: oblique;
}

/*** Recovery tables styles                                                 ***/
table.recovery {
  border-collapse: collapse; 
  width: 100%;
}
.main-pane table.recovery {
  border-bottom: 3px solid #ffe74f;
}
.recovery th,
.recovery td {
	font-weight: normal;
	font-size: 0.8em;
  padding: 0;
  vertical-align: top;
  line-height: 1.3em;
  padding: 0 1% 4px 0;
}

.main-pane .recovery_head th {
	padding: 4px 0 4px 0 ;
  border-bottom: 3px solid #666;
}
.recovery_foot td,
.recovery_foot th {
  padding: 4px 0 6px 0;
} 
.rec_rno {
  width: 8%;
}
.rec_age {
  width: 4%;
}
.rec_dat {
  width: 10%;
  }
.rec_out {
  width: 11%;
}
.rec_loc {
  width: 16%;
}
.rec_dis {
  width: 11%;
}
.rec_int {
  width: 8%;
}
.rec-new {
  width: 3%;
}
/*** Ringing tables styles                                                  ***/
.none {
  padding: 0 !important;
  border: none !important;
  margin: 0 !important;
}
table.ringing {
  border-collapse: collapse; 
  width: 100%;
}
.main-pane table.ringing {
  border-bottom: 3px solid #666;
}
.right-pane table.ringing {
  border-bottom: 3px solid #ffe74f;
}
.ringing th,
.ringing td {
	font-weight: normal;
	font-size: 0.8em;
  padding: 0;
}
.ringing th {
	text-align: left;
}
.ringing td {
	text-align: right;
}
.ringing_head th {
	text-align: right;
/*  padding-top: 2px; */
}
.main-pane .ringing_head th {
  border-bottom: 3px solid #c0c0c0;
}
.right-pane .ringing_head th {
  border-bottom: 3px solid #666;
}
.ringing_head .ring_sp {
	text-align: left;
}
.ringing_foot td,
.ringing_foot th,
.ringing_foot2 td,
.ringing_foot2 th {
  padding: 4px 0 6px 0;
}
.main-pane .ringing_foot td,
.main-pane .ringing_foot th {
  border-top: 3px solid #c0c0c0;
} 
.right-pane .ringing_foot td,
.right-pane .ringing_foot th {
  border-top: 3px solid #666;
} 
.ringing_foot th,
.ringing_foot2 th {
  text-align: right;
}
.ring_sp {
  width: 36%;
}
.ring_mr,
.ring_tr,
.ring_co {
	width: 14%;
}
.ring_cr {
  width: 22%;
}


.new {
	color: #ffe74f;
	background-color: #666;
	font-weight: bold;
	padding: 0 2px 1px 2px;
}

/*** Specific style overrides for specific pages                            ***/
#NTGG_ringing .right-pane,
	padding: 0;
 	border-bottom-style: none; 
}

#NTGG_recoveries h3,
#NTGG_controls h3 {
	clear: both	;
}
/*** Photo gallery styling                                                   ***/
ul.gallery, 
table.gallery {
	display: block;
	list-style-type: none;
	margin: 6px -1px 2px -1px;
	padding: 0; 
}
/* #NTGG_gallery ul.gallery {
	border-bottom: 3px solid #666;
	height: 1%;
}*/
ul.gallery li {
	display: block;
	float: left;
	padding: 0 1px 6px 1px;
	border: none;
	margin: 0;
}
#NTGG_other ul.gallery li {
	padding: 0 8px 12px 0;
}
#NTGG_other .main-pane table.gallery td p {
	text-align: left;
}
#NTGG_gallery .main-pane ul.gallery li a,
#NTGG_other .main-pane table.gallery td a {
	background-color: #dfdfdf;
	padding: 0;
}
#NTGG_home .right-pane ul.gallery li a,
#NTGG_gallery .right-pane ul.gallery li a,
#NTGG_other .main-pane ul.gallery li a,
#NTGG_other .main-pane table.gallery td a {
	background-color: #c0c0c0;
	padding: 0;
}
ul.gallery li a img,
table.gallery td a img,
span.photo a img {
	margin: 0;
	border: 1px solid #333;
	padding: 0;
}
ul.gallery li p {
  clear: both;
  width: 154px;
  font-size: 0.9em; 
  padding: 0 4px 2px 4px;
  border: none;
  margin: 0;
}
/*
ul.gallery li h3 {
  width: 154px;
  font-size: 0.9em; 
  padding: 0 4px 2px 4px;
}

/*** Footer section styles                                                  ***/
#copyright {
	font-size: 0.6em;
	text-align: center;
 	text-indent: 0;
	padding: 6px 0 6px 0;
 	border-top: 3px solid #ffe74f;
 	border-bottom: 3px solid #ffe74f;
 	margin: 8px 0 0 0;
}
#credit {
	font-size: 0.6em;
	text-align: center;
 	text-indent: 0;
	padding: 4px 0 4px 0;
 	border-bottom: 3px solid #ffe74f;
 	margin: 0;
}
.toggle {
	width: 100%;
	float: right;
  text-align: right;
  padding-top: 4px;
}
.l {
	float: left;
}
.r {
	float: right;
}

/*** Data entry form styles                                                  ***/
form table.counts td {
	width: 100px;
}
form table.counts td.sp {
	width: 160px;
}



/*
#footer {
	border-top: 6px solid #ffe74f;
	margin: 0 2% 4px 2%; 
}
*/

#NTGG_home #nav_home {
}

#NTGG_other #nav_home, 
#NTGG_other #nav_ringing,
#NTGG_other #nav_recoveries,
#NTGG_other #nav_controls,
#NTGG_other #nav_gallery,
#NTGG_other #nav_links,
#NTGG_other #nav_contactus,

#NTGG_home #nav_home_a,
#NTGG_home #nav_ringing,
#NTGG_home #nav_recoveries,
#NTGG_home #nav_controls,
#NTGG_home #nav_gallery,
#NTGG_home #nav_links,
#NTGG_home #nav_contactus,

#NTGG_ringing #nav_home, 
#NTGG_ringing #nav_ringing_a,
#NTGG_ringing #nav_recoveries,
#NTGG_ringing #nav_controls,
#NTGG_ringing #nav_gallery,
#NTGG_ringing #nav_links,
#NTGG_ringing #nav_contactus,

#NTGG_recoveries #nav_home, 
#NTGG_recoveries #nav_ringing,
#NTGG_recoveries #nav_recoveries_a,
#NTGG_recoveries #nav_controls,
#NTGG_recoveries #nav_gallery,
#NTGG_recoveries #nav_links,
#NTGG_recoveries #nav_contactus,

#NTGG_controls #nav_home, 
#NTGG_controls #nav_ringing,
#NTGG_controls #nav_recoveries,
#NTGG_controls #nav_controls_a,
#NTGG_controls #nav_gallery,
#NTGG_controls #nav_links,
#NTGG_controls #nav_contactus,

#NTGG_gallery #nav_home, 
#NTGG_gallery #nav_ringing,
#NTGG_gallery #nav_recoveries,
#NTGG_gallery #nav_controls,
#NTGG_gallery #nav_gallery_a,
#NTGG_gallery #nav_downloads,
#NTGG_gallery #nav_links,
#NTGG_gallery #nav_contactus,

#NTGG_links #nav_home, 
#NTGG_links #nav_ringing,
#NTGG_links #nav_recoveries,
#NTGG_links #nav_controls,
#NTGG_links #nav_gallery,
#NTGG_links #nav_links_a,
#NTGG_links #nav_contactus,

#NTGG_contactus #nav_home, 
#NTGG_contactus #nav_ringing,
#NTGG_contactus #nav_recoveries,
#NTGG_contactus #nav_controls,
#NTGG_contactus #nav_gallery,
#NTGG_contactus #nav_links,
#NTGG_contactus #nav_contactus_a {
	display: none;
}