/* general formatting
==============================================================================*/
body {
	text-align: center;
	background: #CCCCCC;
	font-family:"Lucida Grande", Tahoma, sans-serif;
	color: #333333;
	}
h1 {
	font-size:36px;
	}
h2 {
	text-align: left;
	font-size:24px
	}
h3 {
	text-align: left;
	font-size:18px;
	}
h4 {
	text-align: left;
	font-size:16px;
	}
h5 {
	text-align: left;
	font-size: 14px;
	}
h6 {
	text-align: left;
	font-style: italic;
	font-size: 12px;
	}
p {
	margin-bottom: 1em;
	font-size:12px;
	}
a {text-decoration: none}
a:link {color: #FF3333}
a:visited {color: #FF3333}
a:hover {color: #FF0000}
a:active {color: FF0000}

	
/* basic layout
==============================================================================*/
.container {
	border: 1px solid gray;
	margin: 0px auto;
	padding: 0px;
	width: 750px;
	background: #FFFFFF;
	}
.left {
	float: left;
	width: 200px;
	padding: 10px;
	margin: 0;
	text-align: left;
	}
.content {
	margin-left: 220px;
	padding: 10px;
	min-height: 475px;
	text-align: justify;
	}
.content ul {
	list-style-type: none;
	font-size:12px;
	text-align:left
	}
#imgCenter {
	text-align: center;
	font-style: italic;
	font-size: 10px;
	}
#imgRight {
	float: right;
	width: 210px;
	padding-left: 10px;
	text-align: center;
	font-style: italic;
	font-size: 10px;
	}
	

/* header
==============================================================================*/
div#header {
	height: 50px;
	width: 100%;
	background-color: #333333;
	background: url(img/banner.jpg);
	text-align: left;
	font-family:"Century Gothic", Arial, sans-serif;
	font-variant: small-caps;
	font-size: 36px;
	color: #CCCCCC;
	}


/* main navivation bar
==============================================================================*/
div#navbar {
	height: 25px;
	width: 100%;
	background-color: #333333;
	border-bottom: 1px solid gray;
	font-size:14px;
	color: #CCCCCC;
	}
#navbar ul {
	float: left;
	margin: 0px;
	padding: 0px 10px;
	line-height: 25px;
	list-style-type: none;
	white-space: nowrap;
	}
#navbar li { 
	display: inline;
	}
#navbar li a {
	text-decoration: none;
	}
#navbar li a:link {
	color: #FFFFFF;
	}
#navbar li a:visited {
	color: #FFFFFF;
	}
#navbar li a:hover {
	color: #FF3333;
	}
#navbar li a:active {
	color: #FF3333;
	}



/* sub navigation bar
==============================================================================*/
#subNav {
	height: 20px;
	width: 100%;
	background-color:#FF3333;
	border-bottom: 1px solid gray;
	font-size: 10px;
	color: #000000;
	}
#subNav ul {
	float: left;
	margin: 0px;
	padding: 0px 10px;
	line-height: 20px;
	white-space: nowrap;
	list-style-type: none;
	}
#subNav li {
	display: inline;
	}
#subNav li a {
	text-decoration: none;
	}
#subNav li a:link {
	color: #FFFFFF;
	}
#subNav li a:visited {
	color: #FFFFFF;
	}
#subNav li a:hover {
	color: #000000;
	}
#subNav li a:active {
	color: #000000
	}
	
/* footer
==============================================================================*/
#footer {
	height: 20px;
	width: 100%;
	background-color:#333333;
	border-top: 1px solid gray;
	color: #999999;
	}
#footer p {
	margin: 0px;
	line-height: 20px;
	text-align: center;
	font-size: 10px;
	}
#footer p a:link {
	color: #CCCCCC;
	}
#footer p a:visited {
	color: #CCCCCC;
	}
#footer p a:hover {
	color: #FF3333;
	}
#footer P a:active {
	color: #FF3333:
	}