@import url("tools.css");
@import url("typo.css");
@import url("forms.css");
@import url("layout-navtop-localright.css");
@import url("layout.css");
@import url("prettyPhoto.css");
@import url("link_icons.css");

/*  Birches specific styles, colours, and handling */
html {
   font-size: 0.9em;
    line-height: 120%;
}

body {
    padding-left: 30px;
    background: url("../images/background.png") repeat-x #dff65e;
    color: #7A6110;
    font-family: Tahoma, Geneva, sans-serif;
    letter-spacing: 1px;
}

h1, h2, h3 {
    letter-spacing: 2px;
    color: #A71638; /*#7A6110;*/
}

#page {
    background: #dff65e;
}

div#main {
    width: 67%;
	margin: 0 ;
	padding: 0;
	margin-top: 10px;
}

div#search a {
    padding: 5px 5px;
    border: 1px solid transparent;
}

div#search a:hover {
    color: #7A6110;
    background: transparent;
    border: 1px solid #7A6110;
}

div#float-left, img.float-left {
    float: left;
    padding: 0;
	margin: 0;
}

img.float-left {
	padding-right: 5px;
}

ul.gallery {
    list-style: none;
    margin: 0 0 10px 0;
}

ul.gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

ul.gallery li a {
    padding: 2px;
    display: block;
    border: 4px #9db2b9 double;
    line-height: 0;
}

ul.gallery li a:hover {
    border: 4px #000 double;
} 

#crossfade-index {
    margin: 0;
	padding: 0;
	margin-right: 10px;
    border: 2px solid #555;
    width: 300px;
    height: 270px;
}

table {
    width: 97%;
    border-collapse: collapse;
    border: 2px solid #C5BA85;
    font: normal 10px verdana, arial, helvetica, sans-serif;
    color: #333333;
    background: #BFE756;
}

caption {
    padding: 0 .4em .4em;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    background: transparent;
}

td, th {
    color: #636363;
    border: 1px solid #cc9;
    padding: .3em;
}

thead th, tfoot th {
    font: normal 11px verdana, arial, helvetica, sans-serif;
    border: transparent;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    background: #C5BA85;
}

tbody td a {
    background: transparent;
    color: #72724c;
    text-decoration: none;
}

tbody td a:hover {
    background: transparent;
    color: #636363;
}

tbody th a {
    font: normal 11px georgia, verdana, arial, helvetica, sans-serif;
    background: transparent;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

tbody th a:hover {
    background: transparent;
    color: #333333;
}

tbody th, tbody td {
    vertical-align: top;
    text-align: center;
}

tfoot td {
    border: 1px solid #C5BA85;
    background: #C5BA85;
} .odd {
    background: #A8BC7B;
}

tbody tr:hover {
    color: #333444;
    background: #DDCFAE;
}

tbody tr:hover th, tbody tr.odd:hover th {
    background: #C5BA85;
}

div#main ul li, div#main h1, div#main h2, div#main h3 {
	text-transform: capitalize;
}

div#nav {
    margin-top: -25px;
}

div#nav ul {
    background: #B2CF0C;
}

div#nav div.wrapper {
    background: #B2CF0C;
    padding-left: 5px;
    padding-right: 5px;
}

div#nav div.wrapper2 {
    float: left;
}

div#nav-vertical {
    margin: 0;
    padding: 0;
	margin-top: 10px;
    width: 220px;
}

div#nav-vertical ul {
    width: 190px;
}

div#nav-vertical-wrapper {
	margin: 0;
	margin-bottom: 20px;
	padding: 0 5px;
	padding-bottom: 10px;
    background: #B2CF0C;
}

div#nav-vertical-wrapper h1, div#nav-vertical-wrapper h2, div#nav-vertical-wrapper h3 {
	margin: 20px 0 10px 0;
	padding: 2px 10px;
	background: #DFF660;
}

a.top {
	font-size: 50%;
	padding-left: 10px;
}
