/* varnish stripping - see http://tantek.com/log/2004/09.html#d06t2354 */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;  line-height: 100%; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; border:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* end varnish stripping */



/* ---- DIV STYLING ---- */

html {
 font-size: 1em;
 line-height: 130%; 
}

body {
 position: relative;
 background-color: #bccec1;
 margin: 0px;
 border: 0px;
 padding: 0px;
 font-family: Georgia, serif;
 font-size: 76%;
 text-align: center;
}

#container {
 width: 720px;
 margin: 0px auto;
 border: 0px;
 padding: 0px;
 background: url(graphics/horiz.gif) repeat-y;
 text-align: left;
}

#content {
 width: 620px;
 margin: 0px 50px;
 border: 0px;
 padding: 0px;
 background-color: #ffffff;
 color: #333333;
 text-align: left;
}


#header { /*don't use width*/
 margin: 0px;
 border: 0px;
 padding: 20px 20px 0.5em 20px;
 background: url(graphics/vert.gif) bottom repeat-x;
}

#logotype {
 float: left;
 width: 250px;
 margin: 0px;
 border: 0px;
 padding: 0px;
}

#logo {
 float: right;
 width: 106px;
 margin: 0px;
 border: 0px;
 padding: 0px;
}


#emailaddress {
 float: right;
 width: 190px;
 margin: 0px;
 border: 0px;
 padding: 0px;
 position: relative;
 bottom: 57px;
}





#main {
 margin: 20px;

}



#footer { /*don't use width*/
 margin: 0px;
 border: 0px;
 padding: 20px 20px 0px 20px;
 background: url(graphics/vert.gif) top repeat-x;
}





#footerlinks {
 margin: 0 0 10px 0;
 border: 0px;
 padding: 0px;
}


.left {
 float: left;
}

.right {
 text-align: right;
}


.clear {
 clear: both;
}


/* ---- BASIC TEXT STYLING ---- */


h1 {
 color: #990066;
 font-weight: normal;
 margin-top: 0.3em;
 margin-bottom: 0.3em;
 border: 0px;
 padding: 0px;
 font-size: 1.9em;
 line-height: 140%;
}

h2 {
 color: #990066;
 font-weight: normal;
 margin-top: 0.2em;
 margin-bottom: 0.2em;
 border: 0px;
 padding: 0px;
 font-size: 1.6em;
 line-height: 120%;
}



h3 { /* list of publications on resources */
 color: #990066;
 font-weight: normal;
 margin-top: 0.2em;
 margin-bottom: 0.2em;
 border: 0px;
 padding: 0px;
  font-size: 1.3em;
 line-height: 120%;
}


h4 {
 font-weight: bold;
 text-decoration: none;
 color: #990066;
  margin-bottom: 0.4em;
}


.subhead {
 font-weight: bold;
 padding-right: 1em;
}

p {
 margin: 0px;
 border: 0px;
 padding-bottom: 0.8em;
}


#main ul {
 padding: 0 0 0 1.5em;
 margin: 0 0 1em 0;
 }
 
#main li {
 list-style-image: url(graphics/bullet.gif);
 list-style-type: square;
 }


 
#main ul ul li {
 list-style-type: square;
  list-style-image: none;
 }




a:link {
 font-weight: bold;
 text-decoration: none;
 color: #990066;
}

a:visited {
 font-weight: bold;
 text-decoration: none;
 color: #cc0099;
 }


.em {
 font-weight: bold;
 font-style: normal;
 margin-bottom: 0px;
 }

.strong {
 font-style: italic;
 margin-bottom: 0px;
 }
 
.super {
 font-size: 70%;
 vertical-align: super;
 }

.sub {
 font-size: 70%;
 vertical-align: sub;
 }

.title {
 font-style: italic;
 margin-bottom: 0px;
 }





/* ---- SPECIFIC TEXT STYLING ---- */



#header h1 {
 clear: left;
 font-size: 2.2em;
 margin-top: 0.7em;
}


