/* mandatory tags & predefined styles
----------------------------------------------- */

body {
	background-color	: #eeeeee;
  border						: none;
  margin						:	0px;
  padding						: 0px;
}
.layContainer {
	background-color	: #ffffff;
	margin						: 0px 0px 0px 15px;
	text-align				: center;
	width							: 750px;
}
.tableContainer {
	margin			: auto;
	text-align	: left;
	width				: 730px;
}




body, div, td {
	color				: #000000;
	font-family	: Arial, Tahoma, Verdana;
	font-size		: 12px;
	line-height : 18px;
}


a {
	color						: #FF3000;
	text-decoration	: underline;
}
a:hover {
	color						: #000000;
	text-decoration	: underline;
}

a.lnkClean, a.lnkClean:hover {
	color						: #000000;
	text-decoration	: none;
}


form {
	margin: 0px;
}

img {
	border: 0px;
}

hr {
	color		: #DEE9EF;
	height	: 1px;
}

ul {
	list-style	: none;
	margin			: 0px 0px 0px 10px;
}
li {
	background-image		: url("../../gfx/bullet.gif");
	background-position	: 0.2em;
	background-repeat		: no-repeat;
	padding-left				: 16px;
}



/* headers
----------------------------------------------- */

h1, h2 {
	color								: #363636;
	font-family					: Arial, Tahoma, Verdana;
	font-size						: 18px;
	font-weight					: normal;
	line-height 				: 18px;
	margin							: 5px 0px 20px 0px;
}
h2 {
	margin : 0px 0px 20px -3px;
}
h3 {
	color				: #222222;
	font-family	: Arial, Tahoma, Verdana;
	font-size		: 12px;
	font-weight	: bold;
	margin			: 0px;
}
h4 {
	color				: #549201;
	font-family	: Arial, Tahoma, Verdana;
	font-size		: 13px;
	font-weight	: bold;
	margin			: 0px 0px 5px 0px;
}
.lay_hdr_bg {
	background-color	: #f5f5f5;
	margin						: 0px 0px 5px 0px;
	padding						: 4px 0px 4px 5px;
}



/* window layer
----------------------------------------------- */

.layWin {
	background-color	: #ffffff;
	border						: 1px solid #eeeeee;
	padding						: 2px;
}
.layWinHdr {
	background-color	: #E8F6E6;
	color							: #000000;
	font-family				: Verdana, Tahoma, Arial;
	font-size					: 11px;
	font-weight				: bold;
	margin-bottom			: 5px;
	padding						: 4px;
}
.layWinBody {
	padding : 4px;
	width		: 325px;
}
.cellUiSeperator {
	background-image	: url("../../gfx/ui-seperator.gif");
	background-repeat	: repeat-y;
	width							: 6px;
}



/* misc
----------------------------------------------- */
.layFrontpage {
	margin	: -10px -20px 10px -20px;
	width		: 528px;
}
.layArticle {
	border	: 2px solid #F1F7FB;
	padding	: 15px 10px 10px 10px;
}
.layArticle h1 {
	color	 : #549201;
}
.layArticle div {
	cursor				: pointer;
	cursor				: hand;
	margin-bottom	: 7px;
}


.layTeaser {
	font-family			: Arial, Tahoma, Verdana;
	font-size				: 11px;
	line-height			: 14px;
}

.layTeaser h1 {
	color	 : #549201;
}




.cellLeftColumn {
	background-color	: #f5f4eb;
	vertical-align		: top;
	width							: 200px;
}
.cellLeftColumn a {
	color						: #363636;
	text-decoration	: underline;
}
.cellLeftColumn h1 {
	background-color	: #e0dcc1;
	color							: #555555;
	font-family				: Arial, Tahoma, Verdana;
	font-size					: 11px;
	font-weight				: bold;
	margin						: 0px;
	padding						: 2px 0px 1px 8px;
}
.cellRightColumn {
	padding					: 10px 10px 20px 20px;
	vertical-align	: top;
	width						: 530px;
}



/* left column menu
----------------------------------------------- */

.leftColumnMenu {
	width : 100%;
}
.leftColumnMenu td {
	background-image		: url("../../gfx/right-column-bullet.gif");
	background-repeat		: no-repeat;
	width								: 27px;
}
.leftColumnMenu th {
	background-color		: #f1efe0;
	color								: #363636;
	font-family					: Arial, Tahoma, Verdana;
	font-size						: 11px;
	font-weight					: normal;
	padding-left				: 7px;
	text-align					: left;
}
.leftColumnMenu th a {
	color						: #363636;
	display					: block;
	width						: 100%;
	text-decoration	: none;
}



