/*
  Common CSS Styles V1.0

  History:
  2007 Jun 08: Version 1.0: Initial Version

  This module provides the styling for global application 
  within a website.

  Copyright (c) 2009, PageOne Websites and Internet Technology Co.

*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx GLOBAL xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

html {
	background: #c0c1b9;
	height:100%;
	max-height:100%;
	margin:0;
	padding:0;
	width:100%;
	}

body	{ 
	background: #c0c1b9 url('img/bg.jpg') no-repeat center top;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:90%;
	height:100%;
	max-height:100%;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxx DIVS xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#page_container	{
		background: transparent;
		margin:0 auto;
		padding: 0;
		text-align:left;
		width:950px;
		}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#left_column {	
		background: white;
		border:0;
		display:inline;
		float:left;
		height:1%;
		margin:0;
		padding:0;
		width:250px;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#center_column {	
		background: white;
		border:0;
		display:inline;
		float:left;
		height:1%;
		margin:0;
		padding:0;
		width:250px;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#centerright_column {	
		background: white;
		border:0;
		display:inline;
		float:left;
		height:1%;
		margin:0;
		padding:0;
		width:250px;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#right_column {	
		background: white;
		border:0;
		display:inline;
		float:left;
		height:1%;
		margin:0;
		padding:0;
		width:200px;
		}






/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.wide_container {	
		background: transparent;
		border:0;
		clear:both;
		margin:0;
		padding:0;
		width:950px;
		}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.white_top		{
 	background:white;
	clear:left;
 	font-size:1px;
 	height:10px;
 	line-height:0.1;
	}

div.white_bottom		{
 	background:white;
	clear:left;
 	font-size:1px;
 	height:5px;
 	line-height:0.1;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.pad {
	height:1%;
	margin:0 10px;
	padding: 10px;
	}

div.head_pad {
	background:transparent;
	height:1%;
	margin:0;
	padding: 10px 10px 0 10px;
	padding-left:0;
	}

* html div.head_pad {
	padding-bottom:2px;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#footer_container { 
	border:1px solid #fff;
	color:#555;
	clear:both;
	font-size:90%;
	margin:0 10px;
	margin-top: 100px;
	margin-bottom: 50px;
	padding: 2px;
	text-align:center;
	}
	
div#footer_container p { 
	background:#fff;
	margin:5px;
	padding:10px;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.ppx_clear{
		background:transparent;
		clear:both;
		font-size:1px;
		line-height:0;
		margin:0;
		padding:0;
		} 


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx HEADERS xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h1	{
	color:#555;
	font-size:225%;
	font-family:"Trebuchet MS";
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1;
	margin: 0;
	margin-bottom:0;
	padding: 0;
	padding-top:20px;
	padding-bottom:0;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h2	{
	background:red;
	border-bottom:1px solid #aaa;
	color:#111;
	font-family:"Trebuchet MS";
	font-size:180%;
	font-weight:normal;
	line-height:1;
	margin: 10px 0;
	margin-top:25px;
	padding:0;
	text-transform:uppercase;
	}

a:link.headertitle1, a:visited.headertitle1	{
	background:#3d0004;
	color:#eee;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}

a:hover.headertitle1 {
	background:#b3b15e;
	color:#111;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}
	
a:link.headertitle2, a:visited.headertitle2	{
	background:#9f7e34;
	color:#eee;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}

a:hover.headertitle2 {
	background:#b3b15e;
	color:#111;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}
	
a:link.headertitle3, a:visited.headertitle3	{
	background:#5f7535;
	color:#eee;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}

a:hover.headertitle3 {
	background:#b3b15e;
	color:#111;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}

a:link.headertitle4, a:visited.headertitle4	{
	background:#c6c486;
	color:#333;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}

a:hover.headertitle4 {
	background:#b3b15e;
	color:#111;
	display:block;
	font-family:"Trebuchet MS";
	font-size:140%;
	font-weight:normal;
	line-height:1;
	margin:-10px;
	padding: 10px;
	text-transform:uppercase;
	text-decoration:none;
	}










/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h3	{
	border-bottom:1px solid #aaa;
	color:#111;
	font-weight:normal;
	line-height:1;
	margin: 10px 0;
	margin-top:15px;
	padding:0;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h4	{
	color:#111;
	line-height:1;
	margin: 5px 0;
	margin-top:25px;
	padding:0;
	}
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h5	{
	color:#111;
	line-height:1;
	margin: 5px 0;
	margin-top:25px;
	padding:0;
	}
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h6	{
	color:#111;
	line-height:1;
	margin: 5px 0;
	margin-top:25px;
	padding:0;
	}
	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxx TYPOGRAPHY xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

p	{
	line-height: 1.3;
	margin: 5px 0 7px 0;
	padding:0;
	}

em	{ }

acronym	{ border-bottom: 1px dashed black; cursor:help; }



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxx LISTS xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

ol	{ 
	margin: 5px 0 15px 0;
	padding:0;
	padding-left:30px;
	}

ol li	{
	margin:0;
	margin-bottom:5px;
	padding:0;
	}


ul	{ }

ul li	{ }



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx IMAGES xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

img	{
	margin:0;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	width:230px;
	}
 	
* html img	{
	margin:0;
	margin-left:10px;
	margin-bottom:3px;
	margin-top:5px;
	width:230px;
	}

div#logopad	{
	background:red;
	padding:20px;
	width:300px;
	}

img#logo {
	border-right:1px solid #b3b15e;
	display:inline;
	float:left;
	margin:0;
	margin-right:15px;
	padding:0;
	width:300px;
	}


img#xhtml_valid { }

img#css_valid { }

a img {border: 0;}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxx LINKS xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

a:link, a:visited	{
	color: #2d73b9;
	}

a:hover {
	color: #000;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

a:link img, a:visited img, a:hover img { 
	background: transparent; 
	cursor:pointer; 
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */