/*

Contents of this style sheet
----------------------------
1.  General styles  (line 48)
2.  Above the main navigation bar  (line 95)
3.  Main navigation bar  (line 144)
4.  Footer  (line 167)
5.  Breadcrumb and top corner  (line 195)
6.  Main text content areas  (line 269)
7.  Scrutiny map box  (line 465)
8.  Navigation (left and right of main content)  (line 498)
9.  Comments  (line 682)
10. Forms and tables  (line 769)
11. Homepage specific  (line 852)
12. Health scrutiny pages (line 911)
13. Survey  (line 981)
14. Wiki (line 999)
15. Blog  (line 1154)
16. Private forums  (line 1285)
17. Wales  (line 1364s)

You may adapt and learn from the elements of this style sheet to use in your own projects, 
but you may not copy the design (the unique combination of images, colors, sizes, typography, 
and positioning) since this is copyright of the Centre for Public Scrutiny Ltd and may not be 
reproduced.

The initial design and layout of this site was commissioned from Recollective Ltd, UK. 
For further information please visit their website at www.recollective.co.uk

Websites, writers, programmers and designers that we have learned from are credited as appropriate. 
If you spot any that you think we have missed, please let us know and we will rectify.

If you have any comments on the layout and design of this site please contact the Research and 
Information Adviser at CfPS via info@cfps.org.uk

Validation of this style sheet can be checked at
http://jigsaw.w3.org/css-validator/validator?uri=http://www.cfps.org.uk/

Last updated: 15th January 2007 by Gareth Wall


*/




/* 1. General styles
--------------------------------------------------*/


body	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E1E1E1;
	color: #ffffff;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px; 
	}


a	{
	color: #CC0033;
	text-decoration: none;
	}


a:hover	{
	color: #ffffff;
	background-color: #CC0033;
	text-decoration: none;
}


blockquote	{
	width: 300px;
	margin-left: 10px;
	margin-right: 40px;
	color: #666;
	}


.container	{
	width: 760px;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	clear: both;
	}




/* 2. Above the navigation bar
--------------------------------------------------*/


#headrow	{
	width: 760px;
	height: 253px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#search	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 220px;
	float: left;
	background-color: #E1E1E1;
	color: #ffffff;
	}


#search .divide	{
	width: 220px; 
	height: 1px; 
	background-color: #ffffff;
	margin-top: 3px;
	}


#illustration	{
	margin: 0px 4px 0px 4px;
	padding: 0px 0px 0px 0px;
	width: 220px;
	height: 253px;
	float: left;
	}


#headright	{
	margin: 46px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 312px;
	float: left;
	}




/* 3. Main navigation bar
--------------------------------------------------*/


#navigation	{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #666666;
	width: 760px;
	height: 20px;
	display: block;
	}


#navigation div	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	}

/* 3.5 Main navigation bar
--------------------------------------------------*/


#navcentre	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #666;
	}

#navcentre ul	{
	width: 760px;
        margin: 3px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
	}

#navcentre li {
        list-style: none;
        margin: 0px;
        display: inline;
        background-color: #666;
        float: left;
        padding-top: 3px;
        padding-bottom: 3px;
	}

