body {background: #fff url(/tangled/gradientbg.jpg) 50% 0% repeat-y; padding: 0px; margin: 0px; font-family: Tahoma, Arial, geneva, sans-serif; font-size: 76%;}
a {text-decoration: none; border-bottom: 1px solid}
a:link, div#nav ul li.current ul.sub a:link {color: #6A6551}
a:visited, div#nav ul li.current ul.sub a:visited {color: #4D2642}
a:hover, div#nav ul li.current ul.sub a:hover {background-color: #BBCCCF}
a:active, div#nav ul li.current ul.sub a:active {color: #1A3457}

p, ul, li, dd, dt {font-size: 1.1em; line-height: 1.3em; text-indent: 0em}
dd, dt {padding: 5px}
h1, h2, h3, h4, h5, h6 {font-family: Verdana, "Trebuchet MS", Georgia}

div#topdecoration {background: #897732 url(/tangled/topdecoration.jpg) 50% 0% repeat-x;
			 position: absolute;
			 top: 0px;
			 width: 100%; height: 30px}
div#bottomdecoration { background: #897732 url(/tangled/bottomdecoration.jpg) 50% 100% repeat-x;
											 
				 width: 100%; height: 20px}
div#container { width: 620px;  margin: 50px auto; padding: 10px; overflow: hidden; clear: both}
#container>#masthead {background: url(/tangled/flag.png) no-repeat;}
div#masthead {background: url(/tangled/flag.gif) no-repeat; width: 600px; height: 100px; }
div#masthead h1 {display: none}
div#nav {float: left; width: 180px;}
div#nav ul {font-family: "Trebuchet MS", Georgia;
	  font-weight: 700;
	  font-size: 1.1em;
	  list-style-image: url(/tangled/bullet.png)}
div#nav li {line-height: 1.2em; padding-top: 0em; margin: 15px 0px; padding-left: 10px;  }
div#nav li.current {list-style-image: url(/tangled/bullet-selected.png)}
div#content {float: right; width: 420px;}
ul.sub, ul.sub2 {margin: 5px 0px 0px 0px; padding: 0px; line-height: 1.0em}
div#nav ul.sub li, div#nav ul.sub2 li {font-size: 70%;
           list-style-image: none; 
           list-style: square;
           margin: 3px 0px 6px 12px;
           padding: 0px 0px 0px 0px}
           
           
a.here {border-bottom: none; color: #000; font-weight: bold}          
a.here:hover {background-color: inherit}

#content>#teresapic{background: url(/tangled/Teresa-small.png) no-repeat 50% 50%}
#content>#tompic{background: url(/tangled/Tom-small.png) no-repeat 50% 50%}
div#teresapic {width: 225px; height: 229px; float: right;
               background: url(/tangled/Teresa-small.jpg) no-repeat 50% 50%}
div#tompic {width: 225px; height: 229px; float: right;
background: url(/tangled/Tom-small.jpg) no-repeat 50% 50%}

div#coverphoto {position: relative; width: 400px; height: 400px; background: url(/tangled/coverphoto.jpg) no-repeat 50% 50%}
#content>#coverphoto {background: url(/tangled/coverphoto.png) no-repeat 50% 50%}
fieldset {border: none}
ul.sub, ul.sub2 {display: none}
div#flourish {background: url(/tangled/frombehindwithbg.jpg) no-repeat 0% 0%;
              position: relative; top: 10px; left: 150px; z-index: -1; height: 194px; width: 240px; padding-bottom: 30px}
              
div#cdcover {background: url(/tangled/cdcover.jpg) no-repeat 0% 0%;
              position: relative; top: 10px; left: 120px; z-index: -1; height: 300px; width: 320px; padding-bottom: 30px}
#content>#cdcover {background: url(/tangled/cdcover.png) no-repeat 0% 0%;}

div#mediaphotos {width: 120px; padding: 10px; margin: 0px 5px; border: 1px solid silver; float: right; background-color: #EBEBC2}
div#mediaphotos img {border: 0}  
div#mediaphotos a {border: none; text-decoration: none}

p.copyright {font-size: 0.9em; color: #333; margin: 20px 0px 0px 0px}
dl#albumcredits {margin: 0px 0px}
dl#albumcredits dt { font-weight: 900; margin: 0px; padding: 0px}
dl#albumcredits dd {display: inline; margin: 0px 0px 6px 6px}