/**** general styles ****/

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

body {background-color:#555;
font: 62.5% georgia, "Lucida Sans", Tahoma, serif;
color: #fff;
letter-spacing: 1px;
text-align: center;
width: 100%;
min-width: 760px;}

p {padding: 1em;
text-indent: 2em;}

h4 {background-color: #cc3333;
border-top: 2px groove #555;
border-bottom: 2px groove #555;
display: inline;
font: 1.2em "copperplate gothic bold", "eras itc", sans-serif;
padding: 2px 3px;
letter-spacing: .2em;}

h5 {letter-spacing: .2em;
font-size: .8em;}

ul {list-style: none;
margin: 2em 0;}

blockquote {clear: both;
float: left;
width: 180px;
margin: 3em;}

dd {margin-left: 3em;}

strong {margin-right: .5em;}

/**** anchors ****/

a:link, a {text-decoration: none;}

a:visited, a:hover {text-decoration: underline;}

a:active {text-decoration: line-through;}

ul a, #footer a {color: #fff;}

#div1 a {color: #111;}

#div2 a {color: #cc3333;
font-weight: bold;}

/**** classes ****/
a.comments_invite, a#txpCommentHelpLink{
  background-color: #cc3333;
  border: 1px solid #333;
  font-weight: bold;
  font-size: 1.2em;
  padding: 2px;
}
.title {margin-top: 2em;
line-height: 1.5em;
background: transparent url(images/butterfly.gif) no-repeat 0;
padding-left: 21px;
font-weight: bold;
}



.spacer {clear: both;
margin: 4em 0;
display: block;
width: 100%;
height: 10px;}

/**** frame ****/

#banner {background: transparent url(images/banner.jpg) no-repeat bottom left;
height: 220px;
width: 100%;}

#container {min-width: 750px;
width: 90%;
border: 2px solid #111;
background: #cc3333 url(images/bg.png) repeat-y top left;
text-align: justify;
font-size: 1.4em;
margin: 0px auto;
overflow: hidden;}

#main {background: transparent url(images/reflection-long.jpg) no-repeat top left;
padding: 45px 20px 0px;
overflow: auto;
height: 1%;}

/**** navigaton ****/

#nav {font: bold 14px "copperplate gothic light", verdana, sans;
margin: 80px 2%;
width: 145px;
float: left;
text-align: left;}

#nav li a {border-top: 3px solid #fff;
color: #fff;
display: block;
padding: 4px;
line-height: 18px;
width: 137px;
/*dimensions needed for IE5.x/Win*/}

#nav li a:visited {background-color: #cc3333;
text-decoration: none;}

#nav li a:hover {text-decoration: none;
background-color: #fff;
color: #cc3333;}

#linktop {background: transparent url(images/link-top.gif) no-repeat top left;
height: 18px;
border: 0px !important;}

#linkbottom {background: transparent url(images/link-bot.gif) no-repeat top left;
height: 18px;}

/**** page styles ****/
#accessibility{
text-indent: -5312px;
position: absolute;
}
#list2 {margin: 2em 0;}

#list1 {margin-bottom: 2em;}

#list1 li, #list2 li, #list3 li, #list4 li {margin: .3em 0;}

#div1 {float: right;
width: 70%;}

#div2 {clear: both;
background: #fff url(images/bottomfade.jpg) repeat-x left top;
padding: 70px 10px 25px;
margin: 0px;
color: #333;}

#div1 ul {border: 1px groove #555;
border-right: none;
border-left: none;}

#div2  p, #div2 ul {width: 85%;}

#div1 p {background: transparent url(images/transparent3.gif);
border: 1px solid #333;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
margin: 16px 0;
font-weight: bold;}

img#asha {
display: block;
margin: 1.3em auto;
border: 1px solid #000;
width: 400px;
height: 100px;
}

img#roomtoread {
float: right;
margin: 2%;
border: 1px solid #000;
}

#photoviewer {margin: 4em auto;
width: 300px;
border: 10px groove #cc3333;}

#footer {width: 100%;
clear: both;
color: #fff;
font-weight: normal;
background-color: #888;
font-size: .8em;
padding: .5em 3em;}

#container #footer .shamelessSelfLinking {background-color: transparent;
color: #ffcc33;}

#footer a:hover {background-color: #cc6666;
text-decoration: none;}