#navcentre li.home a	{
        padding: 3px 18px 3px 16px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.home a:link {  color: #fff;  }
#navcentre li.home a:visited {  color: #fff;  }
#navcentre li.home a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.news a	{
        padding: 3px 18px 3px 17px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.news a:link {  color: #fff;  }
#navcentre li.news a:visited {  color: #fff;  }
#navcentre li.news a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.library a	{
        padding: 3px 19px 3px 17px;
	margin: 0px;
        background-color: #c03;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.library a:link {  color: #fff;  }
#navcentre li.news a:visited {  color: #fff;  }
#navcentre li.library a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.map a	{
        padding: 3px 17px 3px 15px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.map a:link {  color: #fff;  }
#navcentre li.map a:visited {  color: #fff;  }
#navcentre li.map a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.champs a	{
        padding: 3px 18px 3px 17px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.champs a:link {  color: #fff;  }
#navcentre li.champs a:visited {  color: #fff;  }
#navcentre li.champs a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.forum a	{
        padding: 3px 19px 3px 18px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.forum a:link {  color: #fff;  }
#navcentre li.forum a:visited {  color: #fff;  }
#navcentre li.forum a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.events a	{
        padding: 3px 18px 3px 15px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.events a:link {  color: #fff;  }
#navcentre li.events a:visited {  color: #fff;  }
#navcentre li.events a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.pubs a	{
        padding: 3px 17px 3px 16px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.pubs a:link {  color: #fff;  }
#navcentre li.pubs a:visited {  color: #fff;  }
#navcentre li.pubs a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}

#navcentre li.about a	{
        padding: 3px 17px 3px 17px;
	margin: 0px;
        background-color: #666;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-right: 1px solid #666;
	}
#navcentre li.about a:link {  color: #fff;  }
#navcentre li.about a:visited {  color: #fff;  }
#navcentre li.about a:hover {
        background-color: #cc0033;
        font-weight: bold;
        color: #fff;
	}




/* 4. Footer
--------------------------------------------------*/


#footer	{
	padding: 30px 0px 30px 0px;
	}


#footer a	{
	text-decoration: none;
	color: #333333;
	margin-right: 28px;
	margin-bottom: 5px;
	}


#footer a:hover	{
	color: #ffffff;
	background-color: #CC0033;
	text-decoration: none;
	margin-right: 28px;
	margin-bottom: 5px;
	}




/* 5. Breadcrumb and top corner
--------------------------------------------------*/


.contenthead	{
	width: 760px; 
	height: 30px;
	margin: 0px 0px 1px 0px;
	}


.mainhead	{
	background: url('../i/bg_dropshadow_midgrey.gif') repeat-x;
	width: 540px;
	background-color: #E1E1E1;
	float: left;
	}


.back	{
 	background: white url(../i/bg_dropshadow_white.gif) repeat-x; 
	width: 220px;
	height: 30px;
	float: left;
	}


.back a	{	
	font-weight: bold;
	}

.back div	{
	padding: 12px 0px 0px 10px; 
	}


#breadcrumb	{
	margin-left: 13px;
	height: 29px;
	font-size: 11px;
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;
	}


#breadcrumb div
{
	padding-top: 12px;
}


#breadcrumb a	{
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;
	}


#breadcrumb a:hover	{
	color: #ffffff;
	background-color: #CC0033;
	font-weight: bold;
	text-decoration: none;
	}


#breadcrumb .hi	{
	color: #660033;
	}




/* 6. Main content areas
--------------------------------------------------*/


.mainbox	{
	background: url('../i/bg_mainbox.gif') repeat-y;
	width: 540px;
	background-color: #ffffff;
	float: left;
	}


.mainboxnarrow	{
	background: url('../i/bg_mainbox.gif') repeat-y;
	width: 382px;
	background-color: #ffffff;
	float: left;
	}


.textcon {
	margin-left: 26px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: normal;
	}


.textconterms {
	margin-left: 26px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: normal;
	}


.textcon h1, .textconterms h1	{
	font-size: 18px;
	color: #660033;
	font-weight: bold;
	margin: 17px 0px 21px 0px;
	padding: 0px;
	width: 330px;
	}


.textcon h2	{
	font-size: 14px;
	color: #660033;
	font-weight: normal;
	margin: 25px 0px 15px 0px;
	padding: 0px;
	}


.textcon h3	{
	font-size: 13px;
	color: #660033;
	font-weight: bold;
	margin: 25px 0px 5px 0px;
	padding: 0px;
	width: 330px;
	}


.textconterms h3 {
	font-size: 14px;
	color: #660033;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	width: 330px;
	}

.textconterms h4	{
	font-size: 12px;
	color: #660033;
	font-weight: bold;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	width: 330px;
	}

.textcon p	{
	color: #000000;
	font-weight: normal;
        font-size: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 330px;
	}


