menu {
    color: red;
}

navigation {
    background-color: #333 /* darkgrey */;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #666666;
}

a:link {
    color: #966399;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    text-transform: none;
}

a:visited {
    color: #966399;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    text-transform: none;
}

a:hover {
    text-decoration: none;
    color: #5a5a5a;
}

a:active {
    background-color: #990000;
    color: #ffffff;
}

#container {
    position: relative;
    height: auto;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #FFF;
}

#navigation {
    width: 950px;
    height: 45px;
    background-color: #000;
    margin-bottom: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#navigation ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#navigation ul li {
    font-family: "“Courier New”", Courier, mono;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}
/*
	The li holds the "a" anchor element
	Establish each anchor as a block. We now see the space around the element
	Set width
	Set height and line height to center the type vertically
	Add background image and position
	Indent the text to move text left
	Add a border to bottom
*/
#navigation ul li a:link {
    float: left;
    margin-left: 0px;
    margin-bottom: 5px;
    color: #966399;
    display: block;
    width: 185px;
    height: 35px;
    background-color: #000000;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
    padding-top: 8px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/*
	Change background position when visited
*/
#navigation ul a:visited {
    float: left;
    margin-left: 0px;
    margin-bottom: 5px;
    color: #966399;
    display: block;
    width: 185px;
    height: 35px;
    background-color: #000000;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-decoration: none;
    padding-top: 8px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/*
	Change background position on hover
*/
#navigation ul a:hover {
    background-position: -200px center;
    text-decoration: none;
    background-color: #0f0f0f;
    color: #F39;
    width: 186px;
    height: 48px;
}

/*
	Change background position on active
*/
#navigation ul a:active {
    background-position: -400px center;
    background-color: #000000;
    color: #FFFFFF;
}

#content {
	height: auto;
	width: 635px;
	margin-left: 0px;
	margin-right: 10px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#content p {
    font-size: 12px;
    line-height: 18px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

#side_bar {
    float: left;
    margin-top: 55px;
    margin-left: 0px;
    width: 277px;
}
/* width of the content has been set to ems for the images so it that it resizes*/
#side_bar p img {
    border: 5px solid #6bb3cb;
    margin-left: 0px;
	margin-right: 7px;
    margin-bottom: 10px;
}

#side_bar p a img:hover {
    border: 5px solid #6bb3cb;
}

#footer {
    background-color: #000;
    width: 950px;
    height: auto;
    background-color: #000;
    margin-bottom: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    float: left;
    position: relative;
}

#footer_elements {
    height: 300px;
    width: auto;
    margin-right: 0px;
    margin-left: auto;
    position: relative;
}

#footer_social {
    position: relative;
    height: auto;
    width: 200px;
    margin: 7px;
    padding: 5px;
    float: left;
}

#locations {
    height: auto;
    width: 630px;
    padding: 5px;
    float: left;
    margin: 5px;
}

#footer_elements {
    height: 200px;
    width: 880px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

#footer_text {
    position: relative;
    height: auto;
    width: 870px;
    padding: 5px;
    float: left;
    font-family: "Courier New", Courier, monospace;
    text-align: center;
    word-spacing: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #0f0f0f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;
}

h1 {
    font-size: 36px;
    color: #FF3399;
    font-style: normal;
    font-weight: bolder;
    margin-bottom: 15px;
    margin-top: 5px;
    border-bottom-width: 3px;
    border-bottom-style: dotted;
    border-bottom-color: #FFFFFF;
    line-height: 25px;
    font-family: ;
	text-shadow: 1px 1px #6bb3cb;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-variant: normal;
    padding: 5px;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 5px;
    border-radius: 10px;
    border-top-left-radius: 5px;
}

h2 {
    font-size: 18px;
    color: #6bb3cb;
    font-style: italic;
    font-weight: lighter;
    margin-top: 2px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding-left: 10px;
    margin-left: 10px;
    padding-top: 10px;
}

#footer_info {
    position: relative;
    height: auto;
    width: 190px;
    padding: 5px;
    float: left;
    margin: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #FFFFFF;
    background-color: #0f0f0f;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bold {
    color: #FF3399;
    font-weight: bold;
    margin-bottom: 10px;
}