body {
 text-align: center;
 height:800px;
 font-family: "Adobe Garamond Pro", Garamond;
 font-size: 18px;
 color: white;
 background-color: #cccccc;
 margin-top:10px;
}

div#content {
 position:relative;
 margin-left: auto;
 margin-right: auto;
 width: 800px; 
 text-align: left;
}

div#header {
 position: absolute;
 left:0px;
 right:0px;
 width: 100%;
 height: 125px;
 background-color: #f0913c;
}

div#logo {
 position: absolute;
 right:0px;
 top: 5px;
}

div#title {
 position: absolute;
 left: 4px;
 top: 3px;
}

div#subTitle {
 position: absolute;
 left: 6px;
 top: 63px;
}

div#menuBar {
 position: absolute;
 left: 9px;
 top: 97px;
}

#menuBar a:link, a:visited {
 text-decoration: none;
 color: white;
}

#menuBar a:hover { 
 color: white;
}

#middle {
 position: absolute;
 left: 0px;
 top: 125px;
}

.middlePhoto {
 position: relative;
 float: left;
}

#bottom {
 position: absolute;
 left: 0px;
 top: 285px;
}

#bottomContent {
 position:absolute;
 left:25px;
 top:45px;
 width:745px;
 color: #222222;
}

.paragraphHeaderAndText {
 position:relative;
 top:10px;
 left:0px;
}


.paragraphHeader {
 position:relative;
 top:0px;
 left:0px;
 margin-bottom:10px;
 color: #555555;
 font-weight:bold;
}

.paragraphText {
 position:relative;
 top:0px;
 left:0px;
 text-align:justify;
 margin-bottom:10px;
}

#subMenu {
 position: absolute;
 right:30px;
 top:20px;
 color: #333333;
}

div#subMenu a:link, div#subMenu a:visited {
 text-decoration: none;
 color: #333333;
}

div#subMenu a:hover { 
 color: #333333;
}

.menuItemSelected {
 text-decoration: underline; 
}

ul {
 list-style-type: disc;
}

ul.paragraphList {
 color: #555555;
}


.paragraphListLi {
 color: #555555;
 font-size:13px;
}

.paragraphListItem {
 color: #333333;
 font-size:18px;
}

a.linkInContent {
  color: #666666;
  font-weight: bold;
  font-style: italic;
  text-decoration:none;
}

#weather {
  border: 3px solid rgb(128,128,128); 
  width:350px; 
  overflow: hidden; 
  background-color: white; 
  padding: 3px;
 }