html {
  padding:0px;
  margin:0px;
}

/* body {
background-color:#FFFFFF;
background-image:url(images/sue-background.gif);
background-repeat:repeat;
font-size: 14px;
font-family: "Palatino Linotype", Palatino, serif;
color:#333399;
text-align:center;
margin:0px;
} */

body {
background-color:#DAE4ED;
background-image:url(images/gradient.gif);
background-repeat:repeat-x;
font-size:14px;
font-family: "Palatino Linotype", Palatino, serif;
margin:0px;
}

/* pre, h1 {
margin:0px 10px 10px 10px;
} */

p {
/*margin:0px 15px 15px 15px; */
font-size:14px;
text-align:left;
color:#330033;
}

ul {
color:#330033;
text-align:left;
}

img {

}

h1 {
font-size:20px;
color:#4E6489;
text-align:left;
font-weight:normal;
}

h2 {
color:#4E6489; 
text-align:left;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
}

h3 {
color:#A6297C;
text-align:center;
font-size:16px;
}

hr {
border:0;
width:95%; 
height:2px; 
color:#D46490;
background-color: #CC6699;
}

a {
color: #000099;
font-size: 14px;
text-decoration: underline;
}

/* TAT 2/13/07 link only gets underlined when mouse is over the link */
a:hover {
/*color:#AA2B80; */
color:#A6297C;
}

pre {
color: #564b47;
font-size: 14px;
background-color:transparent;
} 

.emph {font-style: italic;}
.strong-emph {font-style: italic;font-weight:bold;}
.bold-emph {font-weight:bold};
.photo-style {font-size:14px; color:#4E6489; font-weight:normal; }

.hover-link {
text-decoration:none;
}
.hover-link:hover{
text-decoration:underline;
color:#FFFFFF;
}

#sue-header {
width:800px;
padding: 0px;
margin: 0px auto;
height:130px;
text-size:small;
background-image:url(images/sommer_header2.gif);
background-repeat:no-repeat;
background-color:transparent;
}

#nav_bar{
width:800px;
margin: 0px auto;
height:25px;
text-size:small;
text-align:center;
color:#333399;
font-weight:bold;
padding-top:15px;
background-image:url(images/nav_bar.gif);
background-repeat:no-repeat;
background-color:transparent;
}

#nav_bar a {
text-decoration: none;
color:#333399;
}

#nav_bar a:hover{
text-decoration:none;
color:#A6297C;
}

#nav_bar_footer{
width:800px;
height:35px;
text-align:center;
font-size:12px;
color:#333399;
float: left;
background:#AABED5;
}

#nav_bar_footer a {
text_decoration: underline;
color:#333399;
}

#nav_bar_footer a:hover{
text_decoration: underline;
color:#A6297C;
}

#page{
width:800px;
padding: 0px;
margin: 0px auto;
}

/* Encompasses left-panel and main-content divs */
#middle-panel {
width:800px;
/* border: 1px solid #CCCCCC; */
padding-bottom:20px;
}

#photo-panel {
width:345px;
heigth:320px;
padding:10px;
margin-left:50px; 
margin:auto;
border: 1px solid #CCCCCC;
background:#FFFFFF;
background-image:url(images/photo_panel.gif);
}

#left-panel{
float:left;
text-align:center;
font-size:16px;
color:#333399;
width:220px;
padding:10px;
}

#right-panel {
width:528px;
float:left;
text-align:center;
padding: 10px 15px 10px 15px;
background:#FFFFFF;
}

#photo-content {
width:800px;
height:600px;
padding:0px;
text-align:center;
margin: 0px auto;
float:left;
background-color:#EBECF6;
}

#footer {
float:left;
width:800px;
margin-top:20px;
}

#footer a {
font-size: 1em;
}

.centered_image {
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

.grey_text {color:#4E6489};
.pink_text {color:#A6297C; font-weight:bold};