html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse:separate;
  border-spacing: 0;
}

html, body {
        height:auto; !important; /* FF and compliant browsers should automatically size the body/html */
        height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
        min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}


body {
	min-width: 770px;
	text-align: center; /* for IE */
} /*** Content Minmum Width, not used by IE5/6, or early versions of Safari ***/

input, select {
  margin: 0;
  padding: 0;
}

div#fullheightcontainer{
  position: relative; /*** Let's be nice to IE ***/
  min-height: 100%;
  height: auto;
  width: 730px; /*** Content Width ***/
  margin: 0 auto;   /* align for good browsers */
  text-align: left; /* counter the body center */
  background:#FFFFFF;
	overflow: visible;
}

* html>body #fullheightcontainer {
  min-height: 100%;
  height: 100%;
  width: 730px; /*** Content Width ***/
  display: table; /*** For non-IE browsers ***/
  margin: 0 auto;   /* align for good browsers */
  text-align: left; /* counter the body center */
  background:#FFFFFF;
  overflow: visible;
}
*/

#wrapper{
  display: table-cell; /*** For non-IE browsers ***/
  position: relative; /*** Let's be nice to IE ***/
  height: 100%;
	overflow: visible;
}


body {
	background: #ffffff url(images/pattern.jpg) repeat;
	/*background: #ffffff url(images/bg.png) repeat-y 0 0;*/
}

/* @group layers */


div.main {
	position: relative;
	top: 40px;
	left: 45px;
	width: 700px;
}

div.mainTxt {
	width: 495px;
	position: relative;
	top: 0px;
	left: 0px;
}

div.menu {
	width: 125px;
	height: 175px;
	position: absolute;
	top:  0px;
	left: 520px;
	text-align: center;
}

div.logo {
	position: relative;
	left: 45px;
	top: 25px;
	height: 90px;
	width: 633px;
}
/* @end */

/* @group text */

table.text {
	color: #151515;
	font: 12px/20px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}

p.text {
	color: #151515;
	font: 12px/20px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	margin-bottom: 18px;
}



/* @end */

/* @group images */
/*
img.logo {
	position: relative;
	left: 45px;
	top: 25px;
	height: 90px;
}*/

img.intro {
	margin-top: 25px;
}

img.level {
	margin-right: 5px;
	margin-left: 5px;
}

img.headline {
	margin-top: 20px;
}

img.text {
	float: left;
	margin-right: 20px;
	border: 1px solid #151515;
	margin-bottom: 15px;
}

img.thumb {
	margin-bottom: 20px;
	border: 1px solid #151515;
}

img.photo {
	border: 1px solid #151515;
}



/* @end */

/* @group links */

a img {
	border: 0px;
}

a:link {
	color: #151515;
	text-decoration: underline;
}
	
a:visited {
	color: #151515;
	text-decoration: underline;
}
	
a:hover {
	color: #291570;
	text-decoration: underline;
}
	
a:active {
	color: #291570;
	text-decoration: none;	
	}



/* @end */

/* @group menu */

td.menu {
	width: 125px;
	text-align: center;
	color: #291570;
	font: 11px/20px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	
}

td.menu img{
	/*margin-bottom: 0px;*/
	padding-bottom: 0px;
}

img.menu {
	margin-top: 20px;
}

img.menu2 {
	margin-top: 20px;
	margin-bottom: 2px;
}

/* @end */

/* @group tables */

td.wide {
	width: 167px;
}
td.narrow {
	width: 160px;
}



/* @end */