﻿/* 			
		Copyright 2008 Byte Technology  
		
		http://www.byte-technology.com
		
		Byte Technology
		20 Ragsdale Drive, Suite 220
		Monterey, CA  93940
		
		Phone:    	831.656.9178
		Toll-free:	800.679.2188
		Fax:		     831.855.0291
*/

	/* PARTS OF A CSS STATEMENT

	.className {           ----- SELECTOR
		font-size: 11px;  ----- DECLARATION
	}

	*/

/* Use "display: none;" as a declaration in selectors that are to be hidden when using the print style sheet. */

	/* HACKS

	.className {
		font-size: 11px;
		*font-size: 12px;                          ----- SEEN BY <IE7
		_font-size: 13px;                          ----- SEEN BY IE6 ONLY
	}

	body:nth-of-type(1) .ClassName {declarations}   ----- SEEN BY GOOGLE CHROME ONLY

	*/

/* ------------------------------------------------------------------------ */
/* Standard HTML tags 
--------------------------------------------------------------------------- */

/* ---------------------- */
/* Body
------------------------- */

body {
	margin: 0 auto 25px -25px;
	padding: 0;
	font-size: 12px;
	line-height: 1.75;
	font-family: Arial, Helvetica, sans-serif;
	background: #DBDDF0;
	color: #000000;
}

/* ---------------------- */
/* Default Paragraph
------------------------- */

p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

/* ---------------------- */
/* Default Image
------------------------- */

img {
	border: none;
	padding: 0;
	margin: 0;
}

/* ---------------------- */
/* Default Tables
------------------------- */

td {
	vertical-align: top;
}

td p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

th {
	text-align: left;
}

/* ----------------------------------------------- */
/* Default Links
-------------------------------------------------- */

a:link {
	color: #9E2321;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #9E2321;
	text-decoration: none;
}

/* ------------------------------------------------------------------------ */
/* Lists
-------------------------------------------------- */

ol {
	margin: 15px 0 18px -20px;
}

ul {
	margin: 15px 0 18px -20px;
}

