html {background:transparent
}
body{
background-color:#ffeb8b;
background-image: url('images/main/applebg.png');
background-repeat:repeat-x;
background-position:top left;
color: #BE7342;
font-size: 10pt; 
font-family: arial;
}
A:link{ font-weight:bold; color: #C2863F;
}
A:visited{ font-weight:bold; color: #C2863F;
}
A:active{ font-weight:bold; color: #C2863F;
}
A:hover{ font-weight:bold; color: #BE7342;
}

.container{
position: relative;
margin: 0px auto;
width: 750px;
}

tr.subject{
font-size: 8pt; 
height: 21px;
margin: 10px auto;
}

tr.tagline{
margin:2px;
padding:2px;
color: #C04433;
}

tr.comments{
font-size: 8pt; 
height: 21px;
}



#banner{
	position: absolute;
	top: 0px;
	z-index: 1;

}

#leftmenucontent{
        position: absolute;
        left: 0px;
        width: 175px;
	top: 120px;
	z-index: 2;
}

#maincontent{
        position: absolute;
        left: 175px;
        width: 575px;
	top: 90px;
	z-index: 3;
}

#news{
     position: relative;
     width: 575px;
     z-index:4;
}

#topmenucontent{
        position: absolute;
        left: 190px;
        width: 575px;
	top: 77px;
	z-index: 4;

}

/* Box1
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #dfad65;
	background:#0e0d1c;
}

}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#ffffd5;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(images/main/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(images/main/box.png) no-repeat 0 0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(images/main/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(images/main/box.png) no-repeat 0 100%;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(images/main/border.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(images/main/border.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#ffffd5;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Box2
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb2 {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #dfad65;
	background:#0e0d1c;
}

}
.cbb2 h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#ffffd5;
}
/* Normal styling */
.cb2 {margin:0.5em 0;}
	/* Top corners and border */
.bt2 {
	height:17px;
	margin:0 0 0 18px;
	background:url(images/main/box2.png) no-repeat 100% 0;
}
.bt2 div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(images/main/box2.png) no-repeat 0 0;
	line-height:0;
}

	/* Bottom corners and border */
.bb2 {
	height:14px;
	margin:0 0 0 12px;
	background:url(images/main/box2.png) no-repeat 100% 100%;
}
.bb2 div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(images/main/box2.png) no-repeat 0 100%;
	line-height:0;
}

	/* Left border */
.i12 {
	padding:0 0 0 12px;
	background:url(images/main/border2.png) repeat-y 0 0;
}
	/* Right border */
.i22 {
	padding:0 12px 0 0;
	background:url(images/main/border2.png) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i32 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#ffffd5;
        background:url(images/main/tile.png) repeat;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i32:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i32 {display:inline-block;}
.i32 {display:block;}
/* Default CSS ends here */


ol#menu {
    height: 31px;
    list-style: none;
    margin: 0;
    padding: 0;

}

ol#menu a {
    background: url(images/main/tabno.png);
    font-weight: bold;
    display: block;
    float: left;
    height: 31px;
    width: 100px;
    text-decoration: none;
}
ol#menu span {
    display: block;
    line-height: 34px;
    text-align: center;
}



ol#menu li.current a {
    background: url(images/main/tabyes.png);
    font-weight: bold;
}

<!--[if lt IE 8]>
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(images/main/border.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(images/main/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(button.gif);}
<![endif]-->