body {
	margin: 0px;
	background-color: white;
	background-image: url(images/S_wingfield_backgrounds.jpg);
	background-repeat: repeat-x;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


/*************************************
	leftcol contains the left graphic
*************************************/

#leftcol {
	position: absolute;
	width: 186px;
	top: 0;
	left: 0;
position: relative;
float: left;
}

/****************************************************************
	rightcol contains the vertical decoration and the navigation
****************************************************************/

#rightcol {
	position:  absolute;
	right: 0px;
	width: 250px;
/*
position: relative;
float: right;	
*/
}

/*** bring structure together ***/

#maincol {
	position: absolute;
/*	top: 0;
	left: 186px;*/
	width: 460px;
position: relative;
float: left;

}

#colholder {
	position: absolute;
	width: 460px;
/*	top: 240px;*/
	background-image:url(images/sep.gif);
	background-repeat: repeat-y;
	background-position: center;
position: relative;
margin-top: 240px;
}

#colkvc {
	position: absolute;
	width: 460px;
/*	top: 240px;*/
position: relative;
margin-top: 240px;
}

#col1 {
	float: left;
	width: 200px;
/*	padding-right: 20px;*/
}

#col2 {
	float: right;
	width: 220px;
	height: 800px;
	overflow: auto;
}



#navright {
	display: none;
	position: absolute;
	top: 20;
	right: 51;
	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
}

#navcontainer {
	position: absolute;	
	top: 20;

	/* 
	really I want right: 50 but IE doesn't do this properly, but it
	does handle margins so set right:110 ann margin-right: -60 to move the
	block back where it's wanted.
	*/
	
	right: 110;	
	margin-right: -60px;

	text-align: right;
	font-weight: bold;
	font-size: 0.9em;
}

#vertnav{
	list-style: none;
	width: 100%;
	padding:0;
	padding-top: 10px;
	margin:0;
	font-size: 0.9em;

     /*text-align: right;*/
}

#vertnav ul {
     padding: 0;
     margin:0;
     list-style: none;
     width:155px;                       /* USER defined: menu width */
     z-index:99;
     position:absolute;
     overflow:visible;
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{           /* NB - only 3 tiers defined in this CSS as it stands */
     display:none;
     position:absolute;
     top:0;
     left:155px;                       /* USER defined: (menu width - border width) */
     padding-left: 5px;
}

#vertnav li.button {
	top: 0px;
     margin:0;
     position: relative;
     width: 155px;                       /* USER defined: menu width */
     display:block;
     height:1.5em;
	 padding-bottom: 10px;
}

#vertnav li.arrow {
	top: 0px;
	margin:0;
	position: relative;
	width: 155px;                                  /* USER defined: menu width */
	background-repeat: no-repeat;
	background-position: left top; 
	display:block;
	height:1.5em;
	padding-bottom: 10px;
}

#vertnav a {
     text-decoration:none;
     display:block;
     padding: 0.1em;
     margin: 0px 0px 0px 0px;
     padding: 3px 0px 3px 7px;
     height:1em;
 	 color: #666666;                         /* USER defined: button font colour */
}

#vertnav a:hover, #vertnav li.button:hover, #vertnav ul li.button:hover, #vertnav ul li.button a:hover{
	 background-image: url(../none);
	 color: #bb9933;                         /* USER defined: ordinary button rollover font colour */
}

/* NB - only first 2 tiers can have arrows in this CSS as it stands */

#vertnav li.arrow:hover, #vertnav li.arrow a:hover, #vertnav ul li.arrow:hover, #vertnav ul li.arrow a:hover{
 /*    background-color:#478CB1;                      /* USER defined: next tier button rollover background colour */
	 color: #bb9933;                                /* USER defined: next tier button rollover font colour */
/*	 background-image: url(../images/navArrow.gif);    /* USER defined: next tier button rollover background image */
	 background-repeat: no-repeat;
	 background-position: right center;
}

/* non-IE browsers see this */

#vertnav ul li>ul, #vertnav ul ul li>ul{
     margin-top:-1.4em;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
     display:none;
}

#vertnav li.over ul, #vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
     display: block;
	 left: -140px;
	 top: 0px;
	 border: solid 1px #bb9933;
	 padding-right: 10px;
	 background-color: #eee;
}

li>ul {
     top: auto;
     left: auto;
}
/* Win IE only \*/
* html #vertnav li{float:left;}
/* end holly hack */ 

/*******************************************************************************
	maincol comtains the title, heading, sub-heading (optional) and the content
*******************************************************************************/

/*** #maincol moved ***/

#title {
	margin-top: 20px;
	color: #bb9933;
	font-size: 1.9em;
	font-weight: bold;
}

#swsc {
	display: none;
	position: absolute;
	left: 0;
	top: 26;
}

#heading {
	position: absolute;
	left: 0;
	top: 196;
	color: #bb9933;
	font-size: 1.8em;
	font-weight: bold;
}

