/* Reset CSS Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
font: 13px Arial, Helvetica, Garuda, sans-serif;
*font-size: small;
*font: x-small;
line-height: 1.3;
color: black;
background: white;
}
table {
font-size: inherit;
font: 100%;
border-collapse:collapse;
border-spacing:0;
}
ul {
list-style: none;
}
img {
border: 0;
}
p {
margin: 1em 0;
}
:focus {
outline: 0;
}
hr {
border: 0;
width: 90%;
color: #787b7d;
background-color: #787b7d;
height: 2px;
text-align: center;
}
.transparent {
filter:alpha(opacity=50); // IE
-moz-opacity:0.5; // Early Mozilla
-khtml-opacity: 0.5; // Safari 1.x
opacity: 0.5; // Standards Compliant
}
/* End CSS Reset */
/* COLORS *\
* Dark Silver - 3d3d3d
* Middle Silver - 787b7d
* Light Silver - c2c7ca
*
* Dark Gold - 938700
* Middle Gold - fce90c
* Light Gold - f8ed77
\* */
/* Global Declarations */
body {
background: url(bg.jpg) center repeat-y;
color: #3d3d3d;
text-align: center;
font-size: .8em;
padding: 0;
margin: 0;
}
a {
color:#938700;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#content, #header, #nav, #footer{
width: 800px;
margin: 0 auto;
}
/* End Global Declarations */
/* Navigation */
#nav {
text-align: left;
}
#nav a {
padding: 0px 10px;
}
#nav a:hover {
border-right: 3px solid #938700;
border-left: 3px solid #938700;
text-decoration: none;
margin: 0 -3px;
}
#nav ul{
list-style: none;
padding: 0px 20px;
margin: 0px;
}
#nav ul li {
display: inline;
vertical-align: middle;
}
/* End Navigation */
/* Global Content */
#content p {
text-align: left;
padding: 5px 15px;
margin: 0;
}
.raisedCap {
float: left;
font-size: 2em;
font-weight: bold;
display: block;
padding: 0;
margin: 0px 3px 0 0;
}
/* End Global Content */
/* Footer */
#footer {
padding: 0px;
font-size: .8em;
clear: both;
}
#footer p {
text-align: center;
padding: 0;
margin: 0;
}
/* End Footer */
/* Box Wrapper */
.box {
background: #f8ed77;
margin: 0px 12px;
text-align: left;
border-left: 2px solid #fce90c;
border-right: 2px solid #fce90c;
}
.bt {
background:transparent url(box.gif) no-repeat scroll 100% 0;
height:20px;
margin: 0px -7px;
}
.bt div {
background:transparent url(box.gif) no-repeat scroll 0 0;
height:20px;
width:18px;
margin: 0px;
}
.bb {
background:transparent url(box.gif) no-repeat scroll 100% 100%;
height:20px;
margin: 0px -7px;
}
.bb div {
background:transparent url(box.gif) no-repeat scroll 0pt 100%;
height:20px;
width:18px;
margin: 0px;
}
/* End Box Wrapper */
/* Index */
#salutation {
/* width: 75%; */
float: left;
vertical-align: top;
}
#upcoming {
width: 25%;
float: right;
vertical-align: top;
}
#upcoming .header {
text-align: center;
font-size: 1.1em;
font-weight: bold;
line-height: 1;
color: #787b7d;
}
#upcoming li {
padding: 5px 0 5px 10px;
}
#upcoming li .date {
font-weight: bold;
}
/* End Index */
/* Contact */
#contact {
width: 100%;
}
#contact table {
margin: 0 auto;
border-spacing: 1px;
}
#contact h2 {
font-size: 1.2em;
font-weight: bold;
}
.inputText{
width: 340px;
}
.info {
text-align: right;
}
#submit {
text-align: center;
}
/* End Contact */
/* Calendar */
#prev {
float: left;
}
#next {
float: right;
}
#calendar {
width: 25%;
padding: 0 0 15px 15px;
display: table-cell;
display: inline-block;
vertical-align: top;
}
#calendar p {
font-size: .8em;
margin: 0;
padding: 0;
}
.calendar {
text-align: center;
color: #c2c7ca;
}
.calendar caption {
background: #fce90c url("../../imgs/yellowgrad.jpg") repeat-x 0 0;
color: #3d3d3d;
font-size: 1.3em;
font-weight: bold;
}
#capBottom {
background: url("../../imgs/yellowgrad1.jpg");
background-repeat: repeat-x;
background-position: bottom;
}
.calendar thead {
border: 1px solid #f8ed77;
background-color: #f8ed77;
color: #c2c7ca;
}
.calendar td {
border: 1px solid #938700;
width: 2em;
}
.switch {
cursor: pointer;
color: #3d3d3d;
font-size:.8em;
vertical-align: baseline;
}
.entry {
background-color:#f1f1f1;
color: #787b7d;
cursor: pointer;
}
.entry:hover {
background-color:#fce90c;
color:#3d3d3d;
}
/* End Calendar */
/* Events */
#showDate {
width: 69%;
display: table-cell;
display: inline-block;
vertical-align: top;
padding: 0 15px;
}
#showDate p {
padding: 0;
margin: 0;
}
p.title {
font-size: 1.5em;
font-weight: bold;
}
p.date {
font-size: .9em;
font-style: italic;
color: #787b7d;
}
.eventDescription {
display: block;
}
/* End Events */
/* Enter Events */
#enterEvent {
padding: 0 0 0 15px;
}
/* End Enter Events */