body {
font-size: 9pt;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
line-height: 1.2em;
font-weight: normal;
font-variant: normal;
margin: 0;
padding: 0;
background-image: url("stripe_2.png");
background-color: #CC9900;
}
#header {
width: 760px;
height: 134px;
margin-left: 0px;
}
#Logo {
float: left;
margin-left: -20px;
margin-top: 3px;
border: 1px solid #5C5C5C;
}
#shadow_left {
float: left;
height: 550px;
width: 6px;
margin-left: -7px;
margin-top: 0px;
}
#shadow_right {
float: right;
height: 550px;
width: 6px;
margin-right: -7px;
margin-top: 0px;
}
#right_image {
position: absolute;
float: right;
width: 333px;
height: 444px;
top: 2px;
right: 2px;
border: 1px solid #5C5C5C;
z-index: 6;
}
#container {
background-color: #FFE4C4;
position: absolute;
width: 760px;
left: 50%;
margin-left: -380px;
}
#centre {
position: absolute;
top: 128px;
left: 0px;
background-color: #FFF;
margin-left: -20px;
width: 396px;
margin-top: 0px;
clear: none;
height: 442px;
padding-left: 30px;
padding-top: 10px;
padding-right: 380px;
border: 1px solid #5C5C5C;
z-index: 5;
}
h1 {
 font-size: xx-large;
 font-family: Georgia, serif;
 color: #8B2500;
 background-color: #FFFFFF;
 text-align: left;
 line-height: .4em;
 font-weight: normal;
 font-variant: normal;
 letter-spacing: 1px;
}
h2 {
font-size: large;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color: #8B0000;
background-color: #FFFFFF;
text-align: left;
line-height: .2em;
letter-spacing: 1.8px;
font-weight: normal;
font-variant: normal;
}

h3 {
font-size: 11pt;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-align: justify;
line-height: 1.2em;
font-weight: normal;
font-variant: normal;
}
h4 {
font-size: xx-small;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-align: justify;
line-height: 1.0em;
font-weight: normal;
font-variant: normal;
}
p {
font-size: 11pt;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
text-align: justify;
line-height: 1.2em;
font-weight: normal;
font-variant: normal;
margin-bottom: .6em;
}
p.booktitle{
text-align:left;
line-height: .2em;
}
p.patterntitle{
text-align:left;
line-height: .1em;
color: #8B2500;
font-weight: bold;
font-size: 10pt;
}
p.left{
text-align:left;
}
p.small{
font-size: 10pt;
line-height: 1em;
}
p.Lsmall{
font-size: 10pt;
line-height: 1.2em;
text-align:left;
text-indent: 15px;
}
hnav {
color: #8B2500;
}

A:link {text-decoration: none; color: #551A8B;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #8B2500;}

#navcontainer
{
margin: 0px;
position: absolute;
top: 98px;
left: -20px;
border: 1px solid #5C5C5C;
background: #FFFFFF;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
color: #8B2500;
}

#navcontainer LI
{
display: block;
width: 806px;
margin: 0;
padding: 0;
float: left;
width: auto;
background: #FFFFFF;
}

#navcontainer A
{
display: block;
width: auto;
text-decoration: none;
color: #8B2500;
background: #DDDDDD;
margin: 0;
padding: 4px 12px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, .subnav A:active { color: #444; }
#subnav A.active:link, .subnav A.active:visited { color: #444; }
#subnav BR, .navcontainer BR { clear: both; }