body 
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	img { max-width: 100%; }
}

#navigation {
 width: 100%;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation li {
 border-bottom: 1px solid #0033CC;
}
#navigation li a:link, #navigation li a:visited  {
 font-size: 95%;
 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 display: block;
 padding: 1em 0 1em 1em;
 border-left: 12px solid #0033CC;
 border-right: 1px solid #0033CC;
 background-color: #3366FF;
 color: #FFFFFF;
 text-decoration: none;
}
#navigation li a:hover {
 background-color: #0033CC;
 color: #FFFFFF;
}

#top {
  position: relative;
  margin-left: 0%;
  margin-right: 0%;
}
#left {
  position: relative;
  margin-left: 5%;
  margin-right: 5%;
}
#center {
  position: relative;
  margin-left: 5%;
  margin-right: 5%;
}
#right {
  position: relative;
  margin-left: 20%;
  margin-right: 20%;
}
#content {
  position: relative;
  margin-left: 2%;
  margin-right: 2%;  
}
#content ul {
  list-style: circle;
  color: 3366ff;
}


#photos {
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
  color: 3366ff
}

.img {
  width:50%; 
  height:auto;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
}


<!--Set up a table environment using CSS-->
.table {
  display: table;
  border-collapse: separate;
  table-layout: fixed;
  direction: rtl;
  margin:10px;
  border-spacing:10px;
  width:615px;
  text-align: left;
}
<!--Format table title-->
.title {
  display: table-row;
}
.title div{
  display: table-cell;
  font-weight:bold;
  background:#333;
  color:#ffffff;
}
.title .one{
  width:115px;
  height:25px;
}
.title .two{
  width:500px;
  height:25px;
}
<!--Even rows-->
.rowe {
  display: table-row;
}
.rowe div{
  display: table-cell;
}
.rowe .one{
  width:115px;
  background:#ccffff;
}
.rowe .two{
  width:500px;
  background:#ccffff;
}
<!--Odd rows-->
.rowo {
  display: table-row;
}
.rowo div{
 display: table-cell;
}
.rowo .one{
  width:115px;
}
.rowo .two{
  width:500px;
}

h1 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  color: 3366ff }
h2 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-variant:small-caps;
  color: 0033cc }
h3 {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-variant:small-caps;
  color: 3366ff }
p {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  color: 3366ff }

.center { text-align: center; }

/*Format page links*/
A:link
{ text-decoration: none; color: #0066ff }
A:visited
{ text-decoration: none; color: #3366ff }
A:hover
{ text-decoration: underline; color: #3333ff }