/*
    _______      .-'''-.    .-'''-.         .-------.       ____       ____     __  
   /   __  \    / _     \  / _     \        |  _ _   \    .'  __ `.    \   \   /  / 
  | ,_/  \__)  (`' )/`--' (`' )/`--'        | ( ' )  |   /   '  \  \    \  _. /  '  
,-./  )       (_ o _).   (_ o _).           |(_ o _) /   |___|  /  |     _( )_ .'   
\  '_ '`)      (_,_). '.  (_,_). '.         | (_,_).' __    _.-`   | ___(_ o _)'    
 > (_)  )  __ .---.  \  :.---.  \  :   by   |  |\ \  |  |.'   _    ||   |(_,_)'     
(  .  .-'_/  )\    `-'  |\    `-'  |        |  | \ `'   /|  _( )_  ||   `-'  /      
 `-'`-'     /  \       /  \       /         |  |  \    / \ (_ o _) / \      /       
   `._____.'    `-...-'    `-...-'          ''-'   `'-'   '.(_,_).'   `-..-'        

*/

body {
	color: #999966;                        /* ------------------------------- text colour A */
	background-color: black;             /* ------------------------- background colour Z */
	text-align: center;
	font-family: "Comic Sans MS";
	font-size: 15px;
}
a:link, a:visited {
	color: white;                        /* --------------------------- link colour White */
}           
a:hover {
	color: #999966;                        /* ------------------------------ hover colour A */
}                      
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h1, h2 {
	font-family: "Times New Roman", Times, serif;
}
h2, .gallery, #links h2 a:link, #links h2 a:visited {
	color: #5aaa54;                        /* --------------------------------- h2 colour B */
}                 
#footer, .error, .info, .how a:link, .how a:visited {
	color: gray;                        /* ------------------ visitor info grey colour G */
}                       
#footer, .error {
	font-size: 12px;
	margin-bottom: 20px;
}
.info 		{font-size: 14px;}
.colourbar	{padding-top: 35px;}
.vtop 		{vertical-align: text-top;}
.floatright	{float: right;}
.floatleft	{float: left;}
.white 		{color: white;}
.red 		{color: red;}
.yellow 	{color: yellow}
.orange 	{color: orange}
.none 		{text-decoration: none;}
.blink 		{text-decoration: blink;}
img 		{border: 0;}
.map 		{width: 300px;}
.wrap500 	{width: 500px;}
.wrap600 	{width: 600px;}
.wrap700 	{width: 700px;}
img, a, object  {outline: none;}

.auto, .wrap500, .wrap600, .wrap700, .weather {
	margin: 0 auto;
}
.left, .wrap500, .wrap600, .wrap700, .weather { 
	text-align: left;
}

.main {
	margin: 0 auto;
	width: 60%;
	border: none;		
}
	.left_td {
		text-align: right;
		float:right;
		padding: 30px 25px 0 0;		
	}
	.right_td {
		text-align: left;
		width: 50%;
		padding: 30px 0 0 25px;
	}
	.right_col {
		text-align: left;
		padding: 30px 0 0 25px;
	}
	.name {
	display: block;
	width: 300px;
	text-align: center;
	letter-spacing: 1.2px;
	font-family: papyrus, "Monotype Corsiva", "Book Antiqua", "Palatino Linotype", "Bookman Old Style";
	color: #999;
	font-weight: bolder;
	}
	#holden .name {
		font-family: "Times New Roman", Times, serif;}
	a.tip {
		position: relative;
		text-decoration: none;
		z-index: 24;
	}
	a.tip:hover {    
		z-index: 25;
	}
	a.tip span {    
		display: none;
	}
	a.tip:hover span {
		display: block;
		width: 300px;
		text-align: center;
		position: absolute;
		letter-spacing: 1.2px;
		font-family: papyrus, "Monotype Corsiva", "Book Antiqua", "Palatino Linotype", "Bookman Old Style";
		color: white;		
		background-color: black;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}

.tour {
	position: fixed; 
	bottom: 10px; right: 15px;
}
.paw  {
	position: relative;
	width: 300px; 
}
.paw_anim { 
	position: absolute;
	top: 142px;
	left: 35px;
}
.tv {
	position: relative;
	width: 600px; 
	margin: 40px auto 30px auto;
}
.tv_anim { 
	position: absolute;
	top: 58px;
	left: 57px;
}
.gmap_frame	{
	position: relative;
	width: 650px; 
	margin: 50px auto 50px;
}
.gmap { 
	position: absolute;
	width: 600px; 
	height: 350px;
	top: 25px;
	left: 25px;
}
.right, .inline {
	text-align: right;     /* -- <p class="inline"><span>Left</span> Right</p> -- */
}		
.inline span, .saver p span {
	float: left;
}
#spiders .inline {
	width: 650px;
}
.saver {
	width: 530px;
}
#top, #eagle, .topgap {
	margin: 25px;
}
.img_space img {
	margin: 5px 5px;
}
.weather {
	width: 200px;
	line-height: 1.3em;
}
.weather span {
	color: white;
}
.wide_pic {
	margin: 30px auto 0;
	width: 600px;	
}
.sep img, .sep object {        /* contact.php */
	margin: 12px 25px;
}
.xmas {
	margin: 0; padding: 0;
}
body#links, body#reptiles, body#birds, body#kangaroos, 
body#autumn, body#spring, body#summer, body#winter {
	background-repeat: no-repeat;
	background-attachment: fixed;	
	background-position: left bottom;
}
body#autumn, body#spring, body#summer, body#winter {
	background-image: url(wildflowers/100/flower_01.gif);
}
body#links {background-image: url(images/logo/bronzewing.gif);}
body#reptiles {background-image: url(images/logo/lizard.gif);}
body#kangaroos{background-image: url(images/logo//roo.gif);}
body#birds {background-image: url(images/logo/galah.gif);}

/* VOTE */
.vpic {
	width: 970px;
}	
.i1 {
	width: 980px;
	height: 460px;
}	
.i2 {
	width: 190px;
	height: 400px;
}
.i3 {
	width: 500px;
	height: 400px;
}
.rank {
	margin: 0;
}
#show_all a:visited {
	color:#999966
}
table.results {
	width: 170px;
	border-collapse: collapse;
	border-spacing: 0;	 
}
table.results td {
	padding: 0;
	border: 0;
	width: 56px; 	
}

/* Secondary site navigation */
.noscript {
	position: absolute; top: 10px; left: 1%; right: 1%;
}	
.navcontainer ul {
	padding: 0; margin: 0;
}
	.navlist li {
		display: inline;
		list-style-type: none;
	}	
	.navlist li a {
		text-decoration: none;
		background-color: #000000;
		color: #ffffff;
		padding: 3px 0.8em;
		margin-left: 3px;
		border-top: 3px solid #888;
		border-left: 3px solid #666;		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
/*  -moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 3px 3px 1px rgba(199,197,199,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 3px 3px 1px rgba(199,197,199,0.7); */
	}
	.navlist li a:link, .navlist li a:visited {
		color: white;
	}
	.navlist li a:hover, .navlist li a#current {
		color: #999966;                      /* --------------------------- hover colour A */
	}