body {
	text-align: center;
	background: url(../images/background.jpg) no-repeat;
	background-position: top center;
	font-family: verdana;
	font-size: 12px;
	margin: 0px;
}

#wrap {
	min-width: 824px;
	max-width: 824px;
	width: auto !important;
	text-align: left;
	margin: 0 auto;
}

#head {
	background: url(../images/header.jpg) no-repeat;
	float: left;
	width: 100%;
	height: 138px;
}

#top {
	float: left;
	max-height: 100px;
	overflow: hidden;
	width: 100%;
}

#user1 {
	float: left;
	height: 80px;
	overflow: hidden;
	width: 215px;
}

#user2 {
	float: left;
	height: 80px;
	overflow: hidden;
	width: 609px;
}

#left {
	float: left;
	overflow: hidden;
	width: 215px;
}

#content {
	float: left;
/*	max-height: 504px;	/* 1142(page-height) -138(header) -80(top-menu) - 340(spacer) -80(bottom) */
	overflow: hidden;
	padding-left: 47px;
	padding-right: 59px;
	text-align: justify;
	width: 503px;	/* 824(content) -215(buttons) -47(padding-left) -59(padding-right) */
}

#bottom_spacer{
	background: url(../images/group_picture.jpg) no-repeat;
	float: left;
	height: 275px;
	margin-top: 65px;
	margin-bottom: 0px;
	width: 100%;
}

#bottom {
	float: left;
	height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	width: 100%;
}

/* CONTENT */


#content a {
	color: #006666;
}

.pagenavcounter {
	display: none;
}

.contentheading {
	color: #006666;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.readon {
	color: #006666;
	font-weight: bold;
	text-decoration: none;	/* No lines under links. */
}

div.componentheading {	/* Website title. */
	color: #006666;
	font-size: 12px;
	font-weight: bold;
}


/* MENU */

/* Menu box. */
#left ul {
	list-style-type:none;	/* Removes bullets in front of menu items. */
	padding: 0;	/* No indent between for menu items in menu. */
	margin: 0;
	vertical-align: middle;
}


/* Home button. */
#left ul.menu li.item1 a{
	background: url(../images/button_home.png) no-repeat;
	padding-top: 7px;
	height: 23px !important;
	height: 30px;	/* Makes sure the complete background image is visible*/
	color: #000000;	/* Text color black. */
}

/* Home button: Show image when hovering over menu items. */
#left ul.menu li.item1 a:hover {
	background: url(../images/button_home.png) no-repeat;
	color: #006666 !important; /* Text color green. */
}

/* Home button: Show image when menu item is active. */
#left ul.menu li.active.item1 a:visited   {
	background: url(../images/button_home.png) no-repeat;
	color: #006666 !important; /* Text color green. */
}


/* 175 button. */
#left ul.menu li.item3 a{
	background: url(../images/button_green_dark.png) no-repeat;
	padding-top: 5px;
	height: 23px !important;
	height: 30px;	/* Makes sure the complete background image is visible*/
	color: #ffcc33; /* Text color yellow. */
}

/* 175 button: Show image when hovering over menu items. */
#left ul.menu li.item3 a:hover {
	background: url(../images/button_green_dark.png) no-repeat;
	color: #ffffff !important; /* Text color white. */
}

/* 175 button: Show image when menu item is active. */
#left ul.menu li.active.item3 a:visited   {
	background: url(../images/button_green_dark.png) no-repeat;
	color: #ffffff !important; /* Text color white. */
}

/* 175 Submenu button. */
#left ul li.active.item3 ul li a:link,#left ul li.active.item3 ul li a:visited {
	background: url(../images/button_green_light.png) no-repeat;
	color: #000000 !important; /* Text color black */
	padding-left: 40px;
}

/* 175 Hover submenu button. */
#left ul li.active.item3 ul li  a:hover,#left ul li.active.item3 ul li a:active,#left ul li.active.item3 ul li a:focus {
	color: #ffffff !important; /* Text color white. */
}

/* 175 Active submenu button. */
#left ul li.active.item3 ul li.active.item3 a:link,#left ul li.active.item3 ul li.active.item3 a:visited {
	color: #ffffff !important; /* Text color white. */
}





/* Menu button. */ 
#left .moduletable_menu ul li a {
	background: url(../images/button_yellow_dark.png) no-repeat;
	color: #000000;	/* Text color black. */
	display: block;	/* Show image for complete block, not just the text of the link. */
	font-weight: bold;
	padding-top: 5px;
	height: 23px !important;
	height: 28px;	/* Makes sure the complete background image is visible*/
	padding-left: 28px;
	text-decoration: none;	/* No lines under links. */
}

/* Hovering menu button. */
#left ul li a:hover,#left ul li a:active,#left ul li a:focus {
	color: #006666 !important; /* Text color green. */
}

/* Active menu button. */
#left ul li.active a:link,#left ul li.active a:visited {
	background: url(../images/button_yellow_dark.png) no-repeat;
	color: #006666 !important; /* Text color green. */
}

/* Submenu button. */
#left ul li.active ul li a:link,#left ul li.active ul li a:visited {
	background: url(../images/button_yellow_light.png) no-repeat;
	color: #000000 !important; /* Text color black */
	padding-left: 40px;
}

/* Hover submenu button. */
#left ul li.active ul li  a:hover,#left ul li.active ul li a:active,#left ul li.active ul li a:focus {
	color: #006666 !important; /* Text color green. */
}

/* Active submenu button. */
#left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited {
	color: #006666 !important; /* Text color green. */
}