BODY {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12pt;
	line-height: 13pt;
	color: #666666;
	margin: 0px;
	padding: 0px;
}

#main_body {
 background-color: blue;
 min-height: 502px;
 position: relative;
 background: url('../img/body_bg.gif');
 background-repeat: repeat-x;
}


#sidebar {
 padding-top: 25px;
 padding-left: 5px;
 background: url( '../img/sidebar_bg.gif' );
 background-repeat: repeat-x;
}

DIV.var_field {
 border: 1px solid black;
 width: 350px;
 padding: 0px;
}

DIV.var_field H1 {
 margin: 0px;
 color: white;
 font-size: 14px;
 background-color: black;
 width: 350px;
}

DIV#credits {
 text-align: center;
 font-size: 12px;
}

TABLE.var_field {
 font-size: 12px;
 line-height: 13px;
}

H1 {
 color: #FE7F00;
 font-weight: normal;
 padding-top: 20px;
}

H2, H2 A {
 color: #029EC6;
 font-size: 15px;
 font-weight: normal;
}

H3, H3 A {
 color: #FEB266;
 font-size: 18px;
 font-weight: normal;
}

H2 A, H3 A, H2 A.visited H3 A.visited {
 text-decoration: none;
}

DIV.profile_box {
 background-color: #C8E8B9;
 padding: 5px 10px;
 margin: 20px 30px 10px 30px;
 border: 2px solid #AFAFAF;
}

DIV.blue {
 background-color: #92D7E6;
}


DIV.profile_box H1 {
 color: #067CAC;
 font-size: 1.2em;
 font-weight: bold;
}


.header_nav {
	text-align:right; 
	padding-right:30px;
}

.header_nav A {
 	text-decoration: none;
	color: #656565;
}

.description {
 font-size: .8em;
}

/* from http://www.monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors */

/*.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; width: 200px; text-align: right;} */
/* zb change color to #000 from #fff */
  .btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #000; text-decoration: none; cursor: pointer; width: 200px; text-align: right;} 
.btn * { font-style: normal; background-image: url(../img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
/* zb add no bg for some child elements */
.btn form, .btn div { font-style: normal; background-image: none; background-repeat: no-repeat; display: block; position: relative; }

.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.active { background: #0093D9; background-image: url(../img/shade.png); background-position: bottom; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn.red { background: #f00; }
.btn.white { background: #fff; }
.btn.nohover { background: #fff; }
/*.btn:hover { background-color: #a00; }*/
.btn:hover { background-color: #C8E0CA; background-image: url(../img/shade.png); background-position: bottom;}
.btn.nohover:hover { background-color: #fff; background-image: none; background-position: bottom;}
.btn:active { background-color: #444; }
/*.btn[class] {  background-image: url(../img/shade.png); background-position: bottom; }*/
/* zb removed */

/* zb - removing seems to make things work better in ie6 w/o effecting other browsers */
/** html .btn { border: 3px double #aaa; }*/
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn.grey { border-color: #aaa; }
* html .btn:hover { border-color: #a00; }

p { clear: both; padding-bottom: 19px; }

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 60%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 10px;
	padding: 5px 17px;
}
fieldset legend {
	color: #FE7F00;
	font-size: 120%;
	font-weight: bold;
}

fieldset fieldset legend {
	color: #FE7F00;
	font-size: 110%;
	font-weight: normal;
}


form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	font-size: 110%;
	padding-right: 20px;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	width: auto;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
	font-size: 110%;
	vertical-align: bottom;
}

input, textarea {
	font-size: 140%;
	font-family: Verdana, Arial, Sans-Serif;
	padding: 2px;
	width: 100%;
}
.checkboxMultiple { list-style: none; padding: 1px; }
textarea { margin: 1em 0;}
.checkboxMultiple li { height: 1.8em; }

.checkboxMultipleTable li { list-style: none; }

div.message, p.error, div.error-message {
	color: #900;
	font-size: 110%;
	font-weight: bold;
	padding: 4px;
	background-color: lightgrey;
}

#NextTabSubmit {
	float: right;
	width: 100px;
	margin-top: -50px;
}

/* end button from http://www.monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors */

table.members th {
  font-size: 12px;
}

table.members tr.odd {
  background: #D2D2D2;
}

table.members td {
  padding: 3px 10px 3px 10px;
  font-size: 11px;
}

span.decl-yes {
  color: #ED0D0D;
  font-weight: bold;
  font-size: 12px;
}

.clear{ clear: both; }

table#shop td{ padding: 5px;}
table#shop tr.light{ background-color: #DDDDDD; }
table#shop tr.dark{ background-color: #BBBBBB; }
.shop_btn{
	padding: 2px;
	font-size: 14px; 
	background-color: grey; 
	border: 1px solid black; 
	color: black; 
	text-decoration: none;
}