body {background-color: RGB(238, 236, 213); background-image: url(ecms_contentimages/common/bg.jpg); background-position: center; background-repeat: repeat-y; text-align: center; }


#wrapper {width: 860px; margin: 0 auto; text-align: left; }

	#pageshadow_left {width: 30px; height: 100%; background-image: url(ecms_contentimages/common/pageshadow_left.jpg); float: left; }

	#pageshadow_right {width: 30px; height: 100%; background-image: url(ecms_contentimages/common/pageshadow_right.jpg); float: left; }

	#pagebody {width: 800px; height: auto; background-color: rgb(255, 255, 255); float: left; }



#header {background-color: rgb(0, 0, 0); background-image: url(data/randomimage.php); background-repeat: no-repeat; height: 410px; width: 800px; }

	#mainmenu {position: absolute; top: 410px; width: 800px; background-color: rgb(106, 140, 173); }

	#mainmenu a {display: block; padding: 21px 11px 3px 11px; float: left; font-family: Arial, Verdana; font-size: 1.1em; color: rgb(245, 244, 230); font-weight: bold; letter-spacing: -0.1em; text-decoration: none; background-color: rgb(106, 140, 173); text-transform: lowercase;}
	#mainmenu a:hover {display: block; padding: 21px 11px 3px 11px; float: left; font-family: Arial, Verdana; font-size: 1.1em; color: rgb(77, 102, 126); font-weight: bold; letter-spacing: -0.1em; text-decoration: none; background-color: rgb(240, 238, 215); text-transform: lowercase; background-image: url(ecms_contentimages/common/mainmenu_linkhover.jpg); background-repeat: repeat-x; background-position: bottom; }

	#header a.quicklink1 {display: block; width: 100px; height: 85px; float: right; position: relative; margin-left: 10px; margin-right: 40px; background-color: rgb(151, 183, 213); background-image: url(ecms_contentimages/common/quicklink_bg.jpg); background-repeat: repeat-x; background-position: top; text-decoration: none; }
	#header a:hover.quicklink1 {display: block; width: 100px; height: 100px; float: right; position: relative; margin-left: 9px; margin-right: 39px; background-color: rgb(139, 195, 224); background-image: url(ecms_contentimages/common/quicklink_bghover.jpg); background-repeat: repeat-x; background-position: bottom; border-left: 1px rgb(255, 255, 255) solid; border-bottom: 1px rgb(255, 255, 255) solid; border-right: 1px rgb(255, 255, 255) solid; }

	#header a.quicklink {display: block; width: 100px; height: 85px; float: right; position: relative; margin-left: 10px; margin-right: 10px; background-color: rgb(151, 183, 213); background-image: url(ecms_contentimages/common/quicklink_bg.jpg); background-repeat: repeat-x; background-position: top; text-decoration: none; }
	#header a:hover.quicklink {display: block; width: 100px; height: 100px; float: right; position: relative; margin-left: 9px; margin-right: 9px; background-color: rgb(139, 195, 224); background-image: url(ecms_contentimages/common/quicklink_bghover.jpg); background-repeat: repeat-x; background-position: bottom; border-left: 1px rgb(255, 255, 255) solid; border-bottom: 1px rgb(255, 255, 255) solid; border-right: 1px rgb(255, 255, 255) solid; }

	#header a > span {position: absolute; bottom: 3px; right: 3px; font-family: Arial, Verdana; font-size: 1.4em; color: rgb(203, 202, 184); font-weight: bold; letter-spacing: -0.1em; line-height: 1em; text-align: right; }
	#header a > span > span {font-size: 1.6em; color: rgb(245, 244, 230); }

	#header a:hover > span {position: absolute; bottom: 3px; right: 3px; color: rgb(245, 244, 230); font-weight: bold; letter-spacing: -0.1em; line-height: 1em; text-align: right; }
	#header a:hover > span > span {color: rgb(245, 244, 230); }

	#logo {float: left; position: relative; top: 230px; left: -24px; }
	


#content {width: 800px; height: auto; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 100px; }

	#contentbody {margin: 30px 25px 100px 25px; font-family: Arial; font-size: 0.7em; color: rgb(135, 147, 158); letter-spacing: 0em; line-height: 1.75em; }

	#contentbody a {color: rgb(77, 102, 126); text-decoration: none; font-weight: bold; text-transform: uppercase; }
	#contentbody a:hover {background-color: rgb(210, 206, 165); text-decoration: none; text-transform: uppercase; }
	


#footer {height: 38px; width: 800px; background-color: rgb(106, 140, 173); display: block; font-family: Arial, Verdana; font-size: 0.6em; color: rgb(245, 244, 230); font-weight: bold; letter-spacing: 0em; text-decoration: none; }

#title { font-family: Arial; font-size: 3.5em; color: rgb(203, 202, 184); font-weight: bold; letter-spacing: -0.12em; line-height: 1.75em; text-transform: lowercase; }

#subtitle { font-family: Arial; font-size: 2em; color: rgb(77, 102, 126); font-weight: bold; letter-spacing: -0.05em; line-height: 1.75em; text-transform: lowercase; }

#submenu {font-family: Arial, Verdana; font-size: 0.6em; color: rgb(77, 102, 126); }
	#submenu a {display: block; float: left; padding: 4px 10px 0px 10px; color: rgb(240, 238, 215); text-decoration: none; background-color: rgb(106, 140, 173); }
	#submenu a:hover {display: block; left: center; padding: 7px 10px 0px 10px; color: rgb(77, 102, 126); text-decoration: none; background-color: rgb(210, 206, 165); }
