/*  
Site Name: Geo Guide PNCC
Site URI: http://geoguide.palmerstonnorth.com/
Description: PNCC Geo Guide
Version: 2.0

UPDATE INFO ---------------------------------------

Revision number: 2.0
Last updated: 1 Nov 2009

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------
*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses
*08: Skin Schemes 
--------------------------------------------------- */

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

*{margin:0;padding:0;}
body {color:#000;background:#FFF;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.clear-both				{ clear:both; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.border-none			{ border:none !important; }
.border-top-none		{ border-top:none !important; }
.border-bottom-none		{ border-bottom:none !important; }
.margin-none			{ margin:0 !important;}
.margin-top-none		{ margin-top: 0 !important; }
.margin-right-none		{ margin-right: 0 !important; }
.margin-bottom-none		{ margin-bottom: 0 !important; }
.margin-left-none		{ margin-left: 0 !important; }
.padding-none			{ padding:0 !important;}
.padding-top-none		{ padding-top: 0 !important; }
.padding-right-none		{ padding-right: 0 !important; }
.padding-bottom-none	{ padding-bottom: 0 !important; }
.padding-left-none		{ padding-left: 0 !important; }
.hot					{ cursor:pointer; }
.print-only				{ display:none; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 			{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic				{ font-style: italic; }
code					{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite					{ font-style: italic; }
abbr, acronym			{ border-bottom: 1px dotted; cursor: help; }
q						{ color: #fff; }
blockquote				{ color: #fff; font-size: 1.1em; margin: 0 0 0.5em 0; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.4 "Lucida Grande","Lucida Sans",Verdana,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #fff;
	color: #333;
}

img {}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size:2.7em; font-weight:normal; }

ul li,
ol li {
	list-style: none;
}

dt {
	float: left;
	clear: left;
}

dd {
	float: left;
}

blockquote {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica;
	font-weight: bold;
	color: #999;
	padding: 30px 0 0 0;
}

.quote-src {
	text-align: right;
}

a {
	color:#043279;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

input, select, textarea {
	font-family:"Lucida Grande","Lucida Sans",Verdana,sans-serif;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
	
	#header {
		position:relative;
		height:90px;
	}
	
	#content {
		padding:15px 0 10px;
	}
	
	#footer {
		clear:both;
	}
	
/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/
	
	h1 {
		margin:0 0 20px;
		font-size:2.1em;
		color:#153365;
	}
	
	a.link-btn {
		display:inline-block;
		padding:10px 45px;
		text-transform:uppercase;
		font-size:1.2em;
		color:#fff;
		background:#153365;
	}
	
	a.link-btn:hover,
	a.link-btn:focus {
		text-decoration:none;
		background:#00225a;
	}
	
	#content h2 {
		margin:20px 0 10px;
		font-size:1.6em;
	}
	
	#content p {
		clear:both;
		margin:0 0 10px;
		font-size:1.2em;
	}
	
	#content table {
		width:100%;
		margin:0 0 10px;
		border-top:1px solid #ddd;
		border-left:1px solid #ddd;
	}
	
	#content th,
	#content td {
		padding:5px 15px;
		font-size:1.2em;
		font-weight:bold;
	}
	
	#content th {
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
		color:#fff;
		background:#425a82;
	}
	
	#content td {
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
		background:#fafafa;
	}
	
	#content .map {
		margin:0 0 10px;
		width:600px;
		height:395px;
		background:#eee;
	}
	
/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/

/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/***** Header Styles *****/
	
	body {
		padding:20px;
	}
	
	#header {
		overflow:hidden;
		border-bottom:1px solid #b2b2b2;
	}
	
	#header .logo {
		position:absolute;
		top:0;
		left:0;
		width:123px;
		height:73px;
	}
	
	#header .title {
		float:left;
		margin:20px 0 0 155px;
	}
	
	#ie6 #header .title {
		display:inline;
	}
	
	#header .title em {
		display:block;
		margin:0;
		width:190px;
		height:35px;
		text-indent:-10000px;
		background:url(../images/geoguide/hdg/hdg-geo-guide.png) 0 0 no-repeat;
	}
	
	#header h1 {
		margin:0;
		font-size:1.2em;
		font-weight:bold;
		color:#333;
	}
	
	#header .print-btn {
		position:absolute;
		right:0;
		bottom:20px;
	}
	
/***** Footer Styles *****/
	
	#footer {
		overflow:hidden;
		padding:10px 0 0;
		border-top:1px solid #b2b2b2;
	}
	
	#ie6 #footer {
		height:1%;
	}
	
	#footer p {
		clear:both;
		margin:0 0 10px;
		font-size:1.1em;
	}
	
	#footer .logo-list {
		float:left;
		padding:0 0 10px;
	}
	
	#ie6 #footer .logo-list {
		display:inline;
	}
	
	#footer .logo-list li {
		float:left;
		padding:0 15px 0 0;
		line-height:1.2em;
	}
	
	#footer .logo-list a {
		text-transform:uppercase;
		font-size:1em;
		color:#b5b5b5;
	}
	
	#footer .print-btn {
		float:right;
	}