@CHARSET "UTF-8";

body
{
	margin: 0px;
	/*background: url(../images/body_bg.gif) repeat;*/
	background: #F0F0F0;
}

body, font, div, table, td, span, input, select, textarea
{
	font-family: Arial, Verdana;
}

/*********************************/
/******** main ******************/
.mainTable
{
	width: 900px;
}

/*********************************/
/******** header ******************/
.headerCell
{
	border-top: solid 5px white;
	border-bottom: solid 1px white;
	height: 160px;
	vertical-align: top;
	background: white url(../images/aquaterra_picture.jpg) no-repeat;
}

.headerMenuDiv
{
	padding: 5px;	
	font-size: 12px;
	text-align: left;
}

.headerMenuDiv a, .headerSlogen a
{
	text-decoration: none;
}

.headerSlogen
{		
	padding: 2px;
}

.headerSlogen h4
{	
	margin: 2px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
}

/*********************************/
/******** topMenu ******************/
.topMenuCell
{
	text-align: right;
	border-bottom: solid 1px white;
}

.topMenuTable td, .adminMenu td, .adminTitle
{
	text-align: center;
	padding: 4px 6px;
}


.topMenuTable a, .adminMenu a, .adminTitle
{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

/*********************************/
/******** leftMenu ******************/
.leftMenuCell
{
	vertical-align: top;	
}

.leftMenuCell, .leftMenuTable
{
	width: 250px;
}

.leftMenuTable td
{
	border-bottom: solid 1px white;
	font-size: 12px;
	padding: 5px;
}

.leftMenuTitle
{
	text-transform: uppercase;
	font-weight: bold;
}

.leftMenuTitle a
{
	text-decoration: none;
}

.categoryMain
{
	font-weight: bold;
}

.leftMenuTable .categoryLeaf
{
	background: #eeeeee url(../images/leftmenu_leaf_icon.gif) left no-repeat;	
	padding-left: 18px;
}

.categoryMain a, .categoryFirst a, .categorySecond a, .categoryThird a, .categoryLeaf a
{
	text-decoration: none;
}

/*********************************/
/******** content ******************/
.contentCell
{
	vertical-align: top;
}

.contentTable
{
	width: 100%;
}

.contentPage, .contentPage td
{ 
	vertical-align: top;
	line-height: 1.4;
	font-size: 12px;
}

.contentPage
{
	padding: 10px;
	text-align: justify;
}

.contentTitle
{
	background: url(../images/content_title_bg.jpg) bottom left no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
}

.contentSubTitle
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.historyBackDiv
{
	text-align: right;
}

.historyBackDiv a
{
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

.contentDivEditor div, .contentDivEditor span, .contentDivEditor p, .contentDivEditor td, 
	.contentDivEditorfont, .contentDivEditor ul, .contentDivEditor li, .divOverFlow, .divOverFlow td,
	.divOverFlow span, .divOverFlow div, .divOverFlow font
{
	line-height: 1.4;
	font-family: Arial;
}

.contentDivEditor ul
{
	margin-top: 10px;
}

.upperTextBlue
{
	text-transform: uppercase;
	font-size: 11px;
	line-height: 1.4;
	text-align: center;
	padding-bottom: 10px;
}

.slogen
{
	font-size: 12px;
	text-align: justify;
	margin: 5px 10px 5px 0px;
}

.blueBg
{
	font-size: 12px;
	border: solid 1px #00B3FF;
	padding: 4px;
	float: right;
	width: 100px;	
}

.dataTable .radioButton, .adminDataTableCell2 .radioButton
{
	width: auto;
	border: 0px;
	background: white;
}

.dataTable select, .dataTable input, .dataTable textarea
{
	width: 400px;
	font-size: 12px;
}

.dataTable select, .dataTable input, .dataTable textarea, .inputGray
{
	border: 0px;
	border-bottom: solid 1px #aaaaaa;
	padding: 2px 1px;
	font-size: 12px;
}

.downloadCategory
{
	font-weight: bold;
}

.downloadItem
{
	padding-left: 30px;
}

.downloadItem img, .articleItem img
{
	margin-right: 5px;
}

.downloadItem a, .articleItem a
{
	text-decoration: none;
}

.expandCollapseDiv
{
	padding: 3px;
	font-weight: bold;
	font-size: 14px;
}

.listTable
{
	width: 100%;
}

.listTable li
{
	list-style-type: none;
	padding-left: 20px;
}

.divOverFlow
{
	overflow: auto;
	width: 627px;
	padding: 10px;
}
/*********************************/
/******** product ******************/
.productPicture
{
	border: double 4px #aaaaaa;
	margin: 0px 0px 5px 10px;
	width: 120px;
}

.productDescription
{
	text-align: justify;
	line-height: 1.4;
	font-size: 12px;
	font-family: Arial;
}

.productTable, .productTable div, .productTable font, .productTable span, .productTable p, .productTable a,
.productTable td
{
	line-height: 1.4;
	font-size: 12px;
}

/*********************************/
/******** admin ******************/
.adminMenu, .adminMenu td, .adminMenu a, .adminMainDiv input, .adminMainDiv, .adminListTable td, .adminListTable a,
.adminListTable th, .adminDataTableCell1, .adminDataTableCell2, .adminMainDiv textarea, .homePageTable
{
	line-height: 1.4;
	font-size: 12px;
}

.adminMenu
{
	width: 100%;
}

.adminMainDiv
{
	width: 800px;
}

.adminButtonList
{
	padding: 2px 0px;
}

.adminButton, .dataTable .adminButton
{
	border: solid 1px;
	margin: 1px;
	font-size: 12px;
}

.adminListTable th
{
	text-align: left;
}

.adminDataTableCell1
{
	vertical-align: top;
	padding-top: 4px;
	font-weight: bold;
}

.adminDataTableCell2 select, .adminDataTableCell2 input, .adminDataTableCell2 textarea
{
	width: 500px;
	font-size: 12px;
}


.adminDataTableCell2 .dateInput
{
	width: 100px;
}


.adminDataTableCell2 .dateButton
{
	width: 20px;
}

.smallInput
{
	width: 20px;
}

/*********************************/
/******** bottom ******************/
.bottomCell
{
	padding: 10px;
	text-align: center;
	font-size: 12px;
	color: white;
}

/*********************************/
/******** homePage ******************/
.homePageTable
{
	width: 100%;
}

.homePageTable td
{
	vertical-align: top;
}

.homePageTopCell div
{
	text-align: center;
	font-size: 12px;
	padding: 2px;
	text-transform: uppercase;
}

.homePageLeftCell
{
	width: 450px;
	padding: 10px;
	text-align: justify;
}

.homePageLeftCell div h4
{
	margin-bottom: 5px;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: solid 1px #52A100;
	text-align: left;
}

.homePageRightCell
{
	font-size: 11px;
	text-align: left;
	padding: 0px;
}

.homePageRightCell div
{
	padding: 2px 5px 2px 15px;
	border-bottom: solid 1px white;
	background: url(../images/icon_arrow_lightblue.gif) top left no-repeat;
}

.homePageRightCell h5
{
	padding: 2px 5px;
	border-bottom: solid 1px white;
	margin: 0px;
	font-size: 11px;
}

.homePageTopDiv
{
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

/*********************************/
/******** colors ******************/
.topMenuCell, .bottomCell, .adminMenu, .adminTitle
{
	background: #0773BB;
}

.headerMenuDiv, .contentListLink, .articleItem a,
.downloadItem a, .headerMenuDiv a, .headerMenuDiv
{
	color: #0043A1;
}

.leftMenuCell
{
	background: #DAE9F0;
}

.categoryMain
{
	background: #115982;
	color: white;
}

.contentPage, .contentPage td
{
	color: #333333;
}

.contentTitle, .homePageLeftCell div h4
{
	color: #52A100;
}

.categoryMain a, .adminMenu td a, .topMenuTable a, .topMenuCell, .adminTitle, .blueBg, 
.topMenuTable td, .categoryFirst a, .bottomCell a
{
	color: white;
}

.categorySecond a, .categoryThird a, .categoryLeaf a
{
	color: black;
}

.blueBg, .categoryFirst
{
	background: #447FA0;
}

.upperTextBlue, .slogen, .textBlue, .homePageTopCell div
{
	color: #447FA0;
}

.categorySecond, .homePageRightCell h5
{
	background: #91ADB7;
}

.adminListTable th, .adminDataTableCell1
{
	background: #BCCDD3;
}

.categoryThird, .homePageTopDiv
{
	background: #C1D3DA;
}

.categoryLeaf, .adminListTable td, .adminDataTableCell2, 
.dataTable select, .dataTable input, .dataTable textarea, .inputGray
{
	background: #eeeeee;
}

.headerSlogen h4, .headerSlogen h4 a
{
	color: #ededed;
}

.historyBackDiv a
{
	color: #FF7700;
}

.leftMenuTitle, .leftMenuTitle a
{
	background: url(../images/header_bg.jpg) repeat-x;
	color: white;
}

.headerSlogen
{
	background: #2A5FAD;
}

.homePageRightCell
{
	background: #e5e5e5;
}