body {
font-family: garamond, serif;
font-size:medium;
min-width: 630px;
margin: 10px;
padding: 0;
background-color: #600;
color:#444;
}

h1 {color:#000;margin:4px 0 4px 0;padding:0;font-size:160%}
h2 {color:#000;margin:4px 0 4px 0;padding:0;font-size:150%}
h3 {color:#000;margin:4px 0 4px 0;padding:0;font-size:140%}
h4 {color:#000;margin:4px 0 4px 0 ;padding:0;font-size:130%}

a, a:link, a:active {
color:#600;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:none;
}

a:visited {
color:300;
}

h1 a, h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {
color:black;
text-decoration:none;
}


.box {margin:4px 4px 4px 0;padding:10px;border:1px solid #ab9f4f}
.previewbox {margin:4px 4px 4px 0;padding:0 10px 10px 10px;border:1px dotted #999}

.spotbox{margin:0;padding:10px;background-color:#c9c1b0}
.spotth{background-color:#600;border-bottom:2px solid #a99186;color:#fff}
.spottd{background-color:#e6ddc9;font-size:90%}

.mainbody {
line-height:1.5em;
}

#adminbar{
margin:-10px -10px 10px -10px;
padding:4px;
background-color:#ff6;
border-top:2px solid #ccc;
border-bottom:2px solid #aaa;
font-size:small;
text-align:center;
}

#adminbar a, #adminbar a:link, #adminbar a:active, #adminbar a:visited {
font-weight:normal;
}

#adminbar a:hover {
background-color:#ff0;
}

#outer{
margin:0 4%;
padding:2%;
background-color:#fff;
}

#header {
margin:-10px 10px 0 0;
padding:0;
}



#topbar{
background-color:#600;
margin:0;
padding:4px;
color:#fff;
}

#topbar a, #topbar a:active #topbar a:link #topbar a:visited {  
color:#fff;
}

#leftnav{
background-color:#e6ddc9;
border:6px solid #c9c1b0;
margin: 10px 0;
padding:4px;
}

#leftnav a, #topbar a:active #topbar a:link #topbar a:visited {  
color:#600;
}
  

#bodybox{
border:2px solid #c9c1b0;
margin:20px 0 0 0;
padding:10px;
}

#bodyboxform{
border:2px solid #c9c1b0;
margin:20px 0 0 0;
padding:10px;
}

#footer {
font-size: x-small;
margin:1.0em 0;
padding: 0.5em 0;
text-align:center;
}


#center {
padding: 0.5em;
}

#left {
padding: 0.5em;
border-right:1px solid #ccc;
}

#right {
padding: 0.5em;
border-left:1px solid #ccc;
}

#topright {
position:absolute;
font-size:80%;
text-align:right;
top:10px;
right:10px;
}

#message {
text-align:center;
font-weight:bold;
font-size:medium;
margin:0 0 10px 0;
padding:10px;
}

p {margin:0.5em 0 0.5em 0;}


ul {}

li {
margin:0 0 0 -1.5em;
padding:0;
}

li.adminlistitem {
list-style:none; 
margin:-2.0em;
color:red;
}

li.prevnextnav{list-style:none;text-align:right; }


form p span {font-style:italic;font-size:small;color:#666;}

.formrow {margin:1.0em 0 0 0;}

.big {font-size:110%;}
.bigger {font-size:130%;}
.bold {font-weight:bold;}
.small {font-size:80%;}
.x-small {font-size:70%;}
.greyedout {font-color:#ccc;background-color:#ccc;}
.req {background-color:#ff0;}
.none {}

.padded {padding:20px;}
.center {text-align:center;}

.even {background-color:transparent;}

.odd {background-color:transparent;}

.greyedfakebutton {
margin:2px;padding:0 4px;border:1px solid #ccc;
}

.button {
margin:2px;padding:0 4px;border:1px solid #600;background-color:#ff0
}


table.data th {
background-color:#ebe4c7;
border-bottom:3px double #ab9f4e;
}
table.data td {
background-color:#f9f7e4;
border-bottom:1px dotted #ab9f4e;
}

table.datagreyedout th {
color:#999;
background-color:#ccc;
border-bottom:3px double #ddd;
}
table.datagreyedout td {
color:#999;
background-color:#eee;
border-bottom:1px dotted #ddd;
}

td.calbox {
border:1px solid #ab9f4e;
background-color:#f9f7e4;
text-align:center;
}

td.calon{
border:1px solid #ab9f4e;
text-align:center;
background-color:#ab9f4e;
}


td.linked-day{
border:1px solid #3a6d8e;
text-align:center;
background-color:#e9eaf0;
}


td.calon a, .calon{
color:#fff;
}


.block {
background-color:#ddd;
margin:0;
padding:4px;
}

.row {
margin:0.5em 0.5em 0.5em 0;
padding:0;
line-height:1.2em;
}

.bar1 {
margin:0;
padding:0;
background: url("http://xtownxchange.net/img/bars/bar1center.gif") repeat-x left;
font-size:12px;
}

.bar2 {
margin:0;
padding:0;
background: url("http://xtownxchange.net/img/bars/bar2center.gif") repeat-x left;
font-size:12px;
}

#bodybox img {margin:0 10px 10px 10px}

.thumbnail {margin:0 10px 10px 10px}



.right {
	text-align:right;
	}
.left {
	text-align:left;
	}
	
.alert {
background-color:#ff0;
margin:0;
padding:10px;
border:1px solid #000;
}

.ok {
background-color:#9f9;
margin:0;
padding:10px;
border:1px solid #000;
}

.note {
background-color:#ff9;
margin:0;
padding:10px;
border:1px solid #ff0;
}

.floatleft {
	text-align:left;
	width:49%;
	float:left;
	}
	
.floatright {
	text-align:right;
	width:49%;
	float:right;
	}
	
.clearboth {
clear:both;
}

.spacer {margin:0;padding:0.5em;}

.data.th {background-color:#ccc;}

.data.td {border-bottom:1px solid #ccc;}

.label {font-size:small;color:#666;font-style:italic;}

.listitem {margin:0;padding:0.5em 0 0.5em 0;border-bottom:1px dotted #ab9f4f;}