/* this is a comment */

#footer {
  clear: both;
  margin: 0;
  padding: .5em;
  color: #333;
  background-color: #E6E6E6;
  border: 1px solid gray;
  
}

h3 { color: green }

/* ------------------- link stuff -------------------------- */

A:link {text-decoration: underline; color: #000D33}
A:visited {text-decoration: underline; color: #000D33}
A:active {text-decoration: underline; color: #000D33}
A:hover {text-decoration: underline; color: #000D33;}

body { }

#container {
  width: 974px; ;
  background-color: #fff;
  margin: 10px auto;
}

#header_title { width: 760px; border:1px solid gray; }

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#content {
  margin-left: 120px;
  margin-right: 180px;
  padding: 1em;
}

/* ------------------- right column -------------------------- */
#rightcolum { float: right; width: 180px; margin-top: 15px; }

/* ------------------- navigation stuff -------------------------- */

#navcontainer { float: left; width: 50px; margin-top: 15px; }

ul#navlist
{
  width: 118px;
  padding: 0px;
  border: 1px solid #808080;
  border-top: 0px;
  margin: 0px;
  font: bold 12px verdana,helvetica,arial,sans-serif;
  background: #808080;
}

ul#navlist li
{
  list-style: none;
  margin: 0px;
  border: 0px;
  border-top: 1px solid #808080;
}

ul#navlist li a
{
  display: block;
  width: 90px;
  padding: 4px 4px 4px 4px;
  border: 0px;
  border-left: 20px solid #000D33; /* little square box */
  background: #E6E6E6;
  text-decoration: none;
  text-align: right;
}

ul#navlist li a:link { color: #666677; } /* font color not moused over */
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
  border-color: #FF9000;
  color: #FFF;
  background: #000D33;
}

/*
#FF9000 orange
#000D33 dark blue
#FFF    white
#AAB    light purple
#CCD    real light purple
#808080 dark gray
#FF9000 orange
#E6E6E6 really light grey


*/

/* --------------------- account table stuff ------------------------- */

table.account {
	border-width: 1px;
	border-spacing: 1px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: #E6E6E6;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 15px;
	width: 100%;
}

table.account th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	background-color: #808080;
	font-style: italic;
	color: #FFF;
	text-align:right;
	vertical-align: top;
	white-space: nowrap;
	width: 20%;
}

table.account td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	/* not sure what this is for width: 20%; */
	vertical-align: top;
	
}

/* --------------------- reg table stuff ------------------------- */

table.reg {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	margin-left: auto; 
	margin-right: auto;
	width: 100%;
}

table.reg th {
	padding: 2px;
        text-align:right;
	vertical-align: top;
	white-space: nowrap;
	width: 20%;
}

table.reg td {
	padding: 1px;
	vertical-align: top;
	
}

/* --------------------- other stuff ------------------------- */

/* this is for the headers in table view on account.php and parties.php, etc */
#title {
  clear: both;
  margin-top: 10px ;
  padding: .2em;
  color: #333;
  background-color: #ff9000;
  border: 1px solid gray;
  text-align: center;
}


/* --------------------- headers ------------------------- */

/* row one for news orange */
td.header1 {
	text-align: center;
	background-color: #FF9000;
	color: black;
	white-space: nowrap;
	
	font-style: normal;
	/* font-style: regular; */
	/* font-size: 100%; */
	/* font-variant: small-caps */
}	

/* row two for news grey */
td.header2 {
	text-align: center;
	background-color: #808080;
	color: #FFF;
	font-size: 100%;
	font-style: italic;
	font-style: bolder;
	white-space: nowrap;
	/* font-variant: small-caps */
}

.error { color: red; text-align: center; }

/* used for the body of the news */
td.newsbody { background-color: #E6E6E6 }

/* used for the filter for the news */
td.newsfilter {
  background-color: #E6E6E6;
  color: #black;
}

td.newsfilter a:hover
{
  background: #FF9000;
  color: #000;
}

td {vertical-align: top;}

li {list-style: circle; }

li.faq {list-style: decimal; }


/* --------------------- form stuff ------------------------- */
INPUT { background-color: #CCC; }
TEXTAREA { background-color: #CCC; }
TEXT { background-color: #CCC; }
SELECT { background-color: #CCC; }