#subheading {
	position: absolute;
	left: 0;
	top: 225;
	font-size: 16px;
	font-weight: bold;
}

/*** #colholder moved ***/

/*** #colkvc moved ***/

/*** #col1 moved ***/

/*** #col2 moved ***/

.floatright {
	float: right;
}

.bolden {
	font-weight: bold;
}

p {
	margin-top: 10;
}

.columnbanner {
	position: relative;
	font-weight: bold;
	background-color: #FFCC99;
}
.columnbanner a {
    text-decoration:none;
	color: #666666;
}
.columnbanner a:hover {
	color: black;

}

.editicons {
	position: absolute;
	left: 210px;
	width: 64px;
}

/*-------------------------------------------
	Container for Kids Venture Club listings
-------------------------------------------*/
#venture {
	padding-top: 0px;
	padding-bottom: 0px;
}

#venture dt {
	font-weight: bold;
}
#venture dt a {
	text-decoration: none;
}
#venture dt a:hover {
	color: red;
}

#venture dd {
	font-style: italic;
	padding-bottom: 5px;
}
.bg {
	background-color: #FFCC99;
}
#feature {
	border: solid thin;
	padding: 5px;
	background-color: #EEDDBB;
}

#featurewindow {
	border: solid thin #BB9933;
	padding: 15px;
	margin: 5px;
}
#featureclose {
	padding: 15px;
	margin: 5px;
}

#featureheading {
	border: solid thin #BB9933;
	padding: 10px;
	margin: 2px;
	background-color: #EEDDBB;
	font-weight: bold;
	font-size: 1.1em;
}

.edittext, .editarea {
	width: 200px;
	background-color: #FEC;
}
.editarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.editcheck {
	position: absolute;
	left: 180px;
	top: -2px;
}
.editbtn {
	background-color: #FFCC99;
	border: 1px solid;
	
	border-top-color: #eee;
	border-left-color: #eee;
	
	border-right-color: #930;
	border-bottom-color: #930;
}
.editbtnhov {
	color: blue;
	background-color: #FC3;
}


.error {
	font-weight: bold;
	color: red;
	border: 1px solid;
}

dt {
	font-weight: bold;
	margin-top: 5px;
}
dd {
	margin-left: 20px;
}

.errormsg {
	font-weight: bold;
	color: red;
}
/*
	styles inserted by bbcode [style=n] where n=0-9
*/

.bbcode0 {
}
.bbcode1 {
	font-weight: bold;
}
.bbcode2 {
	color: red;
}
.bbcode3 {
	font-size: 0.8em;
}
.bbcode4 {
	font-size: 1.2em;
}
.bbcode5 {
	font-style: italic;
}
.bbcode6 {
	text-decoration: underline;
}
.bbcode7 {
}
.bbcode8 {
}
.bbcode9 {
}

/* 
	Kids Venture Club stuff
*/

#kvcholder {
	width: 420px;
	padding-bottom: 20px;
}

.kvcline {
	clear: both;
	padding-bottom: 20;
}
.kvcstatus {
	width: 24px;
	float: left;
}
.kvctitle {
	width: 360px;
	float: left;
}
.kvciconedit {
	width: 20px;
	float: left;
}
.kvcicondelete {
	width: 16px;
	float: left;
}

/*
	Kids Venture Club Admin
*/

#kvcadminlist div {
	padding-bottom: 5px;
}

.kvcadminmember {
	clear: both;
	padding-top: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.kvcadminpage {
	margin-left: 10px;
	float: left;
}	

.kvcadminstatus {
	width: 20px;
	float: left;
}


.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

form#apply {
	background-color: #EEDDBB;
	padding-left: 10px;
	color: #000000;
	border: 1px solid #bb9933;
	border-bottom-color: white;
	border-right-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

form#apply input, form#apply textarea, form#apply button {
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#formbutton {
	height: 27px;
	width: 178px;
	background-image:   url(images/button_bg.gif);
	background-repeat: repeat-x;
	border-left: 1px solid brown;
	border-right: 1px solid brown;
	text-align: center;
	margin-bottom: 10px;
}

#formbutton .button {
	position: relative;
	height: 27px;
	top: 0px;
	width: 178px;
/*	padding-left: 7px;	
	padding-right: 7px;	
*/	background-image:   url(images/button_bg.gif);
	background-repeat: repeat-x;
	float: left;
	font-size: 0.9em;
}

#formbutton a.button {
	text-decoration: none;
	color: black;
	font-weight: bold;
	line-height: 27px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#formbutton a:hover.button {
	color: red;
	background-image: url(images/button_bg_hover.gif);
	background-repeat: repeat-x;
}


ul#sitemap li {
	margin-left: -40px;
	list-style-type: none;
	margin-top: 10px;
}

ul#sitemap ul li {
	margin-left: -60px;
	margin-top: 0px;
}

#sitemap a {
	text-decoration: none;
	color: #333399;
}

#sitemap a:hover {
	color: #navy;
	font-weight: bold;
}