body,th,td,input,select,textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
}

body {
    margin: 0;
    width: 100%;
    background: white;
    color: #444444;
}


input,select,textarea {
    color: black;
    background: #dddddd;
}

#title {
    background: black;
    color: #dddddd;
    vertical-align: bottom;
    padding: 5px;
}

#description {
    background: black;
    color: #eeeeee;
    font-family: georgia,times new roman,times,serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 380px;
}

#topmenu {
    font-size: 12px;
    font-weight: normal;
    background: silver;
    color: black;
    padding: 1px 5px 1px 5px;
    line-height: 100%;
    border-top: 1px #eeeeee solid;
    border-bottom: 1px black solid;
}

#topmenu td {
    vertical-align: middle;
    height: 15px;
}

#content {
    line-height: 150%;
    padding: 5px 10px 5px 10px;
    margin-left: 110px;
    height: 100%;
    overflow: visible;
}

#navigation {
    color: gray;
    width: 135px;
    font-size: 10px;
}

#footer {
    font-size: 10px;
    margin-left: 110px;
    margin-right: 160px;
    padding: 5px 10px 5px 10px;
}

div.Comments, div.Document, table.infotable {
    width: 600px;
}

div.ErrorMsg {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    background: white;
    font-size: 12px;
    width: 500px;
    color: red;
}

div.DispMsg {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    background: white;
    font-size: 12px;
    width: 500px;
    color: black;
}

.infotable {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-bottom: .5in;
}

h2 {
    font-family: arial,helvetica,sans-serif;
    font-size: 20px;
    color: white;
    background: gray;
    padding: 5px;
    border-top: 1px silver solid;
    border-left: 1px silver solid;
    border-bottom: 1px black solid;
    border-right: 1px black solid;
    font-weight: normal;
    margin: 10px 0 20px 0;
    line-height: 120%;
}

h3, p.subject, th, .pollbar {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px;
    background: gray;
    color: white;
    border-top: 1px silver solid;
    border-left: 1px silver solid;
    border-bottom: 1px black solid;
    border-right: 1px black solid;
}

h4 {
    font-size: 11px;
    display: inline;
}

hr {
    height: 1px;
    color: gray;
}

p.action {
    clear: left;
    font-size: 10px;
    line-height: 200%;
    vertical-align: middle;
    color: gray;
    text-align: left;
}

p.action a img {
    vertical-align: middle;
}

p.error {
    color: white;
    font-weight: bold;
    padding: 10px;
    border: 1px gray solid;
}

p.info {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 9px;
    line-height: 120%;
    margin: 10px 0 10px 0;
}

p.recordset {
    font-size: 10px;
    font-weight: bold;
    color: white;
}

p#greeting {
    font-style: italic;
}

.infotable th {
    border: none;
    width: 150px;
    text-align: left;
    font-size: 10px;
    line-height: 12px;
}

td {
    vertical-align: top;
}

td.event_date {
    white-space: nowrap;
}

tr.even {
    background: black;
}

a {
    text-decoration: underline;
    color: #444444;
}

a:visited {
    text-decoration: underline;
    color: #444444;
}

a:hover {
    text-decoration: underline;
    color: #888888;
}

a img {
    border: none;
}

#topmenu a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

#topmenu a:hover {
    color: white;
    text-decoration: none;
}

#topmenu form {
    display: inline;
    margin: 0;
    padding: 0;
}

#topmenu input {
    font-size: 9px;
    width: 60px;
    border: 1px black solid;
}

#navigation br {
    display: none;
}

#navigation p {
    margin: 0;
    padding: 0;
}

#navigation img {
    vertical-align: middle;
}
#navigation a, #navigation b, p.editor a, p.editor a:visited,
.backnext a, .backnext a:visited, .infotable,
p.action a, p.action a:visited {
    text-decoration: none;
    background: #666666;
    color: ivory;
    padding: 1px 5px 1px 5px;
    border-top: 1px silver solid;
    border-left: 1px silver solid;
    border-bottom: 1px black solid;
    border-right: 1px black solid;
    margin: 1px 0 1px 0;
    font-size: 11px;
    line-height: 11px;
}

#navigation a, #navigation b {
    display: block;
}

#navigation b {
    color: white;
    font-size: 12px;
    line-height: 12px;
}


#photoitem {
    border-width: 1px;
    border-color: #888888;
    border-style: solid;
    border-spacing: 0px;
    height: 240px;
    width: 170px;
}    

#phototable {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    height: 160px;
}

#editcaptionphototable {
	border-width: 0px;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    height: 160px;
    width: 200px;
}

#phototitle {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    height: 0px;
    width: 160px;
}


#photodesc {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: left;
    height: 0px;
}

#photoselect {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    height: 0px;
}

#phototree {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: top;
    text-align: left;
    width: 250px;
}

#phototree a {
    text-decoration: none;
}

#commenttable {
	border-width: 1px;
	border-style: solid;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: left;
}

.commentheader {
	font: 11px/16px georgia, "times new roman", times, serif;
	margin-bottom: 5px;
	letter-spacing: 1pt;
}