.textcon ul li {
   	list-style-type: square;
	vertical-align: top;
	width: 290px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 10px;
	color: #000;
	}
	
.textcon ol li {
	vertical-align: top;
	width: 290px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 10px;
	color: #000;
	}


.textconterms p	{
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 330px;
	}


.textcon a, .textconterms a	{
	font-size: 12px;
	color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	}


.textcon a:hover, .textconterms a:hover	{
	font-size: 12px;
	color: #ffffff;
	background-color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	}


.rightillu	{
	float:right; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px; 
	border-style: solid;
	border-color: #cccccc;
	}


.rightcontent	{
	width: 312px;
	height: 279px;
	}
	
.rightcontent div
{
	width: 308px;
	color: #000000;
	float: right;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 20px;
	border-color: #ffffff;
	border-style: solid;
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
}


/* credit to idea.gov.uk for the following two (used in "about us") */


div.imgWithSummary {
	float:left;
	width:330px;
	}


span.imgAlignLeft {
	float:left;
	margin-top: 3px;
	margin-right: 5px;
	border: 1px solid #666;
	}
	
span.textAlignLeft {
	float: right; 
	width: 270px; 
	margin-bottom: 0px;
	}




/* 7. Scrutiny map box
--------------------------------------------------*/


.homelinkbox	{
	width: 120px; 
	float: left; 
	padding: 10px 0px 20px 0px; 
	color: #CC0033;
	}


.linkbox	{
	width: 120px; 
	float: left; 
	padding: 10px 0px 15px 0px; 
	color: #CC0033;
	}


.linkbox a.head	{
	font-weight: bold;
	}


.linkbox p, .homelinkbox p	{
	padding: 0px;
	margin: 0px;
	}




/* 8. Navigation (left and right of main content)
--------------------------------------------------*/


.left	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	}


.left .divide	{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


#leftnavigation	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	background: url(../i/bg_dropshadow_darkgrey.gif) repeat-x;
	width: 220px;
	color: #ffffff;
	background-color: #999999;
	}


.firstlevel	{
	background-color: transparent;
	}


.secondlevel	{
	background-color: #cccccc;
	}


.firstlevel div, .secondlevel div	{
	margin-left: auto;
	margin-right: auto;
	}


.firstlevel div.hi	{
	background-color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	}


.firstlevel a, .linkbottom a	{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}


.secondlevel div.hi	{
	background-color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding-left: 6px;
	}


.secondlevel a	{
	color: #cc0033;
	text-decoration: none;
	font-weight: bold;
	}


div.hi a	{
	color: #990033;
	}
	
.firstlevel div.hi a:hover,  .secondlevel div.hi a:hover
{
	color: #660033;
	background-color: #ffffff;
}


div.link	{
	margin: 0px;
	padding-left: 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	}


div.linkbottom	{
	background: url(../i/bg_subbottom_lo.gif) repeat-y;
	padding-left: 6px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	height: 16px;
	}


div.linkbottomhi	{
	background: url(../i/bg_subbottom_act.gif) repeat-y;
	padding-left: 6px;
	color: #660033;
	text-decoration: none;
	font-weight: bold;
	height: 16px;
	}
	
	
.pagina	{
	color: #999999;
	font-weight: bold;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px; 
	padding-right: 5px; 
	padding-top: 20px;
	text-align: left;
	}


.pagina a	{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #cc0033;
	}


.pagina a:hover, .rightnavcon div a:hover	{
	color: #ffffff;
	}


.rightnav	{
	float: right; 
	width: 162px; 
	text-align: right;
	}


.rightnav .rightnavcon	{
	width: 162px;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 22px;
	padding-left: 0px;
	}


.rightnavcon div	{
	border-left-style: solid; 
	border-left-color: #e1e1e1; 
	border-left-width: 1px; 
	margin-left: 5px;
	margin-right: 30px;
	padding-left: 20px;
	text-align: right;
	}


.rightnavcon div a	{
	color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	}


.rightnavcon div.hi	{
	color: #990033;
	font-weight: bold;
	text-decoration: none;
	}




