@charset "UTF-8";
/* First comes reset code */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,legend,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th,legend {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* Global */
body {
	height:100%;
	text-align:center;
	background-color:#fcfbfb;
	font-size:1em;
	font-family:Copperplate gothic bold, Georgia, Verdana, Times, serif;
	font-variant:small-caps;
	color:#444;
}

h1 {display:none;}
h2 {
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	font-size:1.2em;
	padding:0.5em 0;
	font-weight:bold;
	margin-bottom:0.5em;
	color:#AF8300;
	clear: both;
	position: relative;
}
h3 {
	font-size:1em;
	color:#AF8300;
	font-weight:bold;
}
a:link, a:visited, a:hover, a:active {color:#AF8300;text-decoration:none;font-weight:bold;}
a:hover {color:#666;}
a:focus {outline-style: none;}
strong {font-weight:bold;}
li.current a {text-decoration:underline;color:#666;}
hr {visibility:hidden;clear:both;height:1em;}
span.bigbentobox {text-align:right;float:right;margin-top:-1.3em;}

/* Intro Page */
#intro-outer {
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	height:0px;
	display:block;
}

#intro-inner {
	width:20em;
	height:14em;
	margin-left:-10em;
	margin-top:-4em;
	position:absolute;
	left:50%;
}

#intro-inner p {
	font-size:0.85em;
}
/* Main Page */	
#page {
	width:40em;
	margin:0.5em auto;
}

img#header {width:9.375em;height:6.71875em;}
#picture {width:40em;height:11em;margin-top:0.25em;}

img#history_1 {float:right;margin:0.5em 2em 0.5em 0.5em;width:13em;height:11.625em;}
img#history_2 {float:left;margin:0.5em 0.5em 0.5em 2em;width:13em;height:11.625em;}

/* Menus */

.menu3 {padding-bottom:2.5em;}
.menu li {float:left;color:#AF8300;}
.menu li.current {color:#666;}
.menu .left {text-align:left;}
.menu .right {text-align:right;}
.menu1 li {width:40em;}
.menu2 li {width:20em;}
.menu3 li {width:13.3em;}
.menu4 li {width:10em;}
.menu4 .left, .menu4 .right {width:10em;}
.menu5 li {width:8em;}
ol.menu li {list-style:inside decimal;}

/* Content */
#content {clear:both;font-family:Copperplate gothic light;text-align:center;}
#content a {color:#000;text-decoration:underline;font-weight:normal;}
#content p {text-align:justify;padding:0 2em 1em;font-size:0.75em;line-height:1.5em;}
#content ul {text-align:left;padding:0 1.5em;}
#content ul li {line-height:1.5em;position:relative;}
#content h3 {padding-bottom:0.5em;}

/* Notices */
#content div#notices {
  width: 70%;
  margin: 1em auto;
}
#content p.warning, #content p.error {
  background-color: #666;
  color: #fff;
  /* border: 1px dashed #fff; */
  text-align: center;
  padding: 1em;
}

/* About Page */
.half-page {width:20em;float:left;}
.one-third-page {width:13.3em;float:left;padding:1em 0;}
div.half-page ul li span {position:absolute;right:0em;}
.one-third-page address, .one-third-page a, .half-page ul li {font-size:0.75em;}

/* Events Page */
ul#events { text-align: center; margin: 1em 0;}

/* Brands Page */
div#brands {padding:5px 0;}
div#brands table { width: 100%; border-collapse: collapse;}
div#brands table tr {margin: 5px 0}
div#brands td.brand {width:33%;margin:0;padding:0; vertical-align: middle; text-align:center;}
td.brand a {vertical-align: middle;}
td.brand a img {padding:10px;border:1px white solid;}
td.brand a img:hover {border:1px black dashed;}

/* Private Page */
#LogoutButton {position: absolute; right: 10px; top: 0.3em}

/* Advertisings Page */
div#advertisings {padding:5px 0;}
div#advertisings table { width: 100%; border-collapse: collapse;}
div#advertisings table tr {margin: 5px 0}
div#advertisings td.brand {width:33%;margin:0;padding:0; vertical-align: middle; text-align:center;}
td.advertising a {vertical-align: middle;}
td.advertising a img {padding:10px;border:1px white solid;}
td.advertising a:hover img:hover {border:1px black dashed;}
td.advertising a span {display: block; padding-left: 10px;}
h2.advertisingTitle {font-size:0.9em;}

/* Collections Page and Advertisings page */
table#collectionsTable, table#advertisingsTable {width: 100%;}
table#collectionsTable td, table#collectionsTable th, table#advertisingsTable td, table#advertisingsTable th {width:33%;text-align:center;padding-bottom:0.5em;}
table#collectionsTable th, table#advertisingsTable th {padding:1em 0;}
table#collectionsTable td, table#advertisingsTable td {font-size:0.8em;}

/* Footer */
#footer {border-top:1px solid #444;padding-top:0.25em;clear:both;}

/* News Form */
.news {font-size:0.9em;font-family:Lucida sans unicode;height:1.6em;}
.news {text-align:left;padding:0.125em 0;}
.news-title {width:560px; overflow:hidden;}
.news-title a {color:#333;font-weight:bolder;font-variant:normal;font-size:0.85em;}
.news-title a:hover {text-decoration:underline;}
.news-description a {color:#666;font-weight:normal;font-size:0.7em; margin-left: 1em;}
.news span, .news div {float: left;}
div#news {text-align: left;margin-left:1em;}
div#newsList {
	padding:0 0 1em 3em;
	font-size:0.8em;
	text-align:left;
}
div.newsTitle {
	margin-bottom:0.5em;
}
div.newsContent {
	padding-left:4em;
	margin-bottom:1.5em;
}

/* Form CSS */
dl {padding-bottom:1em;}