/* CSS Document */
/* COLOURS:
dark grey - #ccc6bc
brown - #67522c
peach - #ffcb6d
*/

body {background-color: #000000; text-align: center; font-family: "Times New Roman", Times, serif;}
#envelope {background-color: #000000; text-align: left; margin-left: auto; margin-right: auto;}
strong {font-weight: bold;}
table {width: 100%;}
th, td {color: #FFFFFF;}
td.form_field {color: #000000;}

#title_bar {background-color: #000000;}
#title_bar h2 {color: #ccc6bc; font-size: 1.2em; font-weight: bold; padding: 5px}

a:link.peach {color: #ffcb6d; font-weight: bold;}
a:visited.peach {color: #ffcb6d; font-weight: bold;}
a:hover.peach {color:  #ccc6bc; font-weight: bold;}
a:link.brown, .fhf_note a:link {color: #67522c; font-weight: bold;}
a:visited.brown, .fhf_note a:visited {color: #67522c; font-weight: bold;}
a:hover.brown, .fhf_note a:hover {color: #415606; font-weight: bold;}
.fhf_note a:link {color: #67522c; font-size: 0.9em}
.fhf_note a:visited {color: #67522c; font-size: 0.9em}
.fhf_note a:hover {color: #415606; font-size: 0.9em}

.right {text-align: right;}

#image_bar {background-repeat:no-repeat;}
#login_box_top {background-color: #67522c; width: 180px; background-image:url(../images/brown-background.png); background-repeat:repeat}
#login_box_bottom {background-image:url(../images/login_box_background.png); background-repeat:no-repeat; width: 180px; background-position: bottom left; overflow: hidden; padding-top: 0px;}
#login_box_top p {color: #FFFFFF; font-weight: bold;}
#login_box_bottom label {color: #ffcb6d; font-weight: bold;}
#login_box_top p, #login_box_bottom form {margin: 5px 5px 5px 10px;}
#login_box_top p.status {font-weight: normal; font-size: 0.9em; color: #ccc6bc;}
#login_box_bottom input.box {font-size: 0.9em; width: 50%;}
#login_box_bottom input.button {margin: 5px 0px 5px 5px; text-align: right;}
#login_box_top div.alert_msg p {color: #ccc6bc;}
#nav_header {width: 200px; height: 15px; margin-bottom: 4px; background-image:url(../images/nav_top.png);}
#nav ul {width: 100%; padding: 0px; margin: 0px;}
#nav li {margin: 5px 0px 5px 0px; background-color: #67522c; background-image:url(../images/brown-background.png); background-repeat:repeat); font-size: 1.5em; padding-left: 6px;}
#nav li.first { margin-top: 2px;}
#nav li a:link {color: #FFFFFF; text-decoration:none;}
#nav li a:visited {color: #FFFFFF; text-decoration:none;}
#nav li a:hover {color: #ccc6bc;}

div.type1-top {background-color: #67522c; background-image:url(../images/brown_type1_top.gif); background-repeat: no-repeat; background-position: right top; margin-top: 10px;  padding: 6px 6px 6px 6px; font-size: 1.1em; color: #FFFFFF;}
div.type1-top p {padding: 2px 0px 2px 0px;}
div.type1-bottom {background-color: #67522c; background-image:url(../images/brown_type1_bottom.gif); background-repeat: no-repeat; height: 9px; background-position: right bottom; margin-bottom: 10px; font-size: 1.1em; color: #FFFFFF;}

div.type2 {margin-top: 10px; margin-bottom: 10px; padding: 6px 6px 6px 6px; font-size: 1.1em; color: #FFFFFF;}
div.type2 p {padding: 2px 0px 2px 0px;}

#footer {text-align: center; color: #FFFFFF; font-size: 0.9em;}

div.one_col {background-image:url(../images/col1_bg.png); background-repeat:no-repeat; clear: both;padding-top: 13px;}
div.one_col, div.two_col {margin-left: 15px; margin-right: 15px;}
div.two_col #two_col_1 {width: 250px; float: left;}
div.two_col #two_col_2 {width: 250px; float: right;}
div.content {background-color: #ffffff; padding: 0px 10px 0px 10px; min-height: 100px;}
div.two_col div.box {background-image:url(../images/col2_bg.png); background-repeat:no-repeat; padding-top: 13px; word-wrap: break-word; }
div.two_col div.closebox {margin-bottom: 15px;background-image:url(../images/col2_bg_bottom.png); background-repeat:no-repeat; height: 13px;} 
div.close_onecol {background-image:url(../images/col1_bg_bottom.png); background-repeat:no-repeat; height: 13px; margin-bottom: 20px;}
div.content h1 {font-weight: bold; font-size: 1.5em; padding-bottom: 10px; color: #67522c}
div.two_col div.content h1 {font-size: 1.4em; padding-bottom: 8px;}
div.content h2 {font-weight: bold; font-size: 1.3em; padding-bottom: 6px; color: #333333; padding-top: 6px;}
div.two_col div.content h2 {font-size: 1.1em; padding-bottom: 8px; padding-top: 8px;}
div.content h3 {font-weight: bold; font-size: 1.2em; padding-bottom: 6px; color: #333333}
div.content p {padding-bottom: 6px; font-size: 1.1em;}
div.content h2.first {padding-top: 0px;}

/*div.one_col dt {width: 180px; padding: 0.2em 0em 0.2em 0em; }
div.one_col dd {padding: 0em 10px 0.2em 1em; margin: 0em 0 0.2em 180px;}
div.one_col input.button {margin-left: 190px;  margin-top: 10px}

form.register_form dt {width: 150px; padding: 0.2em 0em 0.2em 0em; }
form.register_form dd {padding: 0em 10px 0.2em 1em; margin: 0em 0 0.2em 150px;}
form.register_form input.button {margin-left: 165px;  margin-top: 10px}*/

dl {display: block;}
dt {width: auto; clear: both; display: block; float: left; padding: 0.2em 0em 0.2em 0em;}
dd {width: auto; clear: both; display: block; float: left; padding: 0em 10px 0.2em 1em; margin: 0px;}

input.button {margin-left: 0em;  margin-top: 10px}
div.one_col dd.fhf_note {clear: right; margin-top: 5px; padding-left: 0.3em; width: 425px}
dt label, td.form_label label  {font-weight: bold; font-size: 1.1em; color: #000000}

fieldset {border: 1px solid #ccc6bc; height: auto; margin-bottom: 10px; padding: 5px 5px 5px 5px;}
legend {text-align: right; font-size: 1em; margin-left: 15px; color:#808080}
div.alert_msg p {font-weight: bold; color: #67522c;}
span.profile_checkbox {display: block; width: 225px; padding-right: 5px; text-align: left; float: left;}

table td.form_label {font-size: 0.9em; vertical-align: middle; width: 12em; text-align: right; padding-right: 0.5em}
table tr.textarea td.form_label {vertical-align: top; padding-top: 0.3em;}
p.form_label {font-size: 0.9em; font-weight: bold; clear: both; padding-top: 0.5em;}
p.form_field input, p.form_field select {font-size: 0.9em;}
div.fhf_note {font-size: 1em;}
div.fhf_note p {margin-top: 0.2em;}
div.fhf_note img {float: left; margin-right: 0.5em}

table td.form_field {font-size: 0.9em; vertical-align:middle; padding-bottom: 0.5em; padding-top: 0.5em;}
table td.form_error_image {text-align: right; padding-right: 0.8em; vertical-align: top;}
table td.form_error_note {color: #000000;font-size: 1em;}

#development strong {color: red;}
#development p {margin: 0px; padding: 0px;}

#homepage #image_bar {background-image:url(../images/image1.jpg);}
#homepage #col1 #nav li.first a {color: #ffcb6d}
#homepage .content ul li {font-size: 1.4em; font-weight: bold; padding: 3px 5px 3px 5px;}
#homepage .content h2 {font-size: 1.4em; font-weight: bold; padding: 10px 5px 5px 5px;}

#admin #image_bar {background-image:url(../images/image1.jpg);}
#admin #col1 #nav li.admin a {color: #ffcb6d}

#questions #image_bar {background-image:url(../images/image11.jpg);}
#questions #col1 #nav li.questions a {color: #ffcb6d}
#questions2 #image_bar {background-image:url(../images/image12.jpg);}
#questions2 #col1 #nav li.questions a {color: #ffcb6d}
#questions3 #image_bar {background-image:url(../images/image2.jpg);}
#questions3 #col1 #nav li.questions a {color: #ffcb6d}
#questions4 #image_bar {background-image:url(../images/image15.jpg);}
#questions4 #col1 #nav li.questions a {color: #ffcb6d}

#messages #image_bar {background-image:url(../images/image8.jpg);}
#messages #col1 #nav li.messages a {color: #ffcb6d}

#contact #image_bar {background-image:url(../images/image3.jpg);}
#contact #col1 #nav li.contact a {color: #ffcb6d}

#changepassword #image_bar {background-image:url(../images/image3.jpg);}
#confirmemail #image_bar {background-image:url(../images/image4.jpg);}
#editbasic #image_bar {background-image:url(../images/image5.jpg);}
#editprofile #image_bar {background-image:url(../images/image6.jpg);}
#legal #image_bar {background-image:url(../images/image3.jpg);}
#register #image_bar {background-image:url(../images/image7.jpg);}
#register #col1 #nav li.register a {color: #ffcb6d}
#search #image_bar {background-image:url(../images/image17.jpg);}
#search #col1 #nav li.search a {color: #ffcb6d}
#subscribe #image_bar {background-image:url(../images/image14.jpg);}
#history #image_bar {background-image:url(../images/image14.jpg);}
#subscribe #col1 #nav li.subscribe a {color: #ffcb6d}
#yourpage #col1 #nav li.yourpage a {color: #ffcb6d}
#yourpage #image_bar {background-image:url(../images/image16.jpg);} /* was 10 */
#viewprofile #image_bar {background-image:url(../images/image9.jpg);}

table.search_results td, table.search_results th {color: #000000; padding: 0.2em; vertical-align: top;}
table.search_results th {font-weight: bold; color: #67522c;}
table.search_results td p {padding: 0px; margin: 0px; font-size: 0.9em;}

ul.item_list {margin-bottom: 1em; margin-left: 1.5em;}
ul.item_list li {list-style-type:square; padding-left: 0.5em;}

div.profile_category {border: 1px solid #ccc6bc; height: auto; padding: 5px 5px 5px 5px; margin-top: 0.6em;}
div.profile_items {margin-bottom: 0.4em;}

form.tiny input.button { font-size: 0.9em;}
#user_options form {display: inline;}

div.view_message {padding: 0.5em; margin: 0.5em; background-color: #ffcb6d;}
table.message_options {margin: 0.8em; margin-top: 0em; width: auto;}
table.message_options td {padding: 0.2em;}
tr.unread td {font-weight: bold;}

.content div.skip_locations p.form_label, .content div.skip_locations p.form_label label {display: block; width: auto; clear: none;}
.content div.skip_locations p.form_field {display: block; width: auto; float: left; clear: none; margin-top: -1.8em; margin-left: 6em;}