/* 9. comments
--------------------------------------------------*/


.commentform	{
	width: 300px; 
	float: left; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 1px; 
	border-style: solid;
	border-color: #cccccc;
	margin-top: 60px;
	margin-bottom: 20px;
	}	


input.comment	{
	margin-right: 10px; 
	background: url(../i/bg_button.gif) repeat-y; 
	border: 0px; 
	text-align: left;
	color: #cc0033;
	padding-left: 0px;
	padding-right: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	}


span.comment	{
	font-size: 12px;
	font-weight: normal;
	color: #990033;
	}


a.comment	{
	font-size: 10px;
	font-weight: bold;
	}


a.comment:hover	{
	font-size: 10px;
	font-weight: bold;
	}


.commentsep	{
     	border-top: 1px #660033 solid;
	margin: 0px 0px -10px 0px;
	width: 330px;
	clear: both;
	}


.commentsm	{
	margin: 0px 0px 15px 0px;;
	font-size: 11px;
	font-weight: normal;
	color: #990033;
	text-align: right;
	}


.commentsm a	{
	color: #cc0033;
	font-weight: normal;
	font-size: x-small;
	}


.commentsm a:hover	{
	color: #fff;
	background-color: #cc0033;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	}



	
/* 10. Forms and tables
--------------------------------------------------*/


#newsform	{
	margin: 0px;
	}


.formrow	{
	color: #000000;
	}


