html, body { 
	padding:0; margin:0;
}

body {
	background:url(images/header.png) repeat-x top #f7fdfc;
}

div.header {
	width: 850px;
	margin: 0 auto;
	height: 80px; /* keep in synch with height of header.png */
}

div.header img { /* logo image */
	float:left; padding-right:50px;
}
.header h1 {
	font-family: tahoma;
	font-size:xx-large;
	padding-top:10px;
	color:#4aa0e0;
}

.ie div.header { /* ie only */
	margin: 0 0 auto 152px;		/* fixed */
}


/* top menu */
div.topmenu {
	margin:0;
	padding:0;
	height: 42px;
	background:url(images/topmenu_center.png) repeat-x;
	color:#398158;
	font-size:large;
}
div.topmenu a {
	color:#398158;
}
div.topmenu a:hover {
	color:#8E1B37;
}
div.topmenu_left {
	width: 69px;
	height: 42px;
	margin-left:0;
	background:url(images/topmenu_left.png) no-repeat;
}
div.topmenu_right {
	width: 69px;
	height: 42px;
	margin: -42px 0 auto auto;
	background:url(images/topmenu_right.png) no-repeat;
}
div.topmenu_middle {
	height: 40px;
	margin: -42px 69px 0 69px;
}

div.topmenu_content {
	position:absolute;
	margin-top:-35px;
	margin-left:50px;
	height:30px;
	/*background-color:#0066FF;*/
	overflow:hidden;
}

div.topmenu_content ul {
	margin:0;
	padding:2px;
	padding-left:4px;
}
div.topmenu_content ul li {
	display:inline;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
}


div.content { /* all browsers */
	padding: 10px 0;
	width: 850px;
	margin: 0 auto auto auto; /* centered */
}

.ie div.content { /* ie only */
	margin: 0 0 auto 152px;		/* fixed */
}

div.footer {
	padding: 5px 10px;
	border-top:1px #bfffb3 solid;
	background-color:#ddffd8;
	height: 100%;
	clear: both;
	font-size: 75%;
	color:#398158;
}

div.footer a {
	color:#398158;
}
div.footer a:hover {
	color:#8E1B37;
}

div.footer .right { float: right; display: inline; padding: 5px; text-align: right}


div.leftmenu { /* all browsers */
	width: 131px;
	float:left;
	margin-top:10px;
	margin-left:5px;
	padding-right:10px;
	color:#1b427b;
}
div.leftmenu a {
	color:#1b427b;
}
div.leftmenu a:hover {
	color:#88362B;
}


.ie div.leftmenu { /* ie only */
	float:none;
	margin-top:inherit;
	margin-left:inherit;

	position:absolute; 
	top:132px;
	left:5px; 
}

div.leftmenu_top {
	background:url(images/menuLeft_top.png) no-repeat;
	height:7px;
	font-size: 1px;
}
div.leftmenu_bottom {
	background:url(images/menuLeft_bottom.png) no-repeat;
	height:7px;
	font-size: 1px;
}

div.leftmenu_content {
	background:url(images/menuLeft_middle.png) repeat-y;
}
div.leftmenu_content ul {
	margin:0;
	padding:2px;
	padding-left:4px;
	list-style-type:none;
}
div.leftmenu_content ul li {
	display:block;
	background:url(images/menuLeft_separator.png) no-repeat;
}

/*  BOX  */
div.box {
	width:70%;
	margin: 0 auto 15px auto;
}
.boxTop {
	height:10px;
	font-size:1px;
}
.boxTop .Left {
	background:url(images/box_tl.png) left bottom no-repeat;
	margin-left:0;
	margin-top:0;
	width:10px;
	height:10px;
}
.ie .boxTop .Left {
	background-image:url(images/box_tl.gif);
}
.boxTop .Right {
	background:url(images/box_tr.png) right no-repeat;
	width:10px;
	height:10px;
	margin-top:-10px;
	float:right;
}
.ie .boxTop .Right {
	background-image:url(images/box_tr.gif);
}
.boxTop .Center {
	height:10px;
	background-color:#ddffd8;
	border-top:1px solid #bfffb3;
	margin-left:10px;
	margin-right:10px;
	margin-top:-10px;
}
.boxBot {
	height:10px;
	font-size:1px;
}
.boxBot .Left {
	background:url(images/box_bl.png) left no-repeat;
	margin-left:0;
	margin-top:0;
	width:10px;
	height:10px;
}
.ie .boxBot .Left {
	background-image:url(images/box_bl.gif);
}
.boxBot .Right {
	background:url(images/box_br.gif) right no-repeat;
	width:10px;
	height:10px;
	margin-top:-11px; /* notice 11, not 10 */
	float:right;
}
.ie .boxBot .Right {
	background-image:url(images/box_br.gif);
}
.boxBot .Center {
	height:10px;
	background-color:#ddffd8;
	border-bottom:1px solid #bfffb3;
	margin-left:10px;
	margin-right:10px;
	margin-top:-10px;
}

.boxContent {
	background-color:#ddffd8;
	border-left:1px solid #bfffb3;
	border-right:1px solid #bfffb3;
	padding:0 5px 0 5px;
}


/* text */
h1 {
	margin: 0 0 4px 0;
	font-family: verdana;
	font-size: 16px;
}

h2 {
	margin: 0 0 3px 0;
	font-family: verdana;
	font-size: 14px;
}

h3 {
	margin: 0 0 2px 0;
	font-family: verdana;
	font-size: 12px;
}

h4 {
	margin: 0 0 1px 0;
	font-family: verdana;
	font-size: 10px;
}


p {
	margin: 0 0 20px 0; 
	line-height: 1.3em;
}

a {
	color:#032dbd;
}

a:hover {
	color:#C83D17;
}

span.important {
	background-color: #ffd7e1;
}

.code {
	font-family:"Courier New", Courier, monospace;
	font-size:0.95em;
}