/*------------------------------------------------------------
	GLOBAL
------------------------------------------------------------*/
body
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 13px;
	/* background-image: url(../graphics/body_bkgrd_small.jpg); */
   background: url(../graphics/bg.jpg) repeat-x fixed;
}

a:link, a:visited
{
	color: #006e53;
	text-decoration: underline;
	/* border-bottom: #006e53 1px dotted; */
}

a:hover, a:active
{
	text-decoration: underline;
	color: #666;
}

.left { float: left; }
.right { float: right; }


/* Text - Fonts + Decoration */
h1
{
	font-size: 18px;
	font-weight: bold;
	color: #006041;
	margin: 0px 0px 14px 0px;
}

h2
{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	margin: 4px 0px 11px 0px;
}

h3 
{ 
	font-size: 13px;
	font-weight: normal;
	color: #006041;
	margin: 0px 0px 9px 0px;
}


p, td, ul, ol
{ 
	font-size: 13px;
	line-height: 130%;
	color: #000;
}

li { margin-bottom: 6px; }

img { border: 0px; }

input, textarea, select
{ 
	font-size: 11px; 
	line-height: 120%;
	color: #333;
	background-color: #fff;
}

p.date 
{ 
	color: #CCC;
	margin: 0em; 
}

#player 
{
   width:320px;
   height:260px;
   margin-bottom: 6px;
}

.rotateControls
{
   background-color: #9a9a9a;
   margin: 0px;
   padding: 0px;
   border: 0px;
}

.rotateControls td
{
	font-size: 12px; 
   color: #fff;
   margin: 0px;
   padding: 3px 8px 1px 8px;
}

.rotateControls a:link, .rotateControls a:visited
{
	color: #fff;
	text-decoration: none;
}

.rotateControls a:hover, .rotateControls a:active
{
	text-decoration: underline;
	color: #fff;
}

/*------------------------------------------------------------
	Page Layout Blocking
------------------------------------------------------------*/
#pageFrame
{
   position: relative;
	width: 1000px;
	text-align: left;
	margin: 0px auto 20px auto;
	background-color: #ccc;
}

#header
{
	width: 800px;
	height: 144px;
}

#header input
{ 
	font-size: 11px;
	color: #333;
	background-color: #fff;
   border: solid 1px #999;
}


#gradation
{
	float: left;
	margin: 0px 0px 0px 0px;
}



/*------------------------------------------------------------
	Main Navigation - #nav
------------------------------------------------------------*/
#nav
{
	float: left;
	line-height: 0px;
	width: 150px;
	margin: 5px 0px 20px 0px;
	padding: 0px;
}

#nav img 
{ 
   margin: 0px 0px 0px 3px;
   padding: 0px;
   border: 0px;
}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active
{
	border-bottom: 0px;
}

/*------------------------------------------------------------
	Sub Navigation - #subNav
------------------------------------------------------------*/
.subNav
{
   position: absolute; 
   left: 140px;
   z-index: 99;
   visibility: hidden; 
}

.subNav table
{
   background-color: #a8a8a8;
   border-collapse: collapse;
   border-bottom: solid 1px #000;
   margin: 0px;
   padding: 0px;
}

.subNav td
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 100%;
	font-weight: normal;
   white-space: nowrap;
	color: #fff;
	margin: 0px;
   padding: 0px;
}

/*
ul.subNav
{
	list-style-type: none;
	font-size: 13px;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.subNav li
{
	display: block;
   border: solid 1px #000;
	margin: 0px;
	padding: 0px;
}
*/

.subNav a
{
	display: block;
	margin: 0px;
	padding: 5px 12px 5px 12px;
	text-align: center;
	background-color: #a8a8a8;
	border: solid 1px #000;
}

.subNav a:link, .subNav a:visited 
{ 
   color: #fff; 
   text-decoration: none; 
}

.subNav a:active, .subNav a:hover 
{ 
   background-color: #666; 
   color: #fff; 
   text-decoration: none; 
}

/*------------------------------------------------------------
	Content Areas
	
	All pages have identical layouts:
	Narrow left column and wide right column
	Index page has special margins based on the design.
	Note: we also added a full page width div
------------------------------------------------------------*/
#contentFull, #content2Col, #content3t
{
	margin: 20px 0px 20px 0px;
}

/* 1 Column, Full Width */
#contentFull #column1
{
   margin: 0px 0px 20px 5px;
   width: 800px;
   float: left;
}

/* 2 Column */
#content2Col #column1
{
   margin: 0px 0px 20px 5px;
   width: 375px;
   float: left;
}


#content2Col #column2
{
   margin: 0px 0px 20px 35px;
   width: 375px;
   float: left;
}

/* 3t - 1 row followed by 2 column */
#content3t #row1
{
   margin: 0px 0px 0px 5px;
   width: 800px;
   float: left;
}

#content3t #column1
{
   margin: 0px 0px 20px 5px;
   width: 375px;
   float: left;
}

