
h1, h2, h3, h4, p, li, th, td, caption, label {
	font-family			: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight			: normal;
}

h1 {
	color				: #228BCE;
}

h2 {
	color				: #333333;
}

h3 {
	color				: #666666;
}

h4
{
	font-size			: 17px;
	color				: #228BCE;
}

p, li, th, td, label {
	color				: #888888;
	font-size			: 13px;
	line-height			: 20px;
}

/* Layout */
#theContainer {
	background-color	: #FFFFFF;
	background-image	: url(/img/border-sides.jpg);
	background-repeat	: repeat-y;
	text-align			: left;
	width				: 990px;
}


#theNav, #theHeader, #theMainContent, #theMainContent ol, #theMainContent ul, #theFooter p {
	margin-left			: 41px;
}

#theNav, #theHeader, #theMainContent, #theFooter p {
	width				: 908px;
}

/* Navigation */
#theNav {
	background-color	: #2A4455;
	background-image	: url(/img/background-nav.jpg);
	background-repeat	: repeat-x;
	height				: 75px;
}

#theNav .navElement {
	margin-right		: 15px;
	text-decoration		: none;
}


#theNav p.middleNav .navElement
{
	margin-right		: 10px;
}


#theNav p {
	color				: #FFFFFF;
	line-height			: 13pt;
	padding-bottom		: 2px;
	padding-left		: 20px;
}

#theNav p.upperNav a:hover, #theNav p.middleNav a:hover, #theNav p.lowerNav a:hover {
	color				: #FFFFFF;
}

#theNav p.upperNav {
	font-size			: 8pt;
	padding-top			: 3px;
}
#theNav p.upperNav a {
	color				: #76A8CB;
}

#theNav p.middleNav {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 13pt;
	padding-top			: 9px;
	padding-bottom		: 1px;

}
#theNav p.middleNav a {
	color				: #6AC6FF;
}

#theNav p.lowerNav {
	font-family			: "lucidia sans", "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size			: 11px;
	/*text-transform		: lowercase;*/
}
#theNav p.lowerNav a {
	color				: #A3CDEA;
}

/* Header */
#theHeader {
	height				: 440px;
}

/* Main Content and Side Navigation/Side Content Attributes */
#theMainContent a, #theSideContent a {
	color				: #29A9F5;
	text-decoration		: none;
}
#theMainContent a:hover, #theSideContent a:hover {
	color				: #71A4EB;
	text-decoration		: underline;
}

#theMainContent h1, #theMainContent h2, #theMainContent h3, #theSideContent h1, #theSideContent h2, #theSideContent h3 {
	padding-bottom		: 15px;
}

#theMainContent h1, #theSideContent h1 {
	font-family			: "lucidia sans", "lucida grande", tahoma, verdana, arial, sans-serif;
}

#theMainContent h2, #theSideContent h2 {
	font-size			: 21px;
	padding-top			: 20px;
}

#theMainContent h3, #theSideContent h3 {
	font-size			: 17px;
	line-height			: 26px;
}

#theMainContent ol li {
	color				: #29A9F5;
}

#theMainContent ol li span.grey {
	color				: #888888;
}


/* Main Content */
#theMainContent {
	margin-top			: 25px;
	text-align			: justify;
}

#theMainContent.twoThirdsWidth {
	width				: 606px;
}

#theMainContent.fullWidth {
	width				: 907px;
}

#theMainContent h1
{
	font-weight			: normal;
	font-size			: 30px;
	line-height			: 38px;
}

#theMainContent p, #theMainContent label {
	line-height			: 20px;
	font-size			: 13px;
}

#theMainContent p {
	margin-bottom		: 10px;
}

/* Side Navigation/Side Content */
#theSideContent {
	float				: right;
	margin-right		: 31px;
	margin-top			: 70px;
	width				: 270px;
}

#theSideContent p {
	line-height			: 17px;
	font-size			: 12px;
}

#theSideContent h1 {
	font-size			: 23px;
	line-height			: 28px;
	letter-spacing		: -1px;
	padding-bottom		: 0px;
}

