body {
background-color: #4D6FAC;
background-image: url(big-ribbon.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
color: black; 
margin-top:5px;
margin-bottom:10px;
font-family: Frutiger, "Trebuchet MS", Arial, Sans-Serif; 
font-size: 100%;
}


#wrap-main {
background: white;
width: 67em;
margin-left: auto;
margin-right:auto;
}

#wrap-secondary {
width: 67em;
}

#wrap-rotary-heading {
width: 100%;
height: 200px;
background: url(Rotary_heading_1.png) no-repeat;
}

#wrap-nav {
width: 100%;
margin-left: 20px;
}


h1 {
color: #696969;  
font-family: Frutiger, "Trebuchet MS", Arial, Sans-Serif; 
font-size: 150%;
text-decoration: none;
}

h2 {
color: #696969;  
font-family: "Trebuchet MS", Arial, Sans-Serif; 
font-size: 300%;
display: inline;
text-decoration: none;
text-indent: 0;
}

h3 {
margin: 0;
padding: 4px 4px 4px 4px;
font-family: "Trebuchet MS", Arial, Sans-Serif;
font-size: 130%;
color: #00008B;
text-decoration: none; 
text-indent: 0;
}

h3 a {
text-decoration: none;
}

h3 a:visited {
color: #00008B;
}

h4 {
color: #000000;
text-decoration: bold;
}

h5 {
font-size: 100%;
color: #FFFF33;
text-decoration: bold;
}

h6 {
margin: 0;
padding: 0;
font-size: 120%;
line-height:50%;
white-space: nowrap;
color: #FFFFFF;
}

h7 {
color: purple;
text-decoration: bold;
}

h8 {
color: purple;
font-family: Frutiger, "Trebuchet MS", Arial, Sans-Serif; 
font-size: 150%;
text-decoration: none;
}

p {
background-color: none;
color: black;  
font-family: "Trebuchet MS", Arial, Sans-Serif; 
font-size: 100%;
display: inline;
text-indent: 0;
}

a {
font-family: "Trebuchet MS", Arial, Sans-Serif;
font-size: 100%;
text-decoration: none
} 

a:link {
color: #00008B;
} 

a:visited {
color: #00008B;
}

a:active {
color: #8B008B
} 

a:hover {
color: #FFFFFF
} 


table 
{
width:500px;
padding:10px;
border:5px;
margin:10px;
font-family: "Trebuchet MS", Arial, Sans-serif;
font-size: 70%;
color: black;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#wrap {
width: 100%;
margin-left: 1em;
margin-right: 1em;
}

#header {
background: white;
color: black;
font-family: "Trebuchet MS", Arial, Sans-Serif;
font-size: 100%;
width: 63em;
margin: 0 0 20px 0;
padding: 4px 4px 4px 4px;
}

#header-image {
float: left;
}

#image-border {
padding: 4px;
margin: 10px 10px 10px 10px;
border: 1px solid #D9E0E6; 
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
}

#image-no-border {
padding: 4px;
margin: 10px 10px 10px 10px;
}

#header-quote-and-welcome {
width: 70%;
float: right;
padding-bottom: 1em;

}

#header-quote {
padding-left: 1em;
padding-right: 1em;
background: url(deebox2-2.png);
}

#three-columns {
background: white;
float:left;
width: 63em;
margin: 10px 0 20px 0;
display: inline;
}

#content-and-sidebar {
float: left;
width: 68%;
color:black;
display: inline;
}

#content {
padding-left: 1em;
padding-right: 1em;
float: right;
width: 42%;
background: url(deebox2-2.png) repeat-y;
color: black;
display: inline;
}


#sidebar
{
margin-left: 1em;
padding-left: 1em;
padding-right: 1em;
float: left;
width: 42%;
background: url(deebox2-2.png) repeat-y;
color: black;
display: inline;
}

#sidebar-2
{
position: relative;
top: -5px;
left: -5px;
padding: 1em 1em 1em 1em;
background: #191970;
color: white;
}

#sidebar-2-background {
background: gray;
float: right;
width: 25%;
display: inline;
}

#sidebar-2-2
{
float: right;
width: 28%;
color: white;
display: inline;
}

#sidebar-3
{
padding-left: 1em;
padding-right: 1em;
float: right;
width: 27%;
background: url(deebox2-2.png) repeat-y;
color: black;
overflow: hidden;
display: inline;
}

#footer
{
padding-left: 0.5em;
clear: both;
background: darkgray;
color: white;
width: 63em;
}

.deebox-1 {
width: 100%;
background: url(deebox2-2.png) no-repeat bottom left;
}
.deebox-1 h3 {
margin: 0;
padding: 6px 8px 4px 10px;
font-size: 130%;
color: white;
border-bottom:1px solid black;
background:url(deebox2-2.png) no-repeat top left;
}
.deebox-1 p {
margin: 0;
font-size: 100%;
padding: 6px 8px 4px 10px;
background: none
}

.dyk-box-1 {
width: 270px;
background: url(dyk-box-btm.png) no-repeat bottom left;
}

.dyk-box-1 h3 {
margin-left: 0;
padding: 4px 4px 4px 4px;
font-size: 130%;
color: white;
background:url(dyk-box-top.png) no-repeat top left;
background-color: white;
}
.dyk-box-1-p {
font-size: 100%;
color: white;
padding: 0px 10px 10px 10px;
}

#nav
{
margin: 0;
padding: 0;
height: 38px;
list-style: none;
display: inline;
overflow: hidden;
}

#nav li
{
margin: 0;
padding: 0;
list-style: none;
display: inline;
}

#nav a 
{
float: left;
padding: 38px 0 0 0;
overflow: hidden;
height: 0px;
display: inline;
}

#nav a:hover
{
background-position: 0 -38px;
}

#nav a: active, #nav a.selected 
{
background-position: 0 -76px;
}

#thome a 
{
width: 9em;
background: url(button-home.png) top left no-repeat;
}

#tlatestnews a 
{
width: 9em;
background: url(button-latestnews.png) top left no-repeat;
}

#twhatwedo a 
{
width: 9em;
background: url(button-what-we-do.png) top left no-repeat;
}

#tdiary a 
{
width: 9em;
background: url(button-diary.png) top left no-repeat;
}

#twherewemeet a 
{
width: 9em;
background: url(button-where-we-meet.png) top left no-repeat;
}

#tgallery a 
{
width: 9em;
background: url(button-gallery.png) top left no-repeat;
}

#tcontact a {
width: 9em;
background: url(button-contact.png) top left no-repeat;
}

iframe {
background-image: url(map.jpg);
}

#gallery-pics {
float: left;
}

#comingsoon {
margin-top:10em;
margin-right:0;
margin-left:15em;
margin-bottom:0;
}

#comingsoonwrap {
float: left;
display: inline;
}