#content3t #column2
{
   margin: 0px 0px 20px 35px;
   width: 375px;
   float: left;
}

/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary, #newsList
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}
   
.newsSummary li, #newsList li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

ul.newsSummary li, ul#newsList li
{
   list-style-image: none;
}

.newsSummary li img { margin: 0px 15px 10px 0px !important; }

#newsList li img { margin: 0px 15px 10px 0px; }

.newsSummary .date, #newsList .date { font-weight: bold; }

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}

.eventSummary li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.eventSummary li img { margin: 0px 15px 10px 0px !important; }

.eventSummary .date { font-weight: bold; }

/*------------------------------------------------------------
   Content Type - Product Catalog
------------------------------------------------------------*/
.catalog
{
   border: solid 0px #999;
   margin: 0px;
   padding: 0px;
   width: 750px;
}

.catalog th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px; 
   font-weight: bold;
   color: #fff;
   padding: 2px 2px 2px 0px;
}

.catalog td
{
   vertical-align: top;
   padding: 0px;
}

.catalog td, .catalog p
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: 120%;
}

.catalog .title { font-size: 13px; }

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/
.inputForm
{

}

.inputForm table
{
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.inputForm input, .inputForm textarea
{ 
	font-size: 11px; 
	line-height: 130%;
	color: #333;
	background-color: #fff;
   border: solid 1px #999;
}

.inputForm td 
{ 
   font-size: 1.1em; 
   color: #b7b7b7;
   padding: 0px 3px 3px 0px;
}

.inputForm .label 
{ 
   font-size: 1.1em; 
   color: #fff; 
}

.inputForm .required 
{ 
   color: #e7a248;
   font-weight: bold;
}

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1
{
   border-collapse: collapse;
   border: 0px;
}

.table1 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
	color: #fff;
   background-color: #006041;
   padding: 4px 8px 4px 8px;
   border: 0px;
   border-top: solid 1px #666;
   border-left: solid 1px #666;
   border-right: solid 1px #666;
   border-bottom: solid 1px #666;
}

.table1 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-left: solid 1px #666;
   border-right: solid 1px #666;
   border-bottom: solid 1px #666;
   padding: 4px 8px 4px 8px;
}

.table2
{
   border-collapse: collapse;
   border: 0px;
}

.table2 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   background-color: #006041;
   color: #fff;
   padding: 4px 8px 4px 8px;
   border: 0px;
}

.table2 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-bottom: solid 1px #666;
   padding: 4px 8px 4px 8px;
}

.table3
{
   border-collapse: collapse;
   border: 0px;
}

.table3 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
	color: #006041;
   border-top: solid 1px #666;
   border-left: solid 1px #666;
   border-right: solid 1px #666;
   border-bottom: solid 1px #666;
   padding: 4px 8px 4px 8px;
}

.table3 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-left: solid 1px #666;
   border-right: solid 1px #666;
   border-bottom: solid 1px #666;
   padding: 4px 8px 4px 8px;
}

.table4
{
}

.table4 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px; 
   font-weight: bold;
	color: #006041;
   padding: 2px 2px 2px 0px;
}

.table4 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   vertical-align: top;
   padding: 2px 2px 2px 0px;
}

.table5
{
}

.table5 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px; 
   font-weight: bold;
   color: #fff;
   padding: 2px 2px 2px 0px;
}

.table5 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   vertical-align: top;
   padding: 2px 2px 20px 0px;
}

.table1 .highlight,
.table2 .highlight,
.table3 .highlight
{
   background-color: #ddd;
}

.table1 img,
.table2 img,
.table3 img,
.table4 img
{
   margin-right: 4px;
}

/*--------------------------------------------------
   Sitemap Styles
--------------------------------------------------*/
#sitemap
{
	float: left;
	display: inline;
	margin: 0px 0px 20px 0px;
}

.sitemapContain
{
	float: left;
	width: 320px;
	margin: 10px 32px 10px 0px;
	padding: 0px 20px 0px 0px;
}

.sitemapContain ul
{
	margin: 1em 0em 1.5em 0em;
	padding: 0em 0em 0em 3em;
}

.sitemapContain h2 
{ 
	margin: 0em 0em .5em 0em;
}

/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#logos
{
	clear: left;
	text-align: right;
   margin: 0px;
   width: 1000px;
   height: 60px;
   /* background-color: #444; */
}

#logos img { margin-right: 5px; }

#footer
{
	background-color: #242529;
	margin: 0px;
	width: 1000px;
	height: 90px;
}

#footerInner
{
	font-size: 11px;
	line-height: 120%;
	color: #fff;
   padding: 12px 0px 0px 155px;
}

/* #footer img { margin-left: 5px; } */

#footer a:link, #footer a:visited { color: #FFF; text-decoration: none; }
#footer a:hover, #footer a:active { color: #FFF; text-decoration: underline; }