@charset "utf-8";
/* CSS Document */

/* LAYOUT */

html{  /* Fix for Safari and Chrome */
}

body {
    margin:0;
    background-color:White;
    font-size:80%;
}

#container {
    width:900px;
    margin:0 auto;
    padding:40px 0 0 0;
}

#header {
    width:900px;
    height:100px;
    margin:0;
    padding:0;
    background-color:White;
}

#centre {
    width:900px;
    margin:0;
    padding:0 0 20px 0;
    background-color:White;
    border: 1px solid Black;
}

#menu {
	width:900px;
	height:50px;
    margin:0 auto;
    padding:0;
    background-color:White;
    font-size:1.1em;
}

#content-index {
    width:500px;
    margin:40px auto 20px auto;
    padding:0;
    background-color:White;
}

#content {
    width:870px;
    margin:0;
    padding:0 15px 50px 15px;
    background-color:White;
}

#footer {
	position:relative;
	width:900px;
	height:40px;
    margin:0 auto;
    padding:5px 0 10px 0;
    text-align:right;
    font-size:0.9em;
}

#beer {
	position:absolute;
	width:650px;
	height:60px;
	top:0;
	left:0;
    margin:0;
    padding:0;
}


#clear{
    clear:both;
}

/* CONTENT */

table {
    margin:0;
    padding:0;
}

.works {
    width:190px;
    padding:0 20px 0 0;
    float:left;
}

#content h1 {
    margin:0;
    padding:15px 0 20px 0;
    color:DarkRed;
    font-family:Arial, san-serif;
    font-size:1.1em;
    font-weight:normal;
}

#content h2 {
    margin:0;
    padding:0 0 5px 0;
    color:DarkRed;
    font-family:Arial, san-serif;
    font-size:1em;
    font-weight:normal;
    font-style: italic;
}

#content p, #content td {
    margin:0;
    padding:0px 0px 5px 0px;
    font-family:Arial, san-serif;
    color:Black;
}

#content a:link, #content a:visited {
    color:Black;
    text-decoration:underline;
}

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

#content ul {
    font-family:Arial, san-serif;
    margin:0 0 0 15px;
    padding:0px 0px 5px 0px;
    color:Black;
    list-style-position:inside;
}

#content ol {
    font-family:Arial, san-serif;
    margin:0 0 0 20px;
    padding:0px 0px 5px 0px;
    color:Black;
    list-style-position:inside;
}

#footer p {
    margin:0;
    padding:0;
    font-family:Arial, san-serif;
    font-size:95%;
    color:Black;
}

#footer a:link, #footer a:visited {
    color:Black;
    text-decoration:underline;
}

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

abbr {
    border-bottom:1px dashed;
    cursor:help;
}

acronym {
    border-bottom:1px dashed;
    cursor:help;
}

p.left {
    text-align:left;
}

p.right {
    text-align:right;
}

p.center {
    text-align:center;
}

img.left {
    float:left;
    margin:3px 3px 3px 0;
}

img.right {
    float:right;
    margin:3px 0 3px 3px;
}

img.thumbnail {
    margin:0 0 10px 0;'
	border: none;
}

img.button {
	float:left;
    margin:0 0 10px 0;'
	border: none;
}