/* CSS Document */

body, td {
	font:normal 80% Verdana,Arial,Helvetica,sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

th {
	font-weight: bold;
	text-align: left;
}

th a {
	text-decoration: none;
}

div#header {
	min-height:1%;
	margin: 0;
	padding: 0 0 8px 0;
}

* html div#header {
	height:1%;
}
div#header:after, 
div#main:after,
div#main-bg:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html div#header,
* html div#main,
* html div#main-bg {
	height: 1%;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

a {
	color:#0077cc;
}
h1 {
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: 1.4em;
	color:#0077cc;
}

h2 {
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 8px 0 8px 0;
	font-size: 1.3em;
}

h3 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.1em;
}

h4, h5, h6 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

ul {
	margin-left: 2em;
	padding: 0;
}

strong.error {
	color: #c00;
}

div#container {
	min-width: 770px;
	max-width: 1040px;
	_width:expression(document.body.clientWidth < 770 ? "770px" : document.body.clientWidth > 1060? "1060px" : "auto");
	margin: 0 auto;
	text-align: left;
}

div#main-bg {
	min-height:1%;
	margin: 0;
	padding: 210px 10px 4px 10px;
	border-bottom: solid 1px #ccc;
	background: #fff url('/images/bigbanner.jpg') no-repeat top right;
}

div#main {
	min-height:1%;
	margin: 0;
	padding: 10px 10px 4px 10px;
	border-bottom: solid 1px #ccc;
}

div#amember-main {
	margin: 0;
	padding: 10px 10px 4px 10px;
	text-align: center;
}

div#left {
  float: left;
  width: 33%;
  padding-right: 2%;
}

div#right {
  float: right;
  width: 62%;
  border-left: 1px solid #ddd;
  padding-left: 2%;
  margin-bottom: 8px;
}

div#featured-art {
  float: right;
  margin: 0 0 8px 8px;
  padding: 0 8px 0 8px;
  border: 1px solid #ddd;
  width: 40%;
  background: #fff url('/images/back-gradient.gif') repeat-x top left;
}

ul#navbar {
  float:right;
  margin:0;
  padding:80px 0 10px 2px;
  list-style:none;
  font-size:1.1em;
  color:#333;
  background:#fff url('/images/back-navbar.gif') repeat-x bottom;
}
ul#navbar li {
  display:inline;
  margin:0 2px 0 0;
  padding:80px 1px 10px 1px;
  color:#333;
  background:#fff;
}
ul#navbar li a {
  margin:0;
  padding:80px 2px 10px 10px;
  text-decoration:none;
  font-family: Arial,Helvetica,sans-serif;
  font-weight:bold;
  font-size: 12px;
}
ul#navbar li a.red {color:#555;background:#fff url('/images/back-navbar-li-red.gif') no-repeat bottom;}
ul#navbar li a.red:hover {color:#ED1F1F;background-color:#fff;}
ul#navbar li a.blue {color:#555;background:#fff url('/images/back-navbar-li-blue.gif') no-repeat bottom;}
ul#navbar li a.blue:hover {color:#2E7BEE;background-color:#fff;}
ul#navbar li a.green {color:#555;background:#fff url('/images/back-navbar-li-green.gif') no-repeat bottom;}
ul#navbar li a.green:hover {color:#3EC21F;background-color:#fff;}
ul#navbar li a.yellow {color:#555;background:#fff url('/images/back-navbar-li-yellow.gif') no-repeat bottom;}
ul#navbar li a.yellow:hover {color:#DDDB12;background-color:#fff;}

ul.blue, ul.blue li {
	list-style: none;
}

ul.blue {
	margin: 0;
	padding: 0;
}

ul.blue li {
	margin: 0;
	padding: 0 0 0.5em 10px;
	background: #fff url('/images/bullet-blue.gif') no-repeat 0 0.4em;
}

div#footer {
	margin: 0 10px;
	padding: 4px 0;
}

table.amember-profile, table.amember-profile tr {
	margin: 0;
	padding: 0;
}

table.amember-profile tr th {
	margin: 0;
	padding: 2px 6px 2px 2px;
	font-size: 11px;
}

table.amember-profile tr th input {
	font-size: 11px;
}

table.amember-profile tr td {
	margin: 0;
	padding: 2px;
	font-size: 11px;
}

table.amember-profile tr td input {
	font-size: 11px;
}