/* menu
----------------------------------------------- */

.tableMenu {
	background-image	: url("../../gfx/menu-mid.gif");
	background-repeat	: repeat-x;
	text-align				: center;
	width							: 730px;
}
.tableMenu a, .tableMenu a:hover  {
	color						: #ffffff;
	display					: block;
	font-family			: Arial, Tahoma, Verdana;
	font-size				: 12px;
	font-weight			: bold;
	padding					: 15px 0px 12px 0px;
	text-decoration	: none;
	width						: 100%;
}
.cellMenu {
	background-image	: url("../../gfx/menu-mid.gif");
	background-repeat	: repeat-x;
	padding-top				: 5px;
	vertical-align		: middle;
}
.cellMyMenu {
	background-image	: url("../../gfx/mymenu-mid.gif");
	background-repeat	: repeat-x;
	padding-top				: 5px;
	vertical-align		: middle;
}
.cellMySeperator, .cellSeperator {
	background-repeat		: repeat-x;
	padding							: 18px 4px 0px 4px;
	vertical-align			: top;
}
.cellSeperator {
	background-image	: url("../../gfx/menu-mid.gif");
}
.cellMySeperator {
	background-image	: url("../../gfx/mymenu-mid.gif");
}



/* form input controls
----------------------------------------------- */

.fic_btn {
	color				: #000000;
	cursor			: pointer;
	cursor			: hand;
	font-family	: Verdana, Tahoma, Arial;
	font-size		: 10px;
	padding			: 1px 0px 1px 0px;
}
.fic_sel {
	color				: #000000;
	font-family	: Verdana, Tahoma, Arial;
	font-size		: 11px;
}
.fic_txt {
	color							: #000000;
	background-color	: #ffffff;
	font-family				: Verdana, Tahoma, Arial;
	font-size					: 11px;
	padding						: 3px;
}
.ficTextArea {
	color							: #000000;
	background-color	: #ffffff;
	font-family				: Verdana, Tahoma, Arial;
	font-size					: 11px;
	padding						: 2px 3px 0px 3px;
}



/* layer fields
----------------------------------------------- */

.layField {
	width : 500px;
}

.layField div {
	background-color	: #f8f8f8;
	color							: #000000;
	font-family				: Arial, Tahoma, Verdana;
	font-size					: 12px;
	font-weight				: bold;
	margin-right			: 0px;
	padding						: 3px 0px 3px 0px;
	width							: 490px;
}

.layField input, .layField textarea {
	margin : 2px 0px 15px 0px;
}



.cell_rec_bdr {
	background-color	: #ffffff;
	padding						: 2px;
}
.tbl_rec {
	background-color	: #f8f8f8;
	width							: 100%;
}
.tbl_rec th {
	background-color	: #f8f8f8;
	color							: #000000;
	font-family				: Arial, Tahoma, Verdana;
	font-size					: 11px;
	font-weight				: bold;
	padding						: 7px 3px 6px 4px;
	text-align				: left;
}
.tbl_rec td {

}



.elmTransparent {
	filter				: alpha(opacity=0);
	KHTMLOpacity	: 0;
	moz-opacity		: 0;
	opacity				: 0;
}




/* paging table
----------------------------------------------- */

.layPaging {
	color				: #000000;
	font-family	: Verdana, Tahoma, Arial;
	font-size		: 12px;
	font-weight	: bold;
	text-align	: center;
}
.layPaging div {
	font-family		: Verdana, Tahoma, Arial;
	font-size			: 13px;
	margin-bottom	: 5px;
}
.layPaging a, .layPaging a:hover {
	font-family	: Arial, Tahoma, Verdana;
	font-size		: 12px;
	text-decoration	: underline;
}



/* 100% height with header and footer layout
----------------------------------------------- */

/* commented backslash hack v2 \*/
html, body {height : 100%;}
/* end hack */

.layContainer {
	height			: 100%;
	min-height	: 100%;
}

.tableContainer, .cellLeftColumn, .cellRightColumn {
	height			: 100%;
	min-height	: 100%;
}




/*for mozilla as IE treats height as min-height anyway*/
html>body .layContainer {height : auto;}


.layHeader {
	background-color	: #ffffff;
	height						: 100px;
}
.layFooter {
	background-color	: #ffffff;
	bottom						: 0px;
	height						: 25px;
	left							: 0px;
	position					: absolute;
	width							: 100%;
}

/*needed to make room for footer*/
.layClearFooter {
	clear		: both;
	height	: 25px;
}