body {
background: url('../images/bg1.gif') 0 0 repeat-x #3399CC;
color: #fff;
margin: 0;
padding: 0;
text-align: center;	
}
h1 {
font-family: Georgia, serif;
font-size: 1.3em;
font-weight: normal;
letter-spacing: 2px;
margin: 0px 20px;
text-transform: none;
padding: 10px 60px;
background: url('../images/flower-sm.gif') 0 0 no-repeat;
height: 30px;
}
h2 {
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
letter-spacing: 3px;
font-weight: normal;
margin: 0px 50px;
}
p {
text-indent: 1em;
margin: 10px 20px;
padding: 0;
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
letter-spacing: 1px;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #ccc;
}
#container {
padding: 0;
margin: 0 auto;
width: 700px;
}
#head {
width: 700px;
height: 180px;
margin: 0;
padding: 0;
background: url('../images/top.jpg') 0px 0px no-repeat;
}
#navbar ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 700px;
}
#navbar ul li {
display: inline;
text-align: right;
margin: 0;
padding: 0px 10px;
height: 13px;
text-transform: uppercase;
letter-spacing: 2px;
}
#navbar ul li a {
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .7em;
text-decoration: none;
color: #3399CC;
}
#navbar ul li#current a {
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
text-decoration: none;
color: #3399CC;
}
#navbar ul li a:hover {
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .7em;
text-decoration: none;
color: #000;
}
#main {
margin: 0px;
padding: 0px;
width: 700px;
text-align: left;
background: url('../images/main-top.gif') 0 0 no-repeat #fff;
color: #3399CC;
}
#botimg {
margin: 0;
padding: 0;
height: 20px;
width: 700px;
background: url('../images/main-bot.gif') 0 0 no-repeat;
}
#main ul {
list-style-type: none;
}
#main ul li {
background: url('../images/bullet.gif') 7px 2px no-repeat;
padding: 1px 25px;
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
letter-spacing: 1px;
}
#main ol li {
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
letter-spacing: 1px;
}
#main table {
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
letter-spacing: 1px;
margin: 20px;
}
#main table tr td {
border-bottom: 1px dotted #336699;
}
#footer p {
font-family: Myriad, Trebuchet, Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: .6em;
letter-spacing: 2px;
text-transform: uppercase;
}
.thumbnail {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
text-transform: lowercase;
text-align: center;
font-size: .7em;
background-color: white;
float: left;
width: 102px;
border: 1px solid #999;
margin: 20px;
padding: 5px;
}
a img {
border: 1px solid #cccccc;
}
a:hover img {
border: 1px solid black;
}
#photos { 
width: 700px;
height: 850px;
}
div.leftimg {
float: left;
margin: 20px;
}
div.leftimg img {
border: 5px solid #3399cc;
}
div.rightimg {
float: right;
margin: 20px;
}
div.rightimg img {
border: 5px solid #3399cc;
}