ol li {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

ul li {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

/* ------------------------------------------------------------------------ */
/* Special
--------------------------------------------------------------------------- */

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 1;
}

/* ------------------------------------------------------------------------ */
/* Container
--------------------------------------------------------------------------- */

.container {
	margin: 0 auto;
	width: 924px;
	background: #000000; /* BACKGROUND COLORED FOR VISUALIZATION PURPOSES ----- BLACK */
}

/* ------------------------------------------------------------------------ */
/* Default Headers
--------------------------------------------------------------------------- */

h1 a:link  {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

h1  {
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

h1 a:hover  {
/*	font-size: 22px;
	font-weight: bold;
	margin: 0;*/
	color: #000000;
	text-decoration: none;
}

h1 a:visited  {
/*	font-size: 22px;
	font-weight: bold;
	margin: 0;*/
	color: #000000;
	text-decoration: none;
}

h2 a:link {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #333333;
	text-decoration: none;
}

h2 {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 8px 0;
	color: #333333;
	text-decoration: none;
}

h2 a:hover  {
/*	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #333333;
	text-decoration: none;
}

h2 a:visited {
/*	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #333333;
	text-decoration: none;
}

h3 a:link {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #666666;
	text-decoration: none;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #666666;
	text-decoration: none;
}

h3 a:hover  {
/*	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #666666;
	text-decoration: none;
}

h3 a:visited {
/*	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #666666;
	text-decoration: none;
}

h4 a:link {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #666666;
	text-decoration: none;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #666666;
	text-decoration: none;
}

h4 a:hover  {
/*	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #666666;
	text-decoration: none;
}

h4 a:visited {
/*	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #666666;
	text-decoration: none;
}

h5 a:link {
	font-size: 12px;
	font-weight: bold;
	color: #9E2321;
	text-decoration: none;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	color: #9E2321;
	text-decoration: none;
}

h5 a:hover  {
	color: #9E2321;
	text-decoration: none;
}

h5 a:visited {
	color: #9E2321;
	text-decoration: none;
}

h6 a:link {
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #999999;
	text-decoration: none;
}

h6 {
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 8px 0;
	color: #999999;
	text-decoration: none;
}

h6 a:hover  {
/*	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #999999;
	text-decoration: none;
}

h6 a:visited {
/*	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 8px 0;*/
	color: #999999;
	text-decoration: none;
}

/* ------------------------------------------------------------------------ */
/* Header
--------------------------------------------------------------------------- */

.header {
	margin: 0 auto;
	padding: 0;
	width: 1059px;
	font-size: 12px;
	background-image: url('../images/TopBackGround.jpg');
	height: 110px;
}
.headerLeft {
	padding: 10px 0px 0px 60px;
	margin: 0px;
}

.headerLeft a:link {
	color: #cc0000;
	text-decoration: none;
}

.headerLeft a:hover {
	color: #0000cc;
	text-decoration: none;
}

.headerLeft a:visited {
	color: #ff0000;
	text-decoration: none;
}

.headerRight {
	line-height: 27px;
}

.headerRight a:hover {
	color: #9E2321;
	text-decoration: none;
}

.headerRight a:visited {
	color: #000000;
	text-decoration: none;
}

/* ------------------------------------------------------------------------ */
/* One Column
--------------------------------------------------------------------------- */

.oneColumn {
	margin: 0 auto;
	width: 1059px; /* USING PADDING WITHIN A DIV MEANS SUBTRACTING THE LEFT/RIGHT PADDINGS FROM THE WIDTH */;
	background-image: url('../images/MainImage.jpg');
	background-repeat: repeat-y;
	height: 508px;
}

.insideColumn {
	margin: 0 auto;
	width: 1059px; /* USING PADDING WITHIN A DIV MEANS SUBTRACTING THE LEFT/RIGHT PADDINGS FROM THE WIDTH */;
	background-image: url('../images/CleanBack.jpg');
	background-repeat: repeat-y;
	height: 508px;
}
.contactColumn {
	margin: 0 auto;
	width: 1059px; /* USING PADDING WITHIN A DIV MEANS SUBTRACTING THE LEFT/RIGHT PADDINGS FROM THE WIDTH */;
	background-image: url('../images/contactback.jpg');
	background-repeat: repeat-y;
	height: 508px;
}

}
.oneColumnLong {
	margin: 0 auto;
	width: 1059px; /* USING PADDING WITHIN A DIV MEANS SUBTRACTING THE LEFT/RIGHT PADDINGS FROM THE WIDTH */;
	background-image: url('../images/CleanBackLong.jpg');
	background-repeat: repeat-y;
}

/* START EXAMPLE UNORDERED LIST */

.oneColumn ul {
	margin: 0 0 10px 10px;
	*margin: 0 0 10px 20px; /* FOR <IE7 */
}

.oneColumn ul li {
	margin: 0 0 5px 0;
}

.oneColumn ul a:link {
	color: #00cccc;
	font-weight: bold;
	text-decoration: none;
}

.oneColumn ul a:hover {
	color: #cc0000;
	font-weight: bold;
	text-decoration: underline;
}

.oneColumn ul a:visited {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

/* END EXAMPLE UNORDERED LIST */

/* ------------------------------------------------------------------------ */
/* Two Columns
--------------------------------------------------------------------------- */

.twoColumns {
	margin: 0 auto;
	width: 924px;
}

.twoColumnsLeft {
	float: left;
	padding: 10px;
	width: 280px;
	background: #339933; /* BACKGROUND COLORED FOR VISUALIZATION PURPOSES ----- GREEN */
}

.twoColumnsLeft h2 a:hover  {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 20px 0 8px 0;
	text-decoration: none;
}

.twoColumnsLeft h2  {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 20px 0 8px 0;
	text-decoration: none;
}

.twoColumnsLeft h2 a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 20px 0 8px 0;
	text-decoration: none;
}

.twoColumnsLeft h2 a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 20px 0 8px 0;
	text-decoration: none;
}

.twoColumnsRight {
	float: right;
	padding: 10px;
	width: 580px;
	background: #cc0000; /* BACKGROUND COLORED FOR VISUALIZATION PURPOSES ----- RED */
}

/* START EXAMPLE REDEFINED H3 TAG FOR RIGHT COLUMN */

.twoColumnsRight h3 a:link {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

.twoColumnsRight h3 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

.twoColumnsRight h3 a:hover  {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

.twoColumnsRight h3 a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 8px 0;
	text-decoration: none;
}

/* END EXAMPLE REDEFINED H3 TAG FOR RIGHT COLUMN */

/* ------------------------------------------------------------------------ */
/* Footer
--------------------------------------------------------------------------- */

.footer {
	width: 1059px;
	font-size: 12px;
	height: 66px;
	background-image: url('../images/FooterBackground.jpg');
}

.footerLeft {
	float: left;
	padding: 5px 0 0 10px;
	width: 442px; /* USING PADDING WITHIN A DIV MEANS SUBTRACTING THE LEFT/RIGHT PADDINGS FROM THE WIDTH */
	font-size: 10px;
}

.footerLeft a:visited {
	color: #000000;
	text-decoration: none;
}

.footerLeft a:link {
	color: #000000;
	text-decoration: none;
}

.footerLeft a:hover {
	color: #000000;
	text-decoration: none;
}

.footerRight {
	float: right;
	padding: 20px 45px 0 0;
	width: 442px; /* USING PADDING WITHIN A DIV MEANS SUBTRACTING THE LEFT/RIGHT PADDINGS FROM THE WIDTH */;
	font-size: 12px;
	text-align: right;
	font-family: "Arial Narrow";
}

.footerRight a:visited {
	color: #9E2321;
	text-decoration: none;
}

.footerRight a:link {
	color: #000000;
	text-decoration: none;
}

.footerRight a:hover {
	color: #9E2321;
	text-decoration: none;
}

/* Additional Main Styles
--------------------------------------------------------------------------- */










.headerCopy {
	margin: 0 auto;
	padding: 0;
	width: 1059px;
	font-size: 12px;
	background-image: url('../images/TopBackGround.jpg');
	height: 110px;
}










