body { 
margin : 0; 
background-color : #dddddd; 
} 
.container { 
padding : 10px; 
margin : auto; 
width : 800px; 
background-color : #ffffcc; 
} 
.rightConLeftCol { 
float : right; 
width : 600px; 
background-color : #ffffcc; 
} 
.leftConRightCol { 
float : left; 
width : 200px; 
background-color : #ffffcc; 
} 
.colLeft { 
padding : 10px; 
z-index : 1; 
position : relative; 
left : -200px; 
width : 580px; 
background-color : #ffffcc; 
min-height : 400px; 
height : auto !important ; 
height : 400px; 
} 
.colRight { 
padding : 10px; 
z-index : 2; 
position : relative; 
left : 600px; 
width : 180px; 
background-color : #ffffcc; 
} 
.footer { 
padding : 10px; 
z-index : 1; 
position : relative; 
left : -200px; 
width : 780px; 
background-color : #ffffcc; 
min-height : 0; 
height : auto !important ; 
height : 400px; 
} 
.brclear { 
clear : both; 
font-size : 1px; 
margin : 0; 
line-height : 0; 
height : 0; 
} 
.brspace { 
font-size : 1px; 
margin : 0; 
line-height : 0; 
height : 0; 
} 
* html > body .colRight { 
display : inline-block; 
overflow : auto; 
} 
* html > body .colLeft { 
overflow : auto; 
} 
h1 { 
font-size : 20pt; 
color : #5a005a; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bolder; 
text-align : center; 
} 
h2 { 
font-size : 14pt; 
color : #5a005a; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bolder; 
} 
h3 { 
font-size : 12pt; 
color : #ffffcc; 
font-family : Arial, Helvetica, sans-serif; 
border : solid #5a005a; 
background-color : #5a005a; 
background-position : center center; 
text-align : center; 
font-style : italic; 
margin-bottom : 2.5%; 
} 
h4 { 
font-size : 12pt; 
font-style : italic; 
font-family : Arial, Helvetica, sans-serif; 
color : #cc9933; 
text-align : justify; 
} 
h5 { 
font-size : 12pt; 
color : #ffffff; 
font-family : Arial, Helvetica, sans-serif; 
border : solid #5a005a; 
background-color : #5a005a; 
background-position : center 0%; 
text-align : right; 
margin-top : -2.5%; 
font-weight : 600; 
} 
h6 { 
font-size : 10pt; 
color : #ffffcc; 
font-family : Arial, Helvetica, sans-serif; 
border : solid #5a005a; 
background-color : #5a005a; 
background-position : center 0%; 
text-align : center; 
font-weight : 600; 
} 
BLOCKQUOTE { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
vertical-align : text-top; 
text-align : justify; 
margin-left : 60px; 
margin-right : 60px; 
} 
p { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
vertical-align : text-top; 
text-align : justify; 
} 
small { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
vertical-align : text-top; 
text-align : justify; 
} 
sup { 
color : #000000; 
font-family : Arial, Helvetica, sans-serif; 
} 
H1, H2, H3, H4, H5, H6 { 
page-break-after : avoid; 
page-break-inside : avoid; 
} 
B { 
pitch-range : 60; 
pitch : medium; 
richness : 90; 
stress : 90; 
} 
A:visited { 
voice-family : betty, female; 
color : #000000; 
} 
A:active { 
pitch-range : 80; 
pitch : x-high; 
voice-family : betty, female; 
color : #bb44ee; 
} 
A:link { 
voice-family : harry, male; 
color : #0000ff; 
} 
table { 
border-color : #5a005a; 
} 
th { 
font-size : 16pt; 
font-family : Arial, Helvetica, sans-serif; 
font-style : italic; 
background-color : #ffffcc; 
color : #5a005a; 
text-align : left; 
} 
td { 
font-family : Arial, Helvetica, sans-serif; 
background-color : #ffffcc; 
color : #000000; 
vertical-align : text-top; 
text-align : left; 
} 
hr { 
color : #ffff99; 
width : 440pt; 
text-align : center; 
} 
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: #990099 url(http://www.yp.wvec.org.uk/Images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: auto;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://www.yp.wvec.org.uk/Images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background-color: #960096 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background-color: #C800C8 !important;
}

.arrowlistmenu ul li a{
color: #808080;
background: url(http://www.yp.wvec.org.uk/Images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #FF00FF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background-color: #800080;
}