@charset "utf-8";

p,
h1,
h2,
img,
html,
body,
#nav * {
display:block;
margin:0;
padding:0;
}

html {
font:small/1.6 Helvetica,Arial,sans-serif;
text-align:center;
background:#cdf;
color:#000;
}

body {
margin:18px auto;
width:740px;
}

h1 {
float:left;
width:530px;
}

h1 * {
float:right;
border:5px solid #f00;
}

h1,
h2 {line-height:1}
h2 {font-size:150%}

a {color:#00e}
a:visited {color:#528}
a:hover {background:#ff0}
a:active {color:#e00}

#nav {
float:right;
width:200px;
}

#nav ul {
list-style:none;
line-height:2;
margin:9px 0;
}

#nav li {
/* IE6 needs this?! */
border:1px solid #cdf;
}

#nav a {
border:3px solid;
border-color:#def #bce #bce #def;
background:#cdf;
text-decoration:none;
}

#nav a:visited {
border-color:#ddf #bbd #bbd #ddf;
background:#cce;
color:#528;
}

#nav a:hover {
border-color:#fff #eed #eed #fff;
background:#ffe;
}

#nav a:active {
border-color:#eed #fff #fff #eed;
background:#ffe;
color:#665;
}

#main,
#photos *,
#mig {border:1px solid #000}
#photos img {border-bottom:0}

#main {
float:left;
width:430px;
background:#ffe;
text-align:left;
}

#main p {margin:1em}
#main h2 {margin:.7em}

#photos {
float:right;
width:290px;
}

#mig {
clear:both;
width:655px;
margin:0 auto 18px;
}

#photos p,
#mig p {
border-top:0;
padding:9px;
background:#fff;
}

h1,
#main,
#photos p {margin:0 0 18px}