body {
	font-family: Verdana, Arial, Helvetica;
	background: white;
	padding: 0;
	margin: 10px 0 10px 0;
	
	font-size: 80%;

	text-align: center;	
	
	color: black;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial;
}

h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 2em;
}

h2 {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 1.5em;
}

h3 {
	margin-bottom: 10px;
	font-size: 1.17em;
}

img {
	border: none;
}

a:link, a:visited {
	color: #3399cc;
}

a:hover, a:active {
	color:#CC0000;
}

/* COMMONS */

.centr {
	text-align: center;
}

.smallr {
	font-size: smaller;
}

.largr {
	font-size: larger;
}

.smallrp {
	font-size: 70%;
}

.it {
	font-style: italic;
}

.subtle {
	color: #808080;
}

.subtlebg {
	background-color: #f0f0f0;
}

.intbg {
	background-color: #cfcfcf;
}

.darkbg {
	background-color: #808080;
}

.grey {
	color: #808080;
}

.white {
	color: white;
}

.st {
	font-weight: bold;
}

div.wrapper {
	overflow: auto;
	width: 100%;
}

.fl {
	float: left;
	margin-right: 10px;
}

.nofloat {
	float: none;
}

.arial {
	font-family: Arial, Helvetica;
}

a.whitelink:link, a.whitelink:visited, a.whitelink:active, a.whitelink:hover {
	color: white;
}

/* FORMS */

span.reqfield { color: #D02020; }
span.fieldnote { color: #606060; font-size: 75%; font-style: italic; }
span.checking, span.correct, span.incorrect { font-size: 70%; }
span.checking { color: #808080; }
span.correct { color: #10B010; font-size: 80%; font-weight: bold; }
span.incorrect { color: #D01010; }

/* BUTTONS */

/* page buttons */

a.greenbutton:link, a.greenbutton:visited, a.greenbutton:hover, a.orangebutton:link, a.orangebutton:visited, a.orangebutton:hover {
	display: block;
	width: 130px;

	height: 35px;
	padding-top: 15px;
	_height: 50px;

	text-decoration: none;
	font-size: 16px;
	
	text-align: center;
	font-family: Arial, Helvetica;
	font-weight: bold;
	
	white-space: nowrap;

	float: left;
	margin-right: 10px;
	
	color: black;

	background: url('/images/buttons.gif') no-repeat;
}

a.greenbutton:link, a.greenbutton:visited {
	background-position: 0 0;
}

a.greenbutton:hover {
	background-position: 0 -50px;
}

a.orangebutton:link, a.orangebutton:visited {
	background-position: -130px 0;
	margin-right: 0;
}

a.orangebutton:hover {
	background-position: -130px -50px;
	margin-right: 0;
}

a.bluebutton:link, a.bluebutton:visited, a.bluebutton:hover {
	display: block;
	width: 175px;

	height: 24px;
	padding-top: 7px;
	/*_height: 31px;*/

	text-decoration: none;
	font-size: 14px;
	
	text-align: center;
	font-family: Arial, Helvetica;
	font-weight: bold;
	
	white-space: nowrap;

	color: black;

	background: url('/images/buttons.gif') no-repeat 0 -100px;
}

a.bluebutton:hover {
	background-position: 0 -131px;
}


a.menubutton:link, a.menubutton:visited, a.menubutton:hover, a.menubutton:active  {
	display: block;

	margin-bottom: 5px;
	padding: 10px 0;

	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica;
	color: black;
	
	text-align: center;
	
	border: 1px solid black;
}

a.menubutton:hover, a.menubutton:active  {
	color: white;
	
	background: black;
	border-color: black;
}

/* BOXES */

.linedbox {

}

.topline {
/*	position: absolute;*/
/*	width: 100%;*/

/*	margin-top: -10px;*/
	
	padding-left: 10px;
	padding-top: 2px;
	margin-bottom: 10px;
}

.linedbox_inner {
	margin: 0 10px;
}

/* LAYOUT */

div.outer {
	margin: 0 auto;
	padding: 10px;
	
	max-width: 1000px;
/*	width: expression(document.body.clientWidth>1000?'1000px':(document.body.clientWidth+'px') );*/
	width: expression(document.body.clientWidth>1000?'950px':('auto') );
	
	text-align: left;
}

div.page {
	background: white;
}

div.header {
	height: 60px;

	background-image: url('/images/header_orange.gif');
	background-repeat: repeat-x;
}

div.header_l {
	background-image: url('/images/header_orange.gif');
	background-repeat: repeat-x;
	background-position: 0 -60px;

	width: 10px;
	height: 60px;
	float: left;
}

div.header_r {
	background-image: url('/images/header_orange.gif');
	background-repeat: repeat-x;
	background-position: 0 -120px;

	width: 10px;
	height: 60px;
	float: right;
}

div.header a, div.header a:visited, div.header a.active, div.header a:hover {
	color: white;
	text-decoration: none;
	
	font-family: Arial, Helvetica;
	font-size: 30px;
	font-weight: bold;
	
	display: block;
	padding-left: 12px;	

	height: 48px;
	padding-top: 12px;
	/*_height: 60px;*/
}

div.copy {
	border-top: 1px solid #808080;
	color: #808080;
	padding: 5px;
	*padding-top: 2px;
	font-size: smaller;
	
	margin-top: 15px;
	
	clear: both;

}

div.mainpart {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

div.rightcolumn150 {
	width: 150px;

	margin-left: 10px;
	
	float: right;
}

div.rightcolumn200 {
	width: 200px;

	margin-left: 10px;
	margin-bottom: 10px;
	
	float: right;
	
	_border-left: 10px solid white; /* IE6 - so that there would be space between it and content divs */
}

div.leftcolumn {
	width: 160px;
	padding-right: 10px;
	/*_width: 160px;*/
	
	float: left;
	
	border-right: none;
	border-bottom: none;
	
	padding-top: 10px;
	
	min-height: 350px;
	height: auto;
	_height: 350px;
}

div.content {
	margin-left: 180px;
}