/*
Amuletten Home Site
Auther: David Coomber
stylesheet.css, 060323 Revised: 060323
Contains CCS formating
*/

/* Helps remove rendering differences between browsers
	 Neutralize styling. 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 0.9em  Arial, sans-serif, Verdana, Helvetica;
}

/* Neutralize styling: Note have removed 'ul, ol'
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
}
/* End of Rendering differences */

/* Main Contianer and Div Boxes */

body {
background: #ddd;
text-align: center;
}

#container {
width: 800px;
height: 100%;
margin: 15px auto;
background-color: #FFFFFF;
border-style: groove;
}

#containerpic {
width: 800px;
height: 1600px;
margin: 15px auto;
background-color: #FFFFFF;
border-style: groove;
}

.content {
width: 600px;
height: 1700px;
float:right;
background: #FFFFFF;
text-align: left;
padding: 10px;
overflow: auto;
}

#sidebar {
width: 180px;
height: 1720px;
float: left;
background-color: #CCFFFF;
background-image: url("../images/menubkg.png");
background-repeat: repeat-x;
}

#header {
width: 100%;
height: 120px;
float: left;
z-index: 1;
overflow: hidden;
}

#slogan {
width: 680px;
height:20px;
float: left;
position: relative;
top: -54px;
font-size: 14px;
font-weight: 600;
z-index: 3;
color: #ffffff;
text-align: right;
}

#menubox {
width: 340px;
height:18px;
float: right;
position: relative;
top: -46px;
z-index: 3;
color: white;
}
/* Tables and Rows */

.tlist	{
background-image: url("");
border-style: solid;
border-width: 0px;
border-color: blue;
width: 520px;
margin: 0.5cm;
}

<!-- Table List Header Style -->
.trhead {
background-color: darkblue;
color: white;
text-align: center;
font-weight: 700;
}

<!-- Events Table List Row Alternative Colour & Style -->
.altrow {
background-color: lightblue;
}

#tadmin {
width: 80%;
background-color: lightblue;
border: thin;
text-align: center;
border-style: groove;
border-width: thin;

}
.pricerow {
text-align: right;
width: 38px;
}

.headlinerow {
text-align: left;
}

.daterow {
text-align: left;
width: 90px;
}

/* Left Column Divs etc. */

.cntbox {
font-size: 11px;
font-weight: 400;
text-align: left;
}

.fontyellow {
color: #C0C000;
font-weight: 600;
font-size: 11px;
}

.fontwhite {
color: #FFFFFF;
font-weight: 600;
font-size: 11px;
}

.colads {
border: none;
margin-top: 10px;
}

.otid {
margin-top:10px;
color: white;
}

.hline80 {
height: 2px;
}

.BokDivTxt {
width: 80%;
margin-left: 2px;
margin-bottom: 10px;
border: thin;
color: white;
text-align: left;
border-style: groove;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

/* Text Positioning */
.rc {
text-align: right;
}

.cc {
text-align: center;
}

.lc {
text-align: left;
}

table tr {
vertical-align: top;
}

/* Home Page Divs */
.homeDivTxt {
width: 92%;
margin-left: 12px;
margin-bottom: 20px;
border: thin;
text-align: center;
border-style: groove;
padding-left: 10px;
padding-right: 10px;
}

.homeDivNoBorder {
width: 92%;
margin-left: 12px;
margin-bottom: 20px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}

.homeDivInfoFrame {
width: 92%;
margin-left: 12px;
margin-bottom: 2px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}

.butikDivNoBorder {
width: 95%;
text-align: left;
padding-left: 14px;
padding-right: 10px;
}

.butikDiv {
border: thin;
border-style: groove;
width: 95%;
margin-left: 12px;
text-align: center;
}

.butikDivCal {
border: thin;
border-style: groove;
width: 95%;
margin-left: 12px;
text-align: left;
}

.butikTable {
width: 96%;
text-align: center;
}

.homeDivShop {
width: 92%;
margin-left: 12px;
margin-bottom: 20px;
border: thin;
text-align: left;
border-style: groove;
padding: 10px;
}

/* Calender Divs etc */

.calDivNoBorder {
width: 92%;
margin-left: 12px;
margin-bottom: 20px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

.calDivSmallTxt {
font-size: 0.8em;
width: 92%;
margin-left: 12px;
margin-bottom: 20px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

.calDivTxtLeft {
width: 90%;
margin-left: 12px;
margin-bottom: 20px;
border: medium;
text-align: left;
border-style: groove;
padding-left: 10px;
padding-right: 10px;
background-color: lightblue;
}

.calDivBoxCenter {
width: 92%;
margin: 12px auto;
border: medium;
text-align: left;
border-style: groove;
padding-left: 10px;
padding-right: 10px;
background-color: lightblue;
}

.calDivTxtCenter {
width: 92%;
margin-left: 12px;
margin-top: 20px;
border: medium;
text-align: center;
border-style: groove;
padding-left: 10px;
padding-right: 10px;
background-color: lightblue;
}

ul.cal {
font-weight: 500;
font-size: 11px;
}

.notes {
font-size: 11px;
text-align: right;
color: blue;
font-weight: 500;
}

/* About & Contact Page Divs */

.divNoBorder {
width: 92%;
margin-left: 12px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}

.divWithBorder {
width: 92%;
margin-left: 12px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border-style: groove;
border: medium;
}

.divGuestBook {
width: 50%;
margin-left: 15px;
margin-bottom: 15px;
padding: 10px;
border-style: groove;
border: medium;
background-image: url("../images/bkg-Beltaingrain.jpg");
}

.divGuestBookScroll {
width: 80%;
height: 500px;
overflow: scroll;
margin-left: 42px;
margin-bottom: 5px;
padding: 10px;
border-style: groove;
border: medium;
}

/* Care Divs */

.careDivBoxCenter {
width: 92%;
margin: 12px auto;
border: medium;
text-align: left;
border-style: groove;
padding-left: 10px;
padding-right: 10px;
background-color: lightblue;
}