/*
    Colours:
    
    default font:       #32414d;
    links:              #50687b;
    page background:    #acb2ff;
    content background: #cedde9;
    light border:       #6888a1;

*/

* {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

html, body {
    color: #32414d;
	background-color: #acb2ff;
	margin: 0px;
	padding: 0px;
}

i {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

b {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

img {
	border: 3px solid #6888a1;
}

table {
    margin: 0;
    padding: 0;
}

hr {
    border: none;
    background-image: url("../images/leaf.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px;
}

td {
    vertical-align: top;
    
    margin: 0;
    padding: 0;
}

th {
    text-align: left;
    
    margin: 0;
    padding: 0;
}

/* Links */

a {
    color: #50687b;
    text-decoration: none;
    border-bottom: 1px dotted #50687b;
}

a:hover {
    border-bottom: 1px solid #50687b;
}

a:visited {

}

/* Headers */

h1 {
    margin: 0 0 15px 0;

    font-size: 16px;
    letter-spacing: 3px;
}

h1:first-letter {
    font-size: 22px;
}

h2 {
    font-size: 14px;
    letter-spacing: 1px;
    
    border-bottom: 1px dotted #6888a1;
}

h2 span.label {
    float: left;
    font-size: inherit;
}

h2 span.buttons {
    float: right;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

/* Inputs */

input {
    color: #32414d;
    background-color: #eee;
    border: 1px solid #aaa;
}

input:hover {
    border: 1px solid #32414d;
}

textarea {
    color: #32414d;
    background-color: #eee;
    border: 1px solid #aaa;
}

textarea:hover {
    border: 1px solid #32414d;
}

/* Custom Classes */

div.top_button {
	position: fixed;
	bottom: 5px;
	right: 5px;
	
	font-size: 8px;
	text-decoration: none;
}

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

div.top_button a:hover {
    text-decoration: none;
}

br.clear_all {
	clear: both;
}

/* LIST TABLE */

table.list {
	font-size: inherit;
	border: 2px solid #6888a1;
	border-collapse: collapse;
}

table.list th {
	background-color: #dfe8e9;
	height: 26px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 2px solid #6888a1;
	border-right: 1px dotted #6888a1;
}

table.list th.sortcol {
	background-color: #e6e9e9;
}

table.list td {
	height: 25px;
	padding: 2px 4px 0 4px;
	border-right: 1px dotted #6888a1;
}

table.list tr.even {

}

table.list tr.even td {
	border-bottom: 1px solid #6888a1;
}

table.list tr.odd {
	background-color: #dfe8e9;
}

table.list tr.odd td {
	border-bottom: 1px solid #6888a1;
}

/* Custom IDs */

#page {
	width: 760px;
	margin: 10px auto 10px auto;

	border: 2px solid #32414d;
	background: #cedde9 url("../images/bg.jpg") no-repeat;
}

#header {
	height: 141px;
	
	color: white;
	/* background-image: url("../images/header.jpg"); */
}

#header ul {
	margin: 0;
	padding: 100px 0 0 0;
	text-align: center;
	vertical-align: bottom;
}

#header ul li {
	display: inline;
	list-style: none;
	padding: 0 5px 0 5px;
	
	font-weight: bold;
}

#header ul li a {
    color: #50687b;
    text-decoration: none;
    border: none;
}

#header ul li a:hover {
    color: #6888a1;
}

#menu {
    float: left;
    width: 130px;
    padding: 0px 15px 10px 15px;
    /*
    background-image: url("../images/menu_bg.gif");
    background-repeat: repeat-y;
    background-position: center center;
    */
}

#menu img {
    border: 3px solid #6888a1;
    text-align: center;
}

#content {
    float: left;
	width: 569px;
    padding: 0 15px 0 15px;
    margin-bottom: 20px;

	/* background: #cedde9 url("../images/content_bg.jpg") no-repeat; */
	border-left: 1px dotted white;
}

#footer {
	width: 760px;
	margin: 10px auto 10px auto;
	text-align: center;
    
    font-size: 9px;	
}

#footer a {
    font-size: 9px;	
}