/**********************************/
/*           LAYOUT               */
/**********************************/

body {
    width: 762px;
}
#banner {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
#container {
    background: #e0f2f0;
    margin: 0;
    padding: 0;
}
#col1 {
    float: left;
    width: 192px;
}
#col2 {
    width: auto;
    margin-left: 192px;
    background: white;
    margin-top: 0;
    padding-top: 0;
}
#content {
    background-image: url(../graphics/curve.gif);
    background-repeat: no-repeat;
    margin-left: 0;
    margin-top: 0;
	background-color: #fff;
	padding: 34px 24px 0px 30px;
}
/* contact info at the bottom of each page */
#contact {
	color: #589;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 24px 30px;
}
/* footer info at the bottom of each page */
#footer {
	font-size: 10px;
	font-style: italic;
	border-top: 2px solid #116677;
	padding-top: 2px;
	margin-left: 30px;
}

/**********************************/
/*        HTML TAG STYLES         */
/**********************************/

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444444;
}
h1 {
	font-family: Palatino, "Times New Roman", serif;
	font-size: 24px;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	color: #467;
}
h2 {
	font-family: Palatino, "Times New Roman", serif;
	font-size: 20px;
	text-align: center;
	margin-top: 0;
	color: #467;
}
h3 {
	color: #945;
	font-size: 14px;
	padding-top: 6px;
	margin-bottom: 0;
}
h4 {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}
ul, ol {
	font-size: 11px;
	margin-top: .3em;
	margin-bottom: .75em;
}
li {
	font-size: 11px;
	margin-top: .5em;
}
a {
	color: #446688;
	font-weight: bold;
}
img {
    border: 0;
}

/**********************************/
/*      CONTENT AREA CLASSES      */
/**********************************/

/* used for text above headlines */
.super {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 1em 0;
}
/* used for bylines */
.sub {
	font-size: 12px;
	font-style: italic;
	text-align: center;
	margin-bottom: .5em;
}
/* used to call out initial paragraph when it's introductory in nature */
.intro {
	font-size: 11px;
	font-style: italic;
	margin-bottom: 2em;
}
p.body {
    margin: .5em 0 1em 0;
}
/* call out text style */
.shout {
	color: #945;
	font-size: 10px;
	font-weight: bold;
}

.pages {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #a86;
}

.pages span {
    font-size: 11px;
    font-weight: bold;
    color: #468;
}

.pages a {
    text-decoration: none;
}

.warning {
    color: #943;
 }
 
/**********************************/
/*         BANNER TABLE           */
/**********************************/

table#banner {
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

#banner td {
    padding: 0;
}

div#topmenu {
	font-size: 11px;
	color: #446688;
	text-align: center;
	padding: 8px 12px 3px 0px;
}

div#topmenu a {
	color: #446688;
	font-weight: normal;
	text-decoration: none;
}

/**********************************/
/*            SIDEBAR               */
/**********************************/

#submenu {
	font-weight: bold;
	font-size: 11px;
	padding: 0px 10px 0 10px;
	background: #e0f2f0;
	margin: 1em 0 2em 0;
}

#submenu .home {
    padding: 10px 0 3px 0;
}

#submenu .cat {
    margin: 10px 0 3px 10px;
    padding: 0 0 3px 0;
	border-bottom: 1px solid #b0d0c8;
}

#submenu a:hover {
	text-decoration: underline;
}

#submenu a {
	color: #22888c;
	text-decoration: none;
}

#insert {
	font-size: 10px;
    background-color: #c8dddd; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px;
}

#insert h4 {
    font-size: 10px;
    font-style: normal;
    margin: 0 0 12px 0;
}        

#insert h5 {
    font-size: 10px;
    font-style: normal;
    margin: 12px 0 1px 0;
}

#insert p { 
    margin-top: 0;
}

/**********************************/
/*         LISTING TABLES         */
/**********************************/

#content #crumbs {
    font-size: 11px;
    font-weight: normal;
    color: #468;
    margin: 0 0 1.5em 0;
}

#content #crumbs a {
    text-decoration: none;
}

#content #crumbs span {
    color: #999;
}

#postnew {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 0;
}

table#listing {
    border-collapse: collapse;
    width: 510px;
}

#listing caption {
    font-weight: bold;
    padding-bottom: 10px
}
#listing th {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	background-color: #579;
	padding: 4px;
}

#listing tr.even {
    background-color: #f6edd3;
}

#listing td {
    font-size: 11px;
    padding: 6px;
}

#listing .aright {
    text-align: right;
}
#listing .acenter {
    text-align: center;
}
#listing .aleft {
    text-align: left;
}
#listing .posts {
    text-align: right;
    padding-right: 1.5em;
}

/**********************************/
/*     MESSAGE POST STYLES        */
/**********************************/
#postarea {
    margin: 0 0 0 1em;
}

#crumbs {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    color: #468;
    margin: 6px 0 8px 0;
}

#postarea #crumbs a {
    text-decoration: none;
}

#postarea #crumbs span {
    color: #999;
}

#postarea h3 {
	font: bold 15px Verdana, Helvetica;
	text-align: left;
	color: #934;
	margin: 0;
}
#postarea h4 {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 3px 0 2em 0;
}
#postarea table {
    width: 740px;
    border-collapse: collapse;
}
#postarea td {
    padding: 5px;
}
#postarea .msg div {
    text-align: right;
	font-size: 10px;
	color: #337799;
}
#postarea .hdr {
    width: 200px;
	font-size: 11px;
	background-color: #579;
	color: #fff;
	border-bottom: 1px solid #bbb;
	margin-top: 18px;
}
#postarea .hdr a {
	color: #fdb;
}
#postarea .hdr p {
	margin: 1em 0 0 0;
	padding: 0;
}
#postarea .msg {
	font-size: 12px;
	background-color: #f6edd3;
	border: 1px solid #789;
	padding: 6px;
}
#postarea .msg h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 .5em 0;
	padding: 0;
}

/**********************************/
/*          FORM STYLES           */
/**********************************/

#formheader {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 3em 0 1em 0;
    padding: 0;
}

form {
    font-size: 12px;
    width: 400px;
    background: #dde;
    padding: 1em 2em 0 2em;
    margin: 1em auto;
}
        
label {
    display: block;
}
.radio {
    margin-right: 10px;
}

.textbox {
    width: 80%;
}

textarea {
    width: 90%;
    height: 200px;
    margin-top: 2px;
}

textarea.comments {
    height: 5px;
    visibility: hidden;
}

input:focus, textarea:focus {
  background: #ffc;
}