/* (C) Copyright 2006-2009 Long2 Consulting. All Rights Reserved */
/* Start Layout CSS. This top section of CSS is what is used to layout each of the pages. To change general styles, look for the Start General Styles section below. We strongly urge you not to change the Layout styles unless you have an advanced knowledge of CSS. We cannot help you if you mess it up. */

html {
	height: 100%; 
	margin-bottom: 1px;
}

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


#wrapper {
	margin: 0px auto; /* fix to center in firefox */
	width:1000px;
	height:750px;
	background-color: #336699;
}

#headerleft {
	float: left;
	width:248px;
	height:205px;
	background: #ffffff url('../images/headerleft.jpg') no-repeat;
}

.headerleft {
	
}

#headerright {
	float: right;
	margin-left:0px;
	width:752px;
	height:119px;
	background: #ffffff url('../images/headerright.jpg') no-repeat;
}

.headerright {
	padding: 55px 0 0 25px;
}


#maincontent {
	float: right;
	width:752px;
	height:508px;
	background: #336699 url('../images/maincontent.jpg') no-repeat;
}

.maincontent {
	padding: 10px 45px 0 25px;
}

#leftnav {
	float: left;
	width:248px;
	height:422px;
	background: #336699 url('../images/leftnav.jpg') no-repeat;
}

.leftnav {
	padding: 0 0 0 10px;
}

#footernav {
	clear: both;
	width:1000px;
	height:18px;
	background: #336699 url('../images/footernav.jpg') no-repeat;
}

.footernav {
	font-size: x-small;
	text-align: center;
	padding: 0 25px 0 0;
}

.bottomnavlinks {
	padding: 2px 0 0 0;
}

.bottomnavlinks a:link, .bottomnavlinks a:visited {
	padding: 10px 10px;
	color: #336699;
	text-decoration: none;
}
	
.bottomnavlinks a:active, .bottomnavlinks a:hover {
	color: #336699;
	text-decoration: underline;
}


#footer {
	position:relative;
	width:1000px;
	height:26px;
	background: #336699 url('../images/footer.jpg') no-repeat;

}

.footer {
	padding: 10px 0 0 0;
	text-align: center;
	color: #000000;
}


/* (C) Copyright 2006-2009 Long2 Consulting. All Rights Reserved */



/*  The items below the properties for the links that appear in the
main text area as well as in the sidebar of the pages  */

a:link, a:visited {
	color: #316dd0; 
}


a:active, a:hover {
	color: #555555;
}

ul {
	list-style-image: url('../images/bullet.gif');
	padding: 0;
	margin: 0 0 0 30px;
	line-height: 135%;
}

ol{
	padding: 0;
	margin: 0 0 20px 30px;
	line-height: 135%;
}

p {
	padding: 3px 0;
	margin: 0;
	line-height: 135%;
}

img {
	border: none;
	
}
/*  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: #336699;
	font-size: 215%;
	text-align: left;
	font-family: Georgia, Times New Roman, serif;
}

h2 {	
	font-size: 165%;
	color: #336699;
	text-align: left;
	font-family: Georgia, Times New Roman, serif;
	margin: 4px 0;
}

h3 {	
	font-size: 165%;
	color: #316dd0;
	text-align: left;
	font-family: Georgia, Times New Roman, serif;
	margin: 4px 0;
}

h4 { 
	font-size: 145%;
	color: #316dd0;
	font-family: Georgia, Times New Roman, serif;
	margin: 4px 0;
}

h5 { 
	font-size: 145%;
	color: #653C01;
	font-family: Georgia, Times New Roman, serif;
	margin: 4px 0;
}

h6 { 
	font-size: 145%; 
	color: #336699; 
	font-family: Georgia, Times New Roman, serif;
	margin: 4px 0;
}

.center {
	text-align: center;}
	
.left {
	text-align: left;
}

.right {
	text-align: right;
}

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


td {
	vertical-align: top;
}

table {
	border-collapse: collapse;
	font-size: 100%;
}

/*  The items below sets the properties for the left or right sidelinks.  */

.menuheader1 {
	width: 180px;
	background-color: #c1d3e8;
    text-align: left;
    padding: 4px;
	color: #336699;
}

