html, body, h1, h2, h3, div, p, ul, dl, ol, img {
margin: 0;
padding: 0;
}
html {
font-size: 100%;
height: 101%;
min-height: 101%;
}
body {
background-color: #d5ebf9;
font-family: verdana, helvetica, sans-serif;
font-weight: 400;
color: #242424;
text-align: center;
}
/* divs */
#banner {
width: 948px;
height: 108px;
margin: 0 auto;
background-color: #fff;
}
#refno {
width: 800px;
height: 25px;
margin: 0 auto;
background-color: #fff;
}
#logo {
background: url("quaker-logo.gif") no-repeat;
width: 108px;
height: 108px;
margin-left: 5px;
float: left;
}
#container {
width: 948px;
margin: 0 auto;
padding-top: 1em;
text-align: left;
background-color: #fff;
clear: left;
}
#leftcol {
width: 155px;
float: left;
margin: 0 0 1em 0.5em;
padding: 0.5em;
border: solid 1pt #80685c;
}
#rightcol {
width: 185px;
float: right;
margin: 0 0.5em 1em 0;
padding: 0.5em;
border: solid 1pt #80685c;
background-color: #fff;
}
#content {
width: 500px;
float: left;
margin: 0 0 1em 1.5em;
}
#homemeetings {
font-size: 80%;
}
#footer {
clear: both;
width: 948px;
margin: 0 auto;
padding: 0.3em 0;
margin-top: 1em;
background-color: #5c8bc3;
color: #fff;
font-size: 0.7em;
font-weight: 400;
text-align: center;
}
div.panel {
clear: left;
padding: 0.5em;
margin: 0 0 1em 0;
border: solid 1pt #80685c;
}
#promobox {
float: right;
width: 200px;
margin-left: 20px;
padding: 0.5em;
border: solid 1pt #80685c;
}
/* text */
h1 {
color: #5c8bc3;
font-family: arial,sans-serif;
font-size: 2em;
font-weight: 700;
text-align: left;
padding-top: 1em;
margin-left: 120px;
}
#homeh1 {
font-size: 1.7em;
padding-top: 1.2em;
}
h2, h3 {
color: #80685c;
font-size: 1.1em;
font-family: "trebuchet ms",verdana,helvetica,sans-serif;
padding-bottom: 0.4em;
}
#promobox h2 {
text-align: center;
}
h3 {
padding-top: 1em;
}
h3.top {
padding-top: 0.5em;
}
h4 {
font-family: "trebuchet ms",verdana,helvetica,sans-serif;
font-weight: 700;
font-size: 0.8em;
padding: 0.5em 0 0 0;
margin: 0 0 0.5em 0;
}
h4.event {
font-size: 0.9em;
padding-top: 1em;
color: #5c8bc3;
}
p, .meetinglist {
font-size: 0.8em;
padding-bottom: 0.5em;
}
p.last {
padding-bottom: 1.5em;
}
p.details {
font-size: 0.8em;
padding-bottom: 0.5em;
}
p .bold {
font-weight: 700;
}
p.details .bold {
font-weight: 700;
}
p.gap {
padding-bottom: 2em;
}
.red {
color: red;
}
.clear {
clear: both;
}
#content ul {
font-size: 0.8em;
margin-left: 1.3em;
margin-bottom: 0.7em;
}
/* navigation */
.nav {
width: 948px;
margin: 0 auto;
}
.nav ul {
font-size: 0.9em;
font-weight: 700;
text-align: center;
list-style: none;
margin: 0;
}
#navlinkstop, #navlinksbottom {
width: 948px;
float: left;
}
#navlinkstop {
background-color: #d5ebf9;
}
#navlinksbottom {
background-color: #5c8bc3;
}
#navlinksbottomalt {
background-color: #d5ebf9;
}
.nav ul li {
float: left;
}
.nav ul li a {
float: left;
padding: 0.4em 0.7em;
}
#navlinkstop li a:link, #navlinkstop li a:visited {
color: #242424;
text-decoration: none;
}
#navlinkstop li a:hover {
color: #5c8bc3;
text-decoration: underline;
}
#navlinkstop li a:active, #navlinkstop li a.current {
background-color: #5c8bc3;
color: #fff;
text-decoration: none;
}
#navlinksbottom li a {
background-color: #5c8bc3;
text-decoration: none;
padding: 0.4em 0.7em 0.4em 0.7em;
}
#navlinksbottom li a:link, #navlinksbottom a:visited {
color: #fff;
}
#navlinksbottom li a:hover {
color: #d5ebf9;
text-decoration: underline;
}
#navlinksbottom li a:active {
background-color: #5c8bc3;
color: #fff;
text-decoration: none;
}
#navlinksbottom li a.current {
background-color: #80685c;
color: #fff;
text-decoration: none;
}
#navlinksbottomalt li a {
background-color: #d5ebf9;
text-decoration: none;
padding: 0.4em 0.7em 0.4em 0.7em;
}
#navlinksbottomalt li a:link, #navlinksbottomalt a:visited {
background-color: #d5ebf9;
color: #fff;
}
#navlinksbottomalt li a:hover {
background-color: #d5ebf9;
color: #d5ebf9;
text-decoration: underline;
}
#navlinksbottomalt li a:active {
background-color: #d5ebf9;
color: #fff;
text-decoration: none;
}
#navlinksbottomalt li a.current {
background-color: #d5ebf9;
color: #fff;
text-decoration: none;
}
/* tables */
.meetinglist {
margin: 0;
padding: 0;
border-collapse: collapse;
}
.meetinglist tr.alt td {
border-top: 1pt solid #242424;
}
.meetinglist caption {
color: #80685c;
font-size: 1.4em;
font-family: "trebuchet ms",verdana,helvetica,sans-serif;
text-align: left;
font-weight: 700;
padding: 0.5em 0 1em 0;
}
.meetinglist td {
vertical-align: top;
padding: 0.2em 0;
}
#date {
width: 200px;
padding-top: 1em;
}
#meet {
width: 250px;
padding-top: 1em;
}
.month {
color: #80685c;
font-weight: 700;
}
.tbc {
font-size: 0.7em;
font-style: italic;
}
.area {
font-style: italic;
}
.events {
font-size: 0.8em;
}
/* lists */
#leftmeetings ul li, #activities ul li, #rightcol ul li {
font-size: 0.8em;
list-style: none;
margin: 0;
padding: 0 0 1em 0;
}
.panellist {
list-style: disc;
font-size: 0.8em;
margin: 0 0 0 1.1em;
padding: 0;
}
/* links */
#leftmeetings ul li a:link, #leftmeetings ul li a:visited, #activities ul li a:link, #activities ul li a:visited, #rightcol ul li a:link, #rightcol ul li a:visited {
color: #242424;
text-decoration: underline;
}
#leftmeetings ul li a:hover, #leftmeetings ul li a:active, #activities ul li a:hover, #activities ul li a:active, #rightcol ul li a:hover, #rightcol ul li a:active {
color: #5c8bc3;
text-decoration: underline;
}
#leftmeetings a.current, #leftmeetings a.current:hover {
text-decoration: none;
background-color: #d5ebf9;
}
h2 a:link {
color: #80685c;
text-decoration: underline;
}
h2 a:visited, h2 a:hover, h2 a:active {
color: #5c8bc3;
text-decoration: underline;
}
#content a:link {
color: #242424;
text-decoration: underline;
}
#content a:visited {
color: #242424;
text-decoration: underline;
}
#content a:hover, #content a:active {
color: #5c8bc3;
text-decoration: underline;
}
/* images */
.rightpic {
float: right;
margin: 5px 0 10px 10px;
border: 1px solid #80685c;
}
.leftpic {
float: left;
margin: 5px 0 10px 0;
border: 1px solid #80685c;
}
.leftpicrm {
float: left;
margin: 5px 10px 10px 0;
border: 1px solid #80685c;
}
.outreach {
float: left;
margin: 5px 10px 10px 0;
}
.houses {
list-style-type: none;
margin: 0 auto;
}
.houses li {
float: left;
margin: 0 3px 10px;
font-size: 0.8em;
text-align: center;
width: 110px;
}
.houses img {
display: block;
margin-bottom: 5px;
margin-left: 3px;
}
#content .houses li.port a img {
margin-left: 15px;
}
.qrphoto {
padding-bottom: 10px;
}
a img {
border: 1px solid #80685c;
}
A.internal { text-decoration: none }
fl {
float: left;
}