html, body {
height:100%;
}

body {
background:white url(images/body_bg.gif) repeat-x top;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:verdana, arial, courier, sans-serif;
}

#wrap {
width:100%;
position:relative;
background:transparent none;
min-height:100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

#inner-wrap {
margin-left:200px;
background-color:white;
}

#footer {
height:50px; /* .push must be the same height as .footer */
width:100%;
background:white url(images/footer_bg.gif) no-repeat;
}

.push {
height:50px;
clear:both;
}

#header {
width:175px;
height:150px;
}

#mainMenu {
float:left;
width:150px;
background:none transparent;
}

#mainMenu li {
width:155px;
padding-left:20px;
height:19px;
padding-top:6px;
background:white url(images/menu_bg.gif) no-repeat;
color:#fff;
text-align:left;
font-size:10px;
}

#mainMenu li a {
color:white;
text-decoration:none;
}

#mainMenu li a:hover {
text-decoration:none;
}

#mainMenu li#menuBot {
width:175px;
height:29px;
background:white url(images/menu_bottom.gif) no-repeat;
}

h1 {
float:right;
width:209px;
height:150px;
}

h2 {
font-size:18px;
font-weight:bold;
color:#5c4b3e;
margin:0 20px 10px 20px;
padding-top:5px;
}

h3 {
font-size:16px;
font-weight:bold;
color:#555;
margin:5px 30px;
border:1px solid #3a2f27;
background-color:#eee;
border-right:0;
padding:5px;
}



p {
color:#444;
margin:10px 40px;
font-size:14px;
line-height:22px;
}

a {
color:#614f41;
text-decoration:underline;
}

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

#statusBox {
float:right;
width:200px;
border:1px solid #3a2f27;
border-right:0;border-top:0;
background-color:#eee;
}


#statusBox p {
margin:10px;
}

#statusBox h2 {
margin:10px;
}

.plainList {
margin:10px 40px;
}

.plainList li {
font-size:12px;
list-style:disc inside;
margin:4px;
}

/* FORM STYLES */

.cssform {
width:500px;
}

fieldset {
border:1px dashed #CCC;
padding:10px;
margin: 20px auto;
width:500px;
}
legend {
font-size: 14px;
font-weight: bold;
line-height: 22px;
color:#5c4b3e;
background: #aaf428;
border: 1px solid #847164;
padding: 5px;
}

label {
width:130px;
height:32px;
margin-top:3px;
margin-right:2px;
padding-top:13px;
padding-left:6px;
background-color:#847164;
float:left;
display: block;
font-size: 14px;
color:white;
font-weight:bold;
}


#removalForm label {
width:440px;
height:32px;
margin-top:3px;
margin-right:2px;
padding-top:13px;
padding-left:6px;
background-color:#847164;
float:left;
display: block;
font-size: 14px;
color:white;
font-weight:bold;
}

#removalForm label a {
color:white;
}

.inputBox {
width:350px;
float:right;
background-color:#ddd;
height:35px;
margin-top:3px;
padding:5px;
}

.cssform input[type="text"] {
background-color:#FFFFFF;
width:346px;
color:#444;
font-size:14px;
padding: 8px 2px 9px 2px ;
}

.cssform input[type="password"] {
background-color:#FFFFFF;
width:346px;
color:#444;
font-size:14px;
padding: 8px 2px 9px 2px ;
}

.cssform select {
background-color:#FFFFFF;
width:346px;
color:#444;
font-size:14px;
padding: 8px 2px 9px 2px ;
}

.textBox {
background-color:#FFFFFF;
width:346px;
color:#444;
font-size:14px;
padding: 8px 2px 9px 2px ;
height:16px;
}

.blogBox {
background-color:#FFFFFF;
width:346px;
color:#444;
font-size:14px;
padding: 8px 2px 9px 2px ;
height:300px;
overflow:auto;
}

.blogInputBox {
width:350px;
float:right;
background-color:#ddd;
height:318px;
margin-top:3px;
padding:5px;
}

.cssform input[type="file"] {
background-color:#FFFFFF;
width:346px;
color:#444;
font-size:14px;
padding: 8px 2px 9px 2px ;
}

#removalForm label {
width:440px;
height:32px;
margin-top:3px;
margin-right:2px;
padding-top:13px;
padding-left:6px;
background-color:#847164;
float:left;
display: block;
font-size: 14px;
color:white;
font-weight:bold;
}

.checkBox {
height:28px;
width:40px;
margin-top:3px;
padding-top:15px;
float:right;
margin-left:10px;
border:1px solid #aaa;
text-align:center;
}

.submitButton {
float:right;
padding:5px;
color:#5c4b3e;
background: #aaf428;
border: 1px solid #847164;
margin-top:3px;
width:150px;
font-weight:bold;
cursor:pointer;
}

/* TABLES FOR BLOG ADMIN ETC */
table.activeTable {
width:500px;
margin-left:120px;
font-size:11px;
border:1px dashed #ccc;
color:#444;
background-color:#f5f5f5;
padding:4px;
}

.activeTable td {
padding:2px;
}

.colourOne td {
background-color:#eee;
border-bottom:1px solid #ddd;
}

.colourTwo td {
background-color:white;
border-bottom:1px solid #eee;
}

td.button {
text-align:center;
}

table.inActiveTable {
width:500px;
margin-left:120px;
font-size:11px;
border:1px dashed #ccc;
color:#aaa;
background-color:#f5f5f5;
padding:4px;
}


.inActiveTable td {
padding:2px;
}

.paginationList {
margin:10px 40px;
min-height:20px;
height: auto !important;
height: 20px;
}

.paginationList li {
padding:3px 3px 4px 3px;
color:#5c4b3e;
background: #aaf428;
border: 1px solid #847164;
float:left;
width:12px;
height:12px;
text-align:center;
margin:3px;
font-size:12px;
}

.paginationList a {
text-decoration:none;
}

/* TOOLTIP STYLE */
#dhtmltooltip{
position: absolute;
width: 200px;
border:1px solid;
font-size:11px;
line-height:14px;
border-color:#e5e5e5 #ccc #ccc #e5e5e5;
padding: 2px;
background-color: #f5f5f5;
color:#333;
visibility: hidden;
z-index: 100;
}

#quoteBox {
width:75%;margin:auto;background-color:#eee;padding:10px;border:1px solid #ddd;
}

#quoteBox p {
font-size:14px;margin:5px 10px;
}

#emailList {
margin:10px 60px;
}

#emailList li {
background:white url(images/email_good.gif) no-repeat left;
padding-left:20px;
color:#555;
font-size:10px;
margin:4px;
}

#emailList li.bad {
color:#be1a1a;
background:white url(images/email_bad.gif) no-repeat left;
}

.errorList {
width:300px;
margin:5px auto;
}

.errorList li {
min-height:16px;
background:white url(images/errorList_marker.gif) no-repeat left top;
font-size:10px;
font-weight:bold;
color:#D00000;
padding-left:15px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eee;
padding: 4px;
left: -1000px;
border: 1px solid #ccc;
visibility: hidden;
color: #444;
font-size:11px;
font-weight:normal;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
vertical-align:bottom;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 100px; /*position where enlarged image should offset horizontally */
}