p.charity {
 color: #97c1a2;
 font-weight: normal;
 font-size: 1.2em;
 font-style: italic;
 padding-bottom: 36px;
}

#footer {
 font-size: 0.9em;
 line-height: 100%;
}


#footer #footerlinks {
 padding: 0 0.5em;
 text-align: center;
 line-height: 130%;
}



#footer .bull {
 display: inline; 
 clear: none; 
 margin: 0 0.5em;
 width: 0.6em;
 height: 0.6em;  
}



#footer .left {
 float: left;
 width: 33%;
}

#footer .center {
 float: left;
 width: 33%;
 text-align: center;
}


#footer .right {
 text-align: right;
}


p.price {
 font-style: italic;
 margin-top: -0.8em;
}


.notallowed {
 color: #ff3333;
}


.moderation {
 color: #ffcc33;
}


.allowed {
 color: #00cc33;
}



.tickbox {
 position: relative;
 top: 0.4em;
 float: left;
 display: inline;
 width: 0.8em;
 height: 0.8em;
 border: solid #000 1px;
 margin-right: 0.5em;
} 


.address p {
 line-height: 120%;
 }
 
 
.rule p {
 border-bottom: solid #000 1px;
 padding: 0;
 margin-top: 1.5em;
} 


.rule .postcode {
 padding-left: 66%;
 }



.rule .email {
 padding-left: 50%;
 position: relative;
 top: -1.8em;
 }

.rule .date {
 padding-left: 66%;
 position: relative;
 top: -1.8em;
 }





/* ---- MENU TEXT STYLING ---- */


div#nav {
 margin: 20px 20px 20px 20px;  /* last one needed to be 20px for firefox but 10px for ie!! WHY */
 float: left; 
 width: 13em;
 font-family: Arial, sans-serif;
}


div#nav ul {
 width: 13em;
 background-color: #990066;
}

div#nav li {
 margin: 0;
 position: relative;
 min-height: 1px; /* these 2 rules for IE7 */
 vertical-align: bottom; /* these 2 rules for IE7 */
}



* html div#nav li {   /* for IE only */
 float: left;
}

/* holly hack - hides from iemac \*/
* html div#nav li { height: 1%; }
/* end hide from iemac */

* html div#nav li a {
 \width: 13em; /* for ie5 */
 w\idth: 13em; /* for ie6 */
}




/* NB NEED HACK FOR IE, SEE p 130 */



div#nav ul li a:hover {
 color: #97c1a2;
}

div#nav ul a:visited {
 color: #fff;
}

div#nav ul a:link {
 color: #fff;
 }
 
 
div#nav li.currentpage {
 background: url(graphics/menuarrow.gif)  0 50% no-repeat;
}





div#nav li a {
 width: 13.5em; /*haven't taken this off for other browsers, see p129 */
 display: block;
 padding: 0.25em 0 0.25em 1em;
 font-weight: normal;
 border-bottom: 1px solid #fff;
}



 
 
 
/* ---- TABLE STYLING ---- */


table {
 background-color: #fff;
 margin: 1em 0;
 border-bottom: #ccc solid 1px;
 border-left: 0;
 border-right: 0;
 font-size: 100%;
 border-collapse: collapse;
 }


th {
 border-bottom: #ccc solid 1px;
 border-left: #ccc solid 1px;
 font-weight: bold;
 vertical-align: bottom;
 text-align: left;
 padding: 0.3em;
 }
 
td {
 padding: 0.3em;
 vertical-align: top;
 border-left: #ccc solid 1px;
 }
 
tr.line td {
 border-bottom: #ccc solid 1px;
}


table.presentation tr.tablesubhd td {
 font-weight: bold;
 color: #990066;
 text-align: left;
}


html colgroup.presentation col.firstcol { /* only ie sees this */
 text-align: right;
 font-weight: bold;
 }


.presentation tr td:first-child { /* this is for other browsers CHECK THIS!! */
 text-align: right;
 font-weight: bold;
 }


/* ----------TEMPORARY FOR MARKING UP QUERIES -----------*/

div#container div#content div#main .temp {
 color: orange;
}