.menuheader1 a:link, .menuheader1 a:visited {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

.menuheader1 a:hover, .menuheader1 a:active {
	color: #336699;
	text-decoration: underline;
}

#address {
	width: 89%;
	float: right;
}

#address td {
	padding: 2px 0;
}

.sidetext {
	padding: 0 12px 0 0;
	font-family: Times New Roman, serif;
	font-size: 135%;
	font-weight: bold;
	color: #316dd0;
}

.sidetext td {
	vertical-align: top;
}

.tiny2 {	
	font-family: Times New Roman, serif;
	font-size: 100%;
	font-weight: bold;
	color: #316dd0;
}

.tiny2 td {
		vertical-align: top;
}


.tiny3 {	
	font-family: Times New Roman, serif;
	font-size: 100%;
	font-weight: bold;
	color: #316dd0;
}

.tiny3 td {
		vertical-align: text-bottom;
}

.sidelinks ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
.sidelinks li { 
	list-style-image: none;
	margin: 0px 0px 2px 0px;
	font-family: Georgia, Times New Roman, serif;
}


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

.sidelinks a:link, .sidelinks a:visited {
	padding: 5px 0px 0px 20px;
	display: block; 
	height: 27px;
	width: 195px;
	color: #ffffff;
 	background: url('../images/buttons3.png') no-repeat 0px 0px;
	text-decoration: none;
}
	
.sidelinks a:hover, .sidelinks a:active {
	color: #ffffff;
 	background: url('../images/buttons3.png') no-repeat 0px -64px;
}

#sidelinkactive a:link, #sidelinkactive a:visited {
	color: #ffffff;
 	background: url('../images/buttons3.png') no-repeat 0px -32px;
}
#sidelinkactive a:hover, #sidelinkactive a:active {
	color: #ffffff;
 	background: url('../images/buttons3.png') no-repeat 0px -64px;
}



.clear {
	clear: both;
}

/*  The items below sets the properties for additional typography and page elements.  */

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

.block2 {
	color: #ffffff;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #336699;
	border-bottom: 4px solid #336699;
	background-color: #5973aa;
	padding: 6px;
	margin-bottom: 8px;
}

.block3 {
	color: #212121;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	border-top: 1px solid #5973aa;
	border-bottom: 4px solid #5973aa;
	background-color: #e2e2e2;
	padding: 6px;
	margin-bottom: 8px;
}

.news1 {
	padding: 4px;
	display: block; 
	width: 180px;
	color: #ffffff;
	background-color: #336699;
	border-bottom: 4px solid #ffffff;
	font-weight: bold;
	text-align: center;
}

.news2 {
	padding: 4px;
	display: block; 
	width: 180px;
	color: #ffffff;
	background-color: #5973aa;
	border-bottom: 4px solid #336699;
	font-weight: bold;
	text-align: center;
}

blockquote {
	color: #ffffff;
	background-color: #336699;
	padding: 2px 12px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 115%;
	font-style: italic;
	border: 4px solid #ffffff;
}

blockquote a:link {
	color: #ffffff;
}

blockquote a:visited {
	color: #ffffff;
}

blockquote a:hover {
	color: #000000;
}

blockquote a:active {
	color: #000000;
}



.tiny {
	font-size: 80%;
}



/*  Your smaller images can be floated to the left or the
right so your text can flow around them. You can also have
the images appear with or without a small border. The items
below sets the properties for the classes you may apply to
your images.  */

.image-border {
	border: 3px double #5973aa;
}
	
.imageleft-noborder {
	margin: 0 10px 0 0; 
	float: left;
}

.imageright-noborder {
	margin: 0 0 0 10px; 
	float: right;
}
	
.imageleft-border   {
	margin: 0 10px 0 0; 
	float: left;
	border: 3px double #5973aa;
}

.imageright-border  {
	margin: 0 0 0 10px; 
	float: right;
	border: 3px double #5973aa;
}

.style1 {
	font-size: 12.0pt;
	font-family: Garamond;
	margin-left: 0in;
	margin-right: 0in;
	margin-top: 10.0pt;
	margin-bottom: .0001pt;
}
.style2 {
	font-size: 12.0pt;
	font-family: Garamond;
	margin-left: 0in;
	margin-right: 0in;
	margin-top: 0in;
	margin-bottom: .0001pt;
}
.style3 {
	font-size: small;
}