/********************************************
* Global CSS styles *************************
* created 05/20/09		
* by Jeff Marshall
*
* line height: 	18px, 1.8em
* font-size: 	12px, 1.2em
********************************************/

/* Reset some stuff 	~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a, body, div, dl, dt, dd, ul, ol, li, h1, h2, 
h3, h4, h5, h6, pre, form, fieldset, input, 
textarea, p, blockquote, th, td, legend

			{margin: 0; padding: 0;}
			
body {
	-x-system-font:none;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;

}
			
table 			{border-collapse: collapse; border-spacing: 0;}
fieldset,img 		{border: 0;}
q:before,q:after 	{content: '';}
abbr,acronym 		{cursor: help;}

/* Global Classes 	~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.left         		{float:left; display: inline;}
.right        		{float:right; display: inline;}
.textRight		{text-align: right;}
.textLeft		{text-align: left;}
.container		{height: 1%; overflow:hidden;}
.outer, .inner		{height: 100%; width: 100%}

.hide {
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}

/* Images 		~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/* Image Replacement	+++++++++++*/
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
		position:absolute;
		width:100%;
		height:100%;
	}
	
	h1 a span, h2 a span, h3 a span, h4 a span, h5 a span, h6 a span {
		cursor: pointer;
	}

/* Type 		~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html 			{font-size: 16px}
body 			{color: #1a1a1a; font-family: sans-serif; font-size: 62.5%;}
#outer 			{font-size: 1.2em; line-height: 1.8em;}

.oneLine 		{height: 1.8em;}
.twoLines 		{height: 3.6em}
.threeLines 		{height: 5.4em;}


/* baselines are 1.8em or 18px apart. */

p, ul, ol, dl		{margin-bottom: 1.8em;}
p 			{text-align: justify;}
h1{
	font-size:3em;
	line-height:1.2em;
	margin-bottom:0.6em;
}
h2{
	font-size:2em;
	line-height:0.9em;
	margin-bottom:0.9em;
}
h3{
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:1.2em;
}
h4{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
h5{
	font-size:1em;
	line-height:1.8em;
	margin-bottom:1.8em;
}
h6{
	font-size:1em;
	line-height:1.8em;
	margin-bottom:1.8em;		
}

/* Lists 		~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul 			{list-style-position: inside}
ol 			{margin-left: 3em;}
dl dl, dl ol, dl ul, 
ol ol, ol ul, ol dl, 
ul ul, ul ol, ul dl 	{margin: 0 0 1.8em 3em}
ol ol 			{list-style-type: lower-alpha;}
ol ol ol 		{list-style-type: lower-roman;}
ul ul 			{list-style-type: circle;}
ul ul ul 		{list-style-type: square;}

	/* generic lists 	+++++++++++++++++++*/
	.blankList	{list-style-type: none;}

/* Navigation 		~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/* links 	+++++++++++++++++++*/
	
	a		{text-decoration: none;}
	a:link 		{color: inherit}
	a:visited 	{color: inherit}
	a:hover 	{color: inherit}
	a:active 	{color: inherit}
	
	/* menus 	+++++++++++++++++++*/
	
	ul.hMenu, ul.vMenu {
		height: 1%;
		list-style-position: outside;
		list-style-type: none; 
		margin: 0; 
		overflow: hidden;
		padding: 0;
		width: auto;
	}
	
	ul.vMenu				{width: 20em;}
	ul.hMenu li				{float: left; display: inline;}
	ul.vMenu li 				{float: none; display: block;}
	ul.hMenu li, ul.vMenu li		{margin: 0; padding: 0;}
	ul.vMenu li a, ul.hMenu li a		{display: block; padding: 1em;}

/* Form items 		~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form ul {
	height: 1%;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

	form ul li {
		height: 1%;
		margin: 0 0 1.8em;
		overflow: hidden;
		padding: 0;
	}

	form ul label {
		display: block;
	}
	
	input, textarea, select {
		background-color: transparent;
		border: none;
		display: inline;
		font-size: 100%;
		margin-left: 1px;
		min-height: 1.2em;
		outline: 1px solid;
	}
	
		select {
		}
		
		input[type=text] {
		}
		
		input[type=checkbox], input[type=radio], .checkbox {
			border: none;
			display: inline;
			margin: 0 3px;
			outline: none;
			vertical-align: text-bottom;
		}

	textarea {
		display: none;
		font-family: inherit;
		font-size: 100%;
		height: 3.6em;
		line-height: 1.8em;
		margin: -1px 0 1px 1px;
	}