@charset "UTF-8";
/* CSS Document */
/* Rebecca Esler */
/* 23/05/08 */

body{
margin:0;
padding:0;
}

/* ----- centres site (blue bgi image) ----- */
#frame{
background:url(../images/bg.jpg) no-repeat top left;
width:950px;
background-color:#8dd8f8;
margin:0 auto;
padding:79px 0 0 0;
}

/* ----- white srtipe ----- */
#contentarea{
margin:0;
padding:0 0 50px 0;
background:url(../images/stripe.gif) repeat-y top left;
width:950px;
}

#left{
width:165px;
padding:0;
margin:93px 0 0 0;
float:left;
display:inline;
}

/* ----- navigation ----- */
#nav{
width:165px;
padding:0;
margin:0;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
text-align:left;}

#nav ul{
margin:0;
padding:0;}

#nav li{
margin:0;
padding:10px 0;
list-style:none;}

#nav a:link, #nav a:visited{
width:133px;
display:block;
margin:0;
padding:1px 16px;
text-decoration:none;
background-color: #ffffff;
color:#000000;}

#nav a:hover{
text-decoration:none;
color:#8dd8f8;}

#nav li ul{
background:url(../images/nav_bottom.gif) no-repeat bottom left;
margin:10px 10px 0 10px;
padding:5px 5px 10px 5px;}

#nav li li{
margin:0;
padding:0;
width:110px;}

#nav li li a:link, #nav li li a:visited{
width:106px;
display:block;
margin:0;
padding:2px;
text-decoration:none;
background-color: #ffffff;
color:#000000;}

#nav li li a:hover{
text-decoration:none;
color:#8dd8f8;}

/* ----- content area (right) ----- */
#content{
width:785px;
padding:0px 0 0 0;
margin:0px 0 0 0;
float:right;
display:inline;
min-height:650px;}

/* ----- heading in white box ----- */
#heading{
background:url(../images/heading.jpg) no-repeat top left;
width:239px;
height:38px;
margin:102px 0 0 0;
padding:11px 0 0 20px;
font:25px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
text-align:left;
}

/* ----- textarea (category pages - no white box) ----- */
#textarea{
margin:43px 0 0 20px;
padding:0px 133px 0 0;
width: 627px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;}

#textarea a:link, #textarea a:visited{
margin:0;
padding:0;
text-decoration: underline;
color:#000000;}

#textarea a:hover{
margin:0;
padding:0;
text-decoration: underline;
color:#ffffff;}

#textarea img{
border:0;}

/* ----- white box with colour at bottom  ----- */
#boxtop{
background:url(../images/contentbox_top.gif) no-repeat top left;
width:523px;
height:40px;
margin:43px 0 0 20px;
padding:25px 0 0 102px;
font:18px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
text-align:left;
}

#boxbottom{
background:url(../images/contentbox_btm.jpg) no-repeat bottom left;
width:438px;
margin:0 0 50px 20px;
padding:0 85px 135px 102px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-align:left;
}

#boxbottom input{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding:2px;
margin:0;}

#boxbottom textarea{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding:2px;
margin:0;}


#boxbottom h1{
margin:10px 0;
padding:0px;
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#8dd8f8;
text-align:left;
font-weight:bold;
}

#boxbottom a:link, #boxbottom a:visited{
margin:0;
padding:0;
text-decoration: underline;
color:#000000;}

#boxbottom a:hover{
margin:0;
padding:0;
text-decoration: underline;
color:#8dd8f8;}

/*--------------navigation hover image styles--------------------*/
#info{
width: 108px;
height: 1px;
text-align:left;
margin: 0px;
padding: 0px;}

#info div{
color: #000000;
margin: 0;
padding: 10px 0 0 30px;
text-align:left;}

.hide{
display: none;}

.show{
display: block;}

.secondary{
margin: 0px;
padding: 0 0 0 10px;}