/* CSS file for GRP (c) Copyright 2008 David Byers */
/* check out captions, */
html, body {
background-color: #fff;
background-image: url('../images/background.jpg');
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0;
padding: 0;
text-align:center;
width: 100%;
}
div#wrappage {
background-color: #fff;
/* background-image: url('../images/shadow.jpg'); */
margin: 0 auto;
padding:0;
width: 750px;
}
div#title {
height: 90px;
margin: 0;
padding: 0;
width: 750px;
}
#title img {
margin: 0;
}
div#nav {
background-color: #ff0;
border-top: #f93 1px solid;
border-bottom: #f93 1px solid;
margin: 0;
padding: 1px 0;
width: 750px;
}
#nav ul {
background-color: #ff0;
font-size:1em;
font-weight:bold;
line-height: 1.3em;
list-style: none;
margin: 0;
}
#nav ul li {
display: inline;
margin: 8px;
}
#nav ul li a:link {
color: #009;
text-decoration: none;
}
#nav ul li a:visited {
color: #999;
text-decoration: none;
}
#nav ul li a:hover {
color: #f00;
text-decoration: underline;
}
#nav ul li a:active {
color: #f00;
text-decoration: underline;
}
div#wrapcont {
background-color: #fff;
margin: 0;
padding: 0;
width:750px;
}
div#content {
background-color: #fff;
border-right: #00f 1px solid;
float: left;
width:548px;
}
#content p {
margin: 0 10px 10px 10px;
text-align:left;
}
div.wrapmenu {
background-color: #fff;
margin: 0 auto 5px auto;
width:500px;
}
div.menu {
background-color: #fff;
float:left;
margin: 3px;
padding:0;
width: 242px;
}
.menu h2 {
font-size:1.1em;
margin: 0;
text-align:center;
}
.menu p {
margin: 0 10px 0 10px;
text-align:left;
}
div.wrapgallery {
background-color: #f00;
height: auto;
margin: 0 auto;
padding: 0;
width: 528px;
}
.gallery {
background-color: #fff;
float: left;
font-size: 0.8em;
line-height: 110%;
margin: 0;
padding: 2px 0;
text-align: center;
width: 105px;
}
div#panel {
background-color: #fff;
float:right;
width:200px;
}
#panel h2 {
margin: 0;
text-align:center;
}
#panel p {
clear:both;
margin: 0 5px 5px 5px;
text-align:left;
}
div.subpanel {
background-color: #f00;
clear:both;
width: 200px;
}
div#base {
background-color: #fff;
border-top: #00f 1px solid;
clear:both;
width:750px;
}
#base h2 {
font-size:0.9em;
margin: 5px 0 0 0;
text-align: center;
}
#base p {
font-size:0.85em;
margin: 0;
text-align:center;
}
div.clear {
clear:both;
}
h1 {
font-size: 1.4em;
margin: 5px 0 3px 0;
}
h2 {
font-size:1.1em;
margin: 5px 0 0 10px;
text-align: left;
}
#panel p.caption {
font-size:1em;
font-style:italic;
margin: 0 0 10px 0;
text-align:center;
}
img {
border:none;
margin: 5px auto;
}
img.left {
float: left;
margin: 4px;
}
img.right {
float: right;
margin: 4px;
}
img.imgl {
float: left;
margin: 4px;
}
img.imgr {
float: right;
margin: 4px;
}
br.clear {
clear: both;
}
strong.shout {
color: #f00;
}
li {
font-size: 1em;
text-align: left;
margin: 0;
padding: 0;
}