/* (C) Copyright 2006-2008 Long2 Consulting. All Rights Reserved */
html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font: 76.4% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #c4cbea;
}

ul {
	list-style-image: url('images/bullet.gif');
	line-height: 145%;
}

/* Styles for the site links */

a:link, a:visited {
	color: #55A43A;
	text-decoration: underline; 
}

a:active, a:hover {
	color: #49207e;
}

/*  The items below set the properties for the fonts, sizes, and
colors used for headings 1 through 6. Typically h1 - h3 are used
in the main content area and h4 - h6 are used in the sidebar  */

h1 { 
	color: #49207e;
	font-size: 160%;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h2 {	
	font-size: 145%;
	color: #55A43A;
	padding: 4px 2px 2px 2px;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h3 {	
	font-size: 125%;
	color: #c4cbea;
	padding: 4px 2px 2px 2px;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h4 { 
	font-size: 125%;
	color: #49207e;
	background-color: #c4cbea;
	padding: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h5 { 
	font-size: 100%;
	color: #FFFFFF;
	background-color: #49207e;
	padding: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

h6 { 
	font-size: 100%; 
	color: #FFFFFF;
	background-color: #55A43A;
	padding: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

/*  This class can be applied to your buttons to create uniform submit or shopping cart buttons without using graphics.  */

.submitbuttons {
	font-weight: bold;
	color: #49207e;
	text-align: center;
	font-size: 100%;
	font-variant: small-caps;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #49207e;
	border-right: 5px solid #49207e;
	border-bottom: 1px solid #49207e;
	border-left: 1px solid #49207e;
	background-color: #c4cbea;
	width: 155px;
	height: 30px;
}

/*  The items below set the properties of the top picture.  */

.topleftpicture {
	padding: 3px 0 0 3px;
}

/*  The items below set the properties of the Company Name text.  */

.topright {
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 30pt;
	line-height: 28pt;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

/*  The items below set the properties of the top navigation.  */

.topnav {
	padding: 6px 15px 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 90%;
}

.topnav a:link, .topnav a:visited {
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
}
	
.topnav a:active, .topnav a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #49207e;
}

/*  The items below set the properties of the pagename.  */

.pagename {
}

/*  The items below set the properties of the left side and left navigation links.  */
.leftnav {
}

.sidelinks {
	padding: 10px 0 0 10px;
	text-align: left;
	font-weight: bold;
}

.sidelinks a:link, .sidelinks a:visited {
	text-align: center;
	margin-bottom: 4px;
	display: block; 
	line-height: 18pt;
	width: 200px;
	color: #ffffff;
	background-color: #49207e;
	text-decoration: none;
}
	
.sidelinks a:active, .sidelinks a:hover {
	color: #ffffff;
	background-color: #55be47;
}

/*  The items below set the properties of the main content.  */

.content {
	padding: 0 25px 0 0;
}

/*  The items below set the properties of the footer and copyright notice.  */

.footer {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.footer a:link, .footer a:visited  {
	color: #ffffff;
	text-decoration: underline;
}

.footer a:active, .footer a:hover {
	color: #49207e;
	text-decoration: underline;
}

/*  The items below set the properties of extra blocks for content.  */

.block1 {
	color: #37692d;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #37692d;
	border-bottom: 4px solid #37692d;
	background-color: #a1d687;
	padding: 6px;
}

.block2 {
	color: #fff;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #ddd;
	border-bottom: 4px solid #ddd;
	background-color: #37692d;
	padding: 6px;
}

.block3 {
	color: #fff;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #1e4d15;
	border-bottom: 4px solid #1e4d15;
	background-color: #639e46;
	padding: 6px;
}

/*  The items below set the properties of the news headings.  */

.news1 {
	padding: 4px;
	display: block; 
	width: 155px;
	color: #37692d;
	background-color: #a1d687;
	border-bottom: 2px solid #37692d;
	font-weight: bold;
	text-align: center;
}

.news2 {
	padding: 4px;
	display: block; 
	width: 155px;
	color: #fff;
	background-color: #639e46;
	border-bottom: 2px solid #1e4d15;
	font-weight: bold;
	text-align: center;
}

.tiny {
	font-size: 80%;
}



/*  The items below set the properties of images.  */

.imageleft {
	float: left;
	padding: 8px;
}

.imageright {
	float: right;
	padding: 8px;
}

/*  The items below set the properties of the tables.  */

table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

td {
	vertical-align: top;
}

.table1 td {
	border: 1px solid #49207e;
	padding: 4px;
}

.table1 {
	margin: 0 auto;
	border: 2px solid #49207e;
	background: #c4cbea;
	color: #49207e;
	font-size: 100%;
}

.table2 {
	margin: 0 auto;
	border: 2px solid #55A43A;
	background: #DBEFD3;
	color: #55A43A;
	font-size: 100%;
}

.table2 td {
	border: 1px solid #55A43A;
	padding: 4px;
}



/* Items below this line control the page layout. Do not change unless you know what you are doing. If you make changes, we will no longer provide support for this template. */

#topleft {
	margin: 0;
	padding: 0;	
	background: url('images/topleft.gif') no-repeat; 
	width: 254px;
	height: 208px;
}

#topright {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background: url('images/topright.gif') repeat-x; 
	height: 121px;
}

#topnav {
	margin: 0;
	padding: 0;	
	background: url('images/topnav.gif') repeat-x; 
	height: 32px;
}

#pagename {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background-color: #ffffff;
	height: 55px;
}

#leftnav {
	margin: 0;
	padding: 0;	
	background: url('images/leftnav.gif') repeat-y; 
	width: 255px;
	height: 500px;
}

#content {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

#footer {
	margin: 0;
	padding: 0;	
	vertical-align: middle;
	background: url('images/footer.gif') repeat-x; 
	height: 35px;
}