/***********************************************/
/* styles.css		    */
/* Use with template layout.html for typo3 website       */
/***********************************************/
/***********************************************/
/* HTML tag styles	              */
/***********************************************/ 

html, body {
	height: 100%;
	margin: 0%;
	padding: 0%;
	color: black;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	/*text-align: center;*/
	background-image: url(../images/bg.gif);
}


/***********************************************/
/* Layout Divs		   */
/***********************************************/
#wrapper { 
	margin-top: 15px;
}
          /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */

#wrapper {
	width: 780px;  
	text-align: left;
	          /* total width */		 
}      

#outer {
	border-left-width: 0px;
	border-left-color: transparent;
}

#left {
	width: 185px;              /* left column width */
	margin-left: 0px;
	background-image: url(../images/left_bg.gif);
	background-repeat: repeat-y;
       /* _negative_ left column width */
}

#bottom {
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: right;
}


/* Main code */
#outer {
	width: auto; 
	border-left-style:solid;
	border-right-style: none;
	border-right-color: transparent;
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
}

#inner {
	width: 100%;
	border-right-style: none;
	border-left-style: none;
}

#middle_top {
	float: left; 
	width: 588px; 
	height: 4px;
	position: relative; 
	z-index: 13;
	background-image: url(../images/middle_top.gif);
	font-size: 0%;
}

#middle { 
	float: left;
	width: 588px; 
	position: relative; 
	height: 400px;
	z-index: 12; 
	background-image: url(../images/middle_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: center;
	margin-left:0px;
}
#left { 
	float: left; 
	position: relative; 
	z-index: 40; 
	text-align: left;
}

#top, #bottom { width:780px; position: relative; z-index: 13; }
#top {
	height: 165px;
	width: 780px;
	/*background-image: url(../images/top_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 7px;*/
}
#top img {
	border: none;
}
#bottom {
	height: 29px;
	width: 780px;
	float: left;
	margin-top: -2px;
}
#copyright {
	float: right;
	margin-top: 5px;
	margin-right: 3px;
}
#clear { clear: both; }


/* Mozilla code */
#outer > #inner {
	border-bottom: 1px solid #CBD8AB;
}
#left { margin-right: 0px; }
#middle { margin: 0 0px 0 0px; }

#image {
	width:595px;
	height: 165px;
position:absolute;
top: 7px;
right: 0px;
z-index: 20;
}

#content {
	width: 550px;
	margin:0px;	
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}

#image table.imgtext-table {
  margin: -1px 0 0 0px;
}

#print {
	margin-top: 10px;
	margin-left: 545px;
}

iframe {
	height: 491px;
	width: 535px;
}