body{
background: #ffffff;
color: #555555;
font-size: 12pt;
font-family: arial, helvetica, verdana, sans-serif;
}

a, a:link{
color: #028898;
text-decoration: none;
font-weight: bold;
}

a:hover, a:active{
color: #007123;
}

h1{
font-size: 210%;
color: #233638;
}

h2{
font-size: 175%;
}

h3{
font-size: 150%;
}

h4{
font-size: 130%;
}

h5{
font-size: 110%;
}

h6{
font-size: 105%;
}

#container{
border: 1px solid #555555;
box-shadow: 3px 3px 3px #aaaaaa;
}

#menu-bar{
background-color: #c0ddd4;
font-weight: bold;
border-bottom: 5px solid #699586;
}

#menu-bar span{
background-color: #0b533d;
border-radius: 4px;
}

#menu-bar a, #menu-bar a:link{
color: #ffffff;
}

#menu-bar span:hover{
background-color: #416d5e;	
}

#menu-bar a:hover, #menu-bar a:active{
color: #b1c7c0;
}

#top-bar{
background-color: #233638;
color: #ffffff;
font-weight: bold;
}

#top-bar a, #top-bar a:link{
color: #bdf8ff;
text-decoration: underline;
}

#top-bar a:hover, #top-bar a:active{
color: #ffffff;
}

#header{
background-image: url(../images/banner.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
border-bottom: 5px solid #699586;
}

#logo{
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-size: cover;
}

#company-name{
font-size: 250%;
font-family: impact;
text-transform: uppercase;
color: #ffffff;
text-shadow: 0 0 3px #000000;
}

#company-name a, #company-name a:link{
color: #ffffff;
font-weight: normal;
}

/* Cross-Site Non-Conditional */

.image-right img{
width: 100%;
}