@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  global.css
 * ##### VERSION: v1.0
 * ##### UPDATED: 17/12/08 (Mick Chmielewski)
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ##### TYPOGRAPHY
/* ##### LAYOUT
/* ########################################################################### */

/* ########################################################################### *
/* ##### GLOBAL & CSS IMPORTS
/* ########################################################################### */

/* YUI RESET & FONTS */
@import 'reset-min.css';
@import 'fonts-min.css';

a:link 		{ color:#ff7d21; text-decoration:none }
a:visited	{ color:#ff7d21; text-decoration:none }
a:focus		{ text-decoration:underline }
a:hover		{ text-decoration:underline }
a:active	{ color:#ff7d21 }

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.nodisplay {
	display: none;
}

.hidden {
	position: absolute;
	left: -9999px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.imgLeft {
	float: left;
	padding: 0 15px 5px 0;
}

.imgRight {
	float: right;
	padding: 0 0 5px 15px;
}



/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */

body 
{
	font-size: 10px;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6
{
	margin-bottom: 1em;
}

p
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
}

h1 
{
	font-size: 2em;
	line-height: 1.5em;
	margin-bottom: 0.75em;
	color: #000;
}

h2 
{
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;	
	color: #000;
}

h3 
{
	font-size: 1.333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
	color: #000;
}

h4 
{
	font-size: 1.166em;
	line-height: 1.285em;
	margin-bottom: 1.285em;	
	font-weight: bold;
	color: #000;
}

h5 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
	color: #000;
}

h6 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
}

strong, 
.strong 
{
	font-weight: bold;
}

.emphasis 
{
	font-style: italic;	
}

.subdued 
{
	color: #666;
}

.highlight 
{
	color: #039;
}



/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */

#container {
	width: 652px;
	padding: 15px;
}

	#header {
		margin-bottom: 30px;
	}
	
		#header #logo {
			display: inline;
			float: left;
		}
		
		#header .vcard {
			margin-bottom: 5px;
			display: inline;
			float: right;
			text-transform: uppercase;
			font-size: 100%;
		}
		
			#header .vcard .organization-name {
				display: none;
			}
			
			#header .vcard .tel .type {
				font-weight: bold;
			}
			
		#header #tipping {
			display: inline;
			float: right;
			clear: right;
		}
		
	#navigation {
		margin-bottom: 15px;
	}
		
		#navigation #menu {
			display: inline;
			float: left;
		}
		
			#navigation #menu ul li {
				margin-bottom: 10px;
			}
		
				#navigation #menu ul li a {
					background: url('../images/bg_bullet.gif') no-repeat;
					padding-left: 20px;
					font-size: 108%;
					font-weight: bold;
					text-transform: uppercase;
					color: #000;
				}
			
		#navigation #promo {
			display: inline;
			float: right;
			width: 112px;
			text-align: center
		}
		
			#navigation #promo a {
				color: #000;
			}
			
	.banner {
		margin-bottom: 15px;
	}
		
	#content .column {
		display: inline;
		float: left;
		width: 200px;
		padding: 0 15px 15px 0;
	}
	
		#content .column ul li {
			list-style-type: disc;
			margin-left: 15px;
		}
	
	#content .dualcolumn {
		display: inline;
		float: left;
		width: 415px;
		padding: 0 15px 15px 0;
	}
	
	#content h2 {
		font-size: 116%;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#content h3 {
		margin-bottom: 5px;
		font-size: 100%;
		font-weight: bold;
		text-transform: uppercase;
	}