body {
width: 960px;
background: url("images/BG_about.jpg");
background-repeat:no-repeat;
}

header {
padding: 10px 20px;
background-color: #336699;
font-family: arial, verdana, sans-serif;
font-variant: normal;
font-weight: bold;
font-size: 18px;
color: #ffffff;
}

#social-media {
float: right;
}

#access-flow-top {
background: url("images/access_flow.png") repeat-x;
height:9px;
}

#access-flow-bottom {
clear: both;
background: url("images/access_flow.png") repeat-x;
height:9px;
}

nav {
padding: 10px 20px;
background-color: #336699;
}

nav a {
font-family: arial, verdana, sans-serif;
font-variant: normal;
list-style: none;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #ffffff;
padding: 10px 35px;
}

nav a:hover {
text-decoration: underline;
}

nav a.activ {
background-color: #cccccc;
color: #ffffff;
}

article {
padding: 10px 20px;
font-family: arial, verdana, sans-serif;
font-variant: normal;
font-size: 14px;
font-weight: lighter;
background-color: #336699;
color: #ffffff;
float: left;
}

article a {
color: #ffffff !important;
}

article a:hover {
color: #cccccc !important;
}

#MyGmaps {
         display: block;
         font-family: arial, verdana, sans-serif;
         font-variant: normal;
         font-size: 14px;
         color: #336699;
         width:456px;
         height:456px;
         float: left;
         border-right: 20px #336699 solid;
         border-bottom: 20px #336699 solid;
}

#content {
}

img.social_media {
width: 35px;
height: auto;
border: 0px;
}

footer {
padding: 10px 20px;
background-color: #336699;
color: #ffffff;
font-family: arial, verdana, sans-serif;
font-variant: small-caps;
font-size: 10px;
font-weight: lighter;
text-align: center;
}

footer a {
         color: #ffffff !important;
}

footer a:hover {
         color: #cccccc !important;
}