﻿/* Reset */

html, body { margin: 0; padding: 0; border: 0;
				background: transparent; font-size: 10px; }
				
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
img		{ margin: 0; padding: 0; border: 0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}

table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block; }

h1, h2, h3, h4, h4, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }


/* Global */

html	{	}
body	{	background-color: #eeeeee;	}

	
/*  Heading  */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, h5 img, h6 img { margin: 0; }


/*  Text Elemnets  */

p				{ color: #000000; font-size: 12px; line-height: 150%; }

a				{	}
a:link			{ color: #000000; }
a:visited		{ color: #000000; }
a:active		{ color: #000000; }
a:focus			{ color: #000000; }
a:hover			{ color: #000000; }

blockquote		{ color: #000000; font-size: 12px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }


/*  Images  */



/*  Lists  */

ul				{	}
ol				{ list-style-type: decimal; }

ul li			{ color: #000; font-size: 12px; }
ol li			{ color: #000; font-size: 12px; }

dl				{	}
dt				{	}
dd				{	}


/*  Tables  */

table			{ width: 100%; }

tr				{	}
.odd			{ background-color: #eee; }
.even			{ background-color: #fff; }

th				{ font-weight: bold; }
thead, th		{ background: #ccc; }

tbody			{	}

th, td, caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background-color: #ccc; text-align: center; font-style: italic; }

caption			{background: #efefef; }


/*  Miscellaneous  */



/*  Miscellaneous  */


/*  Containers  */

#wrapper			{	width: 900px; margin: 0px auto; background-color: #ffffff;	}

#top				{	background-color: #7383C4; width: 100%; padding: 25px 0 75px 0; overflow: hidden;	}

#strap-line			{	margin: 0 0 0 10px; float: left;	}
#strap-line p		{	letter-spacing: 1.5px; font-weight: bold; font-size: 11px;	}

#logo				{	float: right; 	}
#logo img			{	margin: 0 10px 0 0; width: 325px; height: 60px;	}

#contact			{	background-color: #7383C4; width: 100%; overflow: hidden;
						border-bottom: 1px #cccccc solid;	}

#address			{	float: right;	}
#address p			{	font-size: 11px; margin: 0px 10px 2px 0px;	}

#telephone			{	float: right;	}
#telephone p		{	color: #ffffff; font-size: 11px; margin: 0px 10px 2px 0px;	}

#topnav				{	background-color: #333333; clear:both;	}
#topnav ul			{	width: 100%; float: left; margin: 0px; background-color: #333333;
						border-bottom: 3px #cccccc solid;	}
#topnav ul li		{	display: inline;	}
#topnav ul li a		{	float: left; padding: 10px 20px;	}

#topnav a:link		{ color: #ffffff;	}
#topnav a:visited	{ color: #ffffff;	}
#topnav a:active	{ color: #ffffff;	}
#topnav a:hover		{ color: #000000;	background-color: #7383C4;	}
#topnav a:focus		{ color: #ffffff;	}


#banner				{	border-bottom: 1px #cccccc solid;	}

#subbanner			{	width: 100%; background-color: #555555; padding: 5px 0; overflow: hidden;
						border-bottom: 3px #cccccc solid;	}
#subbanner h3		{	color: #ffffff; font-size: 20px; font-weight: bold;
						text-align: center; letter-spacing: 4px;	}
#subbanner p		{	color: #ffffff; font-size: 11px; font-style: italic;
						text-align: center;	}

#content			{	float: left; width: 650px; padding: 20px;	}
#content h1			{	margin: 0 0 20px 0; font-size: 32px;
						border-bottom: 1px #777777 solid; padding: 0 0 10px 0;	}

#content ul			{	width: 100%; float: left; margin: 0px; border-bottom: 3px #cccccc solid;	}
#content ul li		{	display: inline;	}
#content ul li a	{	float: left;	}
#content ul li img	{	width: 125px; height: 125px; padding: 8px; border: 1px #aaa solid; margin: 8px;	}

						
#content p			{	margin: 10px 0;	}
#content p a:link		{	color: #0000ff;	}
#content p a:visited	{	color: #0000ff;	}

#content img		{	width: 175px; height: 175px; padding: 8px; border: 1px #aaa solid; margin: 8px;	}


#rightside			{	padding: 20px; margin-left: 675px;	}
#rightside h2		{	margin: 0 0 10px 0;	}
#rightside h3		{	font-size: 14px; color: #777777;	}
#rightside ul		{	}
#rightside ul li	{	line-height: 150%;	}
#rightside ul li a	{	line-height: 200%; font-weight: bold;	}

#rightside a:link		{ color: #000000;	}
#rightside a:visited	{ color: #555555;	}
#rightside a:active		{ color: #000000;	}
#rightside a:hover		{ color: #000000;	background-color: #cccccc;	}
#rightside a:focus		{ color: #000000;	}


#footer				{	width: 100%; clear: both; background-color: #555;	}
#footer p			{	font-size: 11px; text-align: center; color: #fff; padding: 10px 0;	}


/*  Navigation Extra  */



/*  Forms  */

form	{ text-align: left; margin: 20px; }

label, submit, input, textarea {
		border: 0; padding: 0; margin: 0; background: none;
		}

label	{
		float: left; width: 150px;
		text-align: right; display: block;
		}

input, textarea	{
		border: 1px #333 solid; margin-left: 10px;
		}

input	{
		width: 280px; height: 150px;
		margin-bottom: 16px;
		}

select	{	}

.submit	{
		width: 90px; height: 25px;
		margin-left: 150px;
		font-size: 12px;
		}

br		{ clear: left;	}


/*  Miscellaneous  */

.white-text			{ color: #ffffff;	}