.formrow input	{
	width: 250px;
	border: solid 1px #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	}


.formrow select	{
	margin-top: 5px;
	margin-bottom: 5px;
	}


.formrow textarea	{
	width: 250px;
	height: 175px;
	border: solid 1px #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
.formrow textarea.revsum	{
	width: 250px;
	height: 100px;
	border: solid 1px #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	}


table tr td	{
	vertical-align: top;
	color: #666;
	}

td.events_cal   {
        background-image: url(http://www.cfps.org.uk/events/i/widget_cal.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
        }

td.events_list  {
        width: 250px;
        }

.white {
        color: #fff;
        }

.grey  {
        color: #ccc;
        }

input.order	{
	margin-right: 0px; 
	background: url(../i/bg_order.gif) repeat-y; 
	border: 0px; 
	text-align: left;
	color: #cc0033;
	padding-left: 0px;
	padding-right: 50px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	}


input.search	{
	margin-right: 95px; 
	background: url(../i/bg_search.gif) repeat-y; 
	border: 0px; 
	text-align: left;
	color: #cc0033;
	padding-left: 0px;
	padding-right: 20px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	}




/* 11. Homepage specific
--------------------------------------------------*/ 


.homehead	{
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 0px; 
	margin-top: 0px; 
 	padding: 10px 0px 2px 10px;
	}


.homehead h1	{
	width: 200px;	
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	}


.homecontent	{
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 0px; 
	margin-top: 0px; 
  	padding: 0px 10px 0px 10px;
	height: 170px;
	color: #333333;
	}


.homecontent p	{
	margin-top: 0px;
	}

	
.newscontent	{
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 0px; 
	margin-top: 0px; 
  	padding: 0px 10px 0px 10px;
	height: 170px;
	color: #333333;
	}


.homecontent p	{
	font-size: 11px;
	color: #333333;
 	padding: 10px 0px 0px 0px;
	}




/* 12. Health scrutiny pages
--------------------------------------------------*/ 

.question {
	color: #660033;
	font-weight: bold;
	}

	
.dandn {
	color: #660033;
	font-size: 10px;
	}

	
.small {
	color: #999;
	font-size: 10px;
	width: 200px;
	}

	
.divider	{
	border-top: 1px #e1e1e1 solid;
	margin: 20px 0px 10px 0px;
	width: 330px;
	clear: both;
	}


.helpdesk p	{
	margin-bottom: 0px;
	}

.pline	{
	border-top: 1px solid #ccc;
	}
	
.strike	{
	text-decoration: line-through;
	}


.namelist a	{
	color: #660033;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	}

	
.namelist a:hover	{
	color: #660033;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
	}

	
.top	{
	margin-bottom: 20px;
	text-align: right;
	font-size: 10px;
	border-bottom: 1px solid #ccc;
	}
	



/* 13. Survey
--------------------------------------------------*/ 

.row {
	border: solid 1px #999999;
	margin-top: 2px;
}

.surveyd	{
	border-top: 1px #660033 solid;
	margin-top: 30px;
	width: 350px;
	clear: both;
	}




/* 14. Wiki ../improvment/..
--------------------------------------------------*/ 


#wikiedit {
	border-top: 8px solid #e1e1e1; 
	padding: 15px 0px 15px 25px;
	color: #666;
	}


#wikiedit p {
	width: 330px;
	margin: 0px;
	padding: 0px;
	}
	
#wikiedit p.postcards {
	width: 480px;
	margin: 0px;
	padding: 0px;
	}


#wikiedit h1 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	}


.wiki table tr td {
	color: #666;
	}


.wikiedit a {
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;
	}


.wikiedit a:hover {
	color: #ffffff;
	background-color: #CC0033;
	font-weight: bold;
	text-decoration: none;
	}


.wikiform	{
	color: #000000;
	}


.wikiform input	{
	width: 250px;
	border: solid 1px #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	}


.wikiform textarea	{
	width: 400px;
	height: 500px;
	border: solid 1px #999999;
	margin-top: 5px;
	margin-bottom: 5px;
	}


.wikidiff table tr td	{
	color: #666666;
	}
	
	
.wikicon {
	margin-left: 26px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: normal;
	}

.wikicon h1, .textconterms h1	{
	font-size: 18px;
	color: #660033;
	font-weight: bold;
	margin: 17px 0px 21px 0px;
	padding: 0px;
	width: 330px;
	}


.wikicon h2	{
	font-size: 14px;
	color: #660033;
	font-weight: normal;
	margin: 25px 0px 15px 0px;
	padding: 0px;
	}


.wikicon h3	{
	font-size: 13px;
	color: #660033;
	font-weight: bold;
	margin: 25px 0px 5px 0px;
	padding: 0px;
	width: 330px;
	}


.wikicon p	{
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 430px;
	}


.wikicon ul li {
   	list-style-type: square;
	vertical-align: top;
	width: 390px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 10px;
	}
	
.wikicon ol li {
	vertical-align: top;
	width: 340px;
	padding: 3px;
	margin-top: -5px;
	margin-bottom: 10px;
	background-color: #f4f4f4;
	}


.wikicon a, .textconterms a	{
	font-size: 12px;
	color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	}


.wikicon a:hover, .textconterms a:hover	{
	font-size: 12px;
	color: #ffffff;
	background-color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	}




/* 15. Blog
--------------------------------------------------*/ 


.separator {
	 width: 330px;
	 clear: both;
}


.comment {
	color: #999;
	font-size: 11px;
	text-align: right;
	}


.textcon h6, .textconterms h6 {
	margin: 25px 0px 4px 0px;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	width: 200px;
	}
	
	
.textcon h5, .textconterms h5	{
	font-size: 18px;
	color: #660033;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	width: 330px;
	}
	
	
.textcon h5 a, .textconterms h5 a	{
	font-size: 18px;
	color: #cc0033;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	width: 330px;
	text-decoration: none;
	}


.textcon h5 a:hover, .textconterms h5 a:hover	{
	font-size: 18px;
	color: #ffffff;
	background-color: #cc0033;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	width: 330px;
	}
	
.blogfoot  {
	background: #fff;
	width: 330px;
	color: #999;
	padding: 0px;
	margin-bottom: 65px !important; 
	clear: both;
	font-size: 10px;
	text-align: right;
	border-bottom: 1px solid #999;
	}

	
.lfoot {
	background-color: #fff;
	float: left;
	width: 100px;
	padding: 0px;
	margin-top: 10px;
	text-align: left;
	}


div.blognavbottom	{
	padding-left: 6px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	height: 16px;
	}


div.blognavbottom a	{
	color: #ffffff;
	}


.blognavtop	{
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}


.blognavtop div {
	margin-left: auto;
	margin-right: auto;
	}


.blognavtop div.hi	{
	background-color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	}


.blognavtop div.hi a:hover {
	color: #660033;
	background-color: #ffffff;
	}


.blognavtop a, .linkbottom a	{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}




/* 16. Private forums
--------------------------------------------------*/ 


.ftline {
	background-color: #666;
	color: #fff;
	font-weight: bold;
	}


.catline {
	background-color: #ccc;
	color: #333;
	font-weight: bold;
	}


.ftcat {
	background-color: #ccc;
	color: #333;
	font-weight: bold;
	}


.ftfor {
	background-color: #f4f4f4;
	color: #333;
	font-weight: bold;
	}

	
.fsmall {
	color: #666;
	font-size: 10px;
	}


.ftopr	{
	color: #666;
	font-size: 12px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	}
	

.ftoprmess {
	padding-bottom: 25px;
	}

	
.fhdr	{
	font-size: 13px;
	color: #660033;
	font-weight: bold;
	margin: 25px 0px 5px 0px;
	padding-top: 25px;
	}


.fhtr	{
	font-size: 13px;
	color: #660033;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

.fprofh	{
	font-size: 18px;
	color: #660033;
	font-weight: bold;
	margin: 17px 0px 21px 0px;
	padding: 0px;
	}




/* 17. Wales
--------------------------------------------------*/


.wbox-top	{
	padding: 5px; 
	background-color: #e1e1e1; 
	}

	
.wbox-top p	{	
	color: #660033; 
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

	
.wbox-mid	{
	border: 1px solid #e1e1e1;
	padding: 5px;
	margin-bottom: 20px;
	}

	
.wbox-mid p	{
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 5px;
	}
	

.wbox-mid p.title	{
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 5px;
	color: #660033;
	}
	
/* 18. Postcards
--------------------------------------------------*/
	
	
.postcards {
	margin-left: 26px;
	margin-bottom: 10px;
	color: #000000;
	font-weight: normal;
	}

.postcards h1	{
	font-size: 18px;
	color: #660033;
	font-weight: bold;
	margin: 17px 0px 21px 0px;
	padding: 0px;
	width: 760px;
	}


.postcards h2	{
	font-size: 14px;
	color: #660033;
	font-weight: normal;
	margin: 25px 0px 15px 0px;
	padding: 0px;
	}


.postcards h3	{
	font-size: 13px;
	color: #660033;
	font-weight: bold;
	margin: 25px 0px 5px 0px;
	padding: 0px;
	width: 330px;
	}


.postcards p	{
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 430px;
	}


.postcards ul li {
   	list-style-type: square;
	vertical-align: top;
	width: 390px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 10px;
	}
	
.postcards ol li {
	vertical-align: top;
	width: 340px;
	padding: 3px;
	margin-top: -5px;
	margin-bottom: 10px;
	background-color: #f4f4f4;
	}


.postcards a, .textconterms a	{
	font-size: 12px;
	color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	}


.postcards a:hover, .textconterms a:hover	{
	font-size: 12px;
	color: #ffffff;
	background-color: #CC0033;
	font-weight: normal;
	text-decoration: none;
	}
	
/* 19. lightbox
--------------------------------------------------*/

#lightbox{
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	z-index: 100;
	}

#lightbox img{ border: none;	}

#lightbox img a { 
	border: none;	
	color: #fff;
	}

#imageContainer{
	position: relative;
	padding: 10px;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#loading{
	position: absolute;
	top: 50%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#hoverNav{
	position: absolute;
	top: 0;
	left: 10px;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../postcards/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../postcards/images/prev.gif) left 53% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../postcards/images/next.gif) right 53% no-repeat; }


#imageData{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	padding:0 10px 0 10px;
	line-height: 1.4em;
	height: 38px;
	color: #333;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left;	}			
#imageData #bottomNavClose{ width: 36px; float: right;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}