/*
p{color:red;} has 0,0,0,1 (just an element)
.red{color:red;} has 0,0,1,0 (just a class)
#content p.red{color:red;} has 0,1,1,1 (an element, class and id)
<inline style tag> has 1,0,0,0 (and trumps all specificity of CSS.)

padding: top right bottom left; (trbl)
*/

body {
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align: center;
	color: #333;
	background-color: #D6D6D6;
	background-image: url(images/money2.jpg);
}

#container
{
	height: auto;
	margin: 1em auto;
	width: 768px;
	background-color: #fff;
	border: 1px none #fff;
	border: 1px solid #676767;
}
/****************************/
/********** HEADER **********/
/****************************/
#header
{
	height: 74px;
	width: auto;
	background-color:#FFFFCC;
}

h1 {
	margin: 0;
	padding: 0;
	text-align: center;
}

#titletop {
	font-size: 20px;
	color: #B52C07;
}

#titlebottom {
	font-size: 36px;
	color: #5B5E0E;
}
/****************************/
/*********** MENU ***********/
/****************************/
#mainnav
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	padding: 5px;
	text-align: center;
	
	background-color: #111111;

	color: #CCCCCC;
	font-size: 100%;
	font-weight: normal;
}

#mainnav ul
{
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
}

#mainnav li
{
	display: inline;
	padding: 0 10px;

}

#mainnav li a
{
	text-decoration: none;
	color: #CCCCCC;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}

.menuright
{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.menurightcenter
{
	;
}

.menuleftcenter
{
	border-right: 1px solid #FFFFFF;
}

.menuleft
{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
/****************************/
/********* CONTENTS *********/
/****************************/
#contents { 
	height: auto;
	margin: 20px 20px 20px 20px;
	
	border-bottom: 1px solid #C5C877; 
	border-top: 1px solid #C5C877; 
}

#contents h3 {
	margin: 0;
	text-align: center;
}

#titlepage {
	padding: 20px 0 0 0;
	font-size: 24px;
	color: #B52C07;
	font-weight: bold;
	letter-spacing: 4px
}

#subtitlepage {
	padding: 0 0 20px 0;
	font-size: 16px;
	color: #5B5E0E;
}

.tenpx {
	font-size: 10px;
}

#contents p {
	line-height: 165%;
}

#contents div {
	height: auto;
}

#contents li {
	line-height: 165%;
}

#contents a:link { color: #000000; }

#contents a:visited { color: #CCCCCC; }

#contents a:hover, a:active {
	color: #00C6EA;
	background-color: #FFFFFF;
}
/****************************/
/********* ________ *********/
/****************************/
a:link { color: #FFFFFF; }
a:visited { color: #CCCCCC; }

a:hover, a:active {
	color: #00C6EA;
	background-color: #FFFFFF;
}


h1 a { text-decoration: none; }

h2 {
	color: #00C6EA;
	font-weight: bold;
	margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }


h4 {
	text-align: center;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

.white { color: #FFFFFF; }
.red { color: #B52C07; }
.green { color: #5B5E0E; }
.orange { color: #FF8700; }
.blue { color: #00C6EA; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.larger { font-size: 24px; }
.smaller { font-size: 12px; }
.spacing { letter-spacing: 4px }

.clearall { clear:both; }

.zeroall {
	margin: 0;
	padding: 0;
}




.center { padding: 0 0 20px 20px; }
.right { float: right; }
.left { float: left; }
.half { width: 50%; }
.half-5 { width: 45%; }
.quarter { width: 25%; }
.pad0 { padding: 0 0 0 0; }
.pad1 { padding: 0 0 20px 0; }
.pad2 { padding: 20px 0 20px 0; }
.pad3 { padding: 20px 0 0 0; }
.pad20-sides { margin: 0 20px 0 20px; }
.text-left { text-align: left; }

.text-indent { text-indent: 30px; }

.image-center { 
	text-align: center;
	border: 1px solid #676767;
}

.imagefloat { float: right; }

/****************************/
/********* BUTTONS **********/
/****************************/
#buttons
{
	clear: both;
	height: auto;
	margin: 0 20px 0 20px;
}

#buttons h3 {
	color: #B52C07;
	text-align: center;
	font-size:: 18px;
	margin: 0;
	padding: 0 0 5px 0;
}

#buttons p {
	line-height: 100%;
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
}
/****************************/
/********** FOOTER **********/
/****************************/
#footer
{	
	clear: both;
	background-color: #000000;
	color: #CCCCCC;
	padding: 5px;
	font-size: 90%;
	text-align: right;
	font-size: 90%;
}
/****************************/
/********** GOOGLE **********/
/****************************/
#googlead
{
	clear: both;
	color: #272900;
	text-align: center;
	font-size: 90%;
	margin: 10px 20px 10px 20px;
}
#googlelink {
	color: #000000;
}