#singlephoto {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
}

#exifheader {
    font-weight: bold;
}

#exifvalue {
}

p.editor a:hover, #navigation a:hover, .backnext a:hover,
p.action a:hover {
    text-decoration: none;
}

p.editor a:active, #navigation a:active, .backnext a:active,
p.action a:active {
    border-top: 1px black solid;
    border-left: 1px black solid;
    border-bottom: 1px silver solid;
    border-right: 1px silver solid;
    text-decoration: none;
}

p.recordset a {
    text-decoration: none;
    padding: 1px;
}

p.recordset a:hover {
    text-decoration: underline;
}

div.edit {
    margin: 5px;
}

p.editor {
    text-align: right;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
}



.formrow {
    clear: both;
    padding-top: 10px;
}

.formrow h3 {
    margin: 5px 0 5px 0;
}

.prompt {
    margin-bottom: 3px;
    width: 250px;
    text-align: right;
    font-weight: bold;
    float: left;
    white-space: nowrap;
}

.doc {
    font-weight: normal;
    display: block;
}

.quota {
    font-weight: normal;
    font-size: 10px;
}

.field {
    width: 400px;
    float: right;
    text-align: left;
}

textarea {
    width: 300px;
}


div.subfolders {
    clear: right;
    width: 100%;
    margin: 10px 0 10px 0;
}

.subfolder, .picbox, .picboxlong {
    font-size: 10px;
    text-align: center;
    margin: 1px;
    padding: 1px;
    width: 110px;
    height: 110px;
    float: left;
    line-height: 12px;
    overflow: auto;
    background: gray;
    border-top: 1px silver solid;
    border-left: 1px silver solid;
    border-bottom: 1px black solid;
    border-right: 1px black solid;
}

.picbox img, .picboxlong img, .imageframe img, .index img {
    border-top: 1px silver solid;
    border-left: 1px silver solid;
    border-bottom: 1px black solid;
    border-right: 1px black solid;
}

.picbox a:active img, .picboxlong a:active img, .imageframe a:active img,
.index a:active img {
    border-top: 1px black solid;
    border-left: 1px black solid;
    border-bottom: 1px silver solid;
    border-right: 1px silver solid;
}

.picboxlong {
    height: 140px;
}

div.path {
    font-family: verdana,arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 10px;
    line-height: 100%;
    margin-bottom: 20px;
}

div.path a {
    text-decoration: none;
}

div.path a:hover {
    text-decoration: underline;
}

.imageboxes {
    width: 100%;
    clear: left;
    margin: 10px 0 10px 0;
}

.imageboxes td {
    text-align: center;
    font-size: 9px;
    line-height: 100%;
    height: 110px;
    border: 1px gray solid;
    margin: 1px;
    padding: 2px;
}

/* table */
.list {
    clear: left;
}

td.listinfo {
    white-space: nowrap;
    font-size: smaller;
}

.list p {
    margin-top: 0;
    margin-bottom: 5px;
}

.backnext {
    font-size: 9px;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0 5px 0;
}


/* division to non-break paragraphs */
div.notices {
    margin-left: 1em;
    text-indent: -1em;
}

div.notices p {
    display: inline;
}

/* advertisements */
div.ad {
    margin: 10px 0 10px 0;
    border: 3px darkgreen solid;
    padding: 10px;
    font-size: 11px;
    line-height: 12px;
    background: burlywood;
    color: black;
}

div.ad a,div.ad a:visited,div.ad a:hover {
    font-weight: bold;
    color: black;
    text-decoration: none;
}

div.adtitle {
    font-weight: bold;
    color: white;
}

div.adbody {
    display: inline;
    font-size: 10px;
}

div.adbody p {
    display: inline;
}

div.adurl {
    font-weight: bold;
    font-size: 10px;
}

div.adurl a, div.adurl a:visited, div.adurl a:hover {
    color: maroon;
}

div.adowner {
    font-weight: normal;
    font-size: 9px;
}

.rating {
    display: none;
}

.ahem {
    color: red;
    display: none;
}

.messages {
    margin: 5px;
    padding: 5px;
    border: 1px yellow solid;
    color: white;
    text-align: center;
}

.subfolder a img {
    border-top: 2px black solid;
    border-left: 2px black solid;
    border-bottom: 2px silver solid;
    border-right: 2px silver solid;
    margin: 5px 0 5px 0;
}

.subfolder a:hover img {
    border-top: 2px silver solid;
    border-left: 2px silver solid;
    border-bottom: 2px black solid;
    border-right: 2px black solid;
}

.subfolder a:active img {
    border-top: 2px black solid;
    border-left: 2px black solid;
    border-bottom: 2px silver solid;
    border-right: 2px silver solid;
}

.accountinfotable {
	border-width: 1px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
}

.accountinfotableheader {
	border-width: 1px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    color: white;
    background: #666666;
    font-weight: bold;
}

.accountinfotabledesc {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: left;
    color: black;
    background: white;
}

.accountinfotableexp {
	border-width: 0px;
	border-style: solid;
	border-color: black;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    color: black;
    background: white;
}