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:12px;
}

#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:225px;
border:1px solid #3a2f27;
border-right:0;border-top:0;
background-color:#eee;
}


#statusBox p {
margin:10px;
}

#statusBox h2 {
margin:10px;
}

/* 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;
}

.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:150px;
overflow:auto;
}

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

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

.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;
}