/* Info Box Content */
#theInfoBox {
	margin-left			: 5px;
	width				: 256px;
}

#theInfoBox p {
	margin-left			: 20px;
	margin-right		: 20px;
	padding-bottom		: 8px;
	padding-top			: 8px;
}

/* Sub content links area */
#theSubLinks {
	background-image	: url(/img/background-contentlinks.jpg);
	background-repeat	: repeat-x;
	/*height				: 222px;*/
	margin-top			: 40px;
	padding				: 15px;
}

#theSubLinks a {
	color				: #6AC6FF;
}
#theSubLinks a:hover {
	color				: #FFFFFF;
	text-decoration		: none;
}

#theSubLinks h1 {
	border-bottom		: 1px solid #647A88;
	color				: #FFFFFF;
	font-size			: 10px;
	line-height			: 10px;
	font-weight			: bold;
}

#theSubLinks p {
	border-bottom		: 1px dotted #647A88;
	padding-bottom		: 7px;
	margin-top			: 7px;
}


/* Footer */
#theFooter {
	background-color	: #2A4455;	
	background-image	: url(/img/eska-logo.jpg);
	background-position	: 850px 35px;
	background-repeat	: no-repeat;
	clear				: both;
	height				: 125px;
}

#theFooter a {
	color				: #94C0DD;
	text-decoration		: none;
}
#theFooter a:hover {
	color				: #D4E5F1;
	text-decoration		: underline;
}

#theFooter p {
	border-top			: 1px solid #4A606F;
	color				: #738693;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 8pt;
	padding-top			: 7px;
	width				: 800px
}

#theFooter span {
	display				: block;
	height				: 80px;
}

/* Classes */
.division, tr.division td {
	border-bottom		: 1px solid #C3C3C3;
}

.floatLeft {
	float				: left;
	padding-right		: 12px;
}

.floatRight {
	float				: right;
	padding-left		: 12px;
}

#theMainContent p.floatLeft, #theMainContent p.floatRight {
	border-bottom		: 6px solid #69C3FF;
	border-top			: 6px solid #69C3FF;
	color				: #69C3FF;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 21pt;
	line-height			: 26pt;
	margin-bottom		: 20px;
	margin-right		: 15px;
	margin-top 			: 20px;
	padding-bottom		: 20px;
	padding-top 		: 20px;
	width				: 290px;
}


/* Content links */
#theContentLinks {
	border-bottom		: 1px solid #C3C3C3;
	border-top			: 1px solid #C3C3C3;
	margin-bottom		: 10px;
}

#theContentLinks a.h2 {
	font-size			: 21px;
	padding-bottom		: 5px;
	padding-top			: 5px;
	color				: #000000;
	text-decoration		: none;
}

#theContentLinks a.h2:hover {
	font-size			: 21px;
	padding-bottom		: 5px;
	padding-top			: 5px;
	color				: #000000;
	text-decoration		: none;
}

#theContentLinks p {
	border-top			: 1px dotted #C3C3C3;
	padding-top			: 5px;
	margin-bottom		: 5px;
}

/* Side content */
#quicklinks p
{
	color				: #333333;
	margin-top			: 5px;
	padding-bottom		: 5px;
	border-bottom		: 1px solid #C3C3C3;
}


#quicklinks a.black
{
	color				: #333333;
	text-decoration		: none;
}

#quicklinks a.black:hover
{
	color				: #333333;
	text-decoration		: none;
}


#theMainContent table.tbl_waterInfo
{
	width				: 100%;
}

#theMainContent table.tbl_waterInfo td.main
{
	width				: 33%;
}

#theMainContent table.tbl_waterInfo td.center
{
	margin-left			: 40px;
	margin-right		: 40px;
}

#theMainContent table.tbl_waterInfo td p
{
	line-height			: 12pt;
}

#mastheadcontainer
{
	position	: relative;
	top		: -440px;
	z-index		: 1;
}

#mastheadbottlecontainer
{
        position    : relative;
        top         : -440px;
        z-index     : 1;
}

