/*========================

Styles v2

========================*/


body
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		margin: 0;
		padding: 0;
		color: #000;
		background: #FFF;
		line-height:12pt;
	}
	
	
h1
	{
 		display: none;
	}
	
	
#page
	{
		width: 960px;
		margin: 0 auto 0 auto;
		border-top: 8px solid #FFF;
		padding: 0;
		background-color: #FFF;
	}
	
	
#page:after 
	{
    	content: "."; 
    	display: block;
    	height: 0;
    	overflow: hidden;
    	clear: both; 
    	visibility: hidden;
   }

	
/* Common Styles */

a
	{
		text-decoration: underline;
		color: #4D1979;
	}

	
a:hover
	{
		text-decoration: none;
		color: #666666;
		padding: 0px;
	}
	
	
/*h2
	{
		font-size: 1em;
		margin: 0 0 6px 0;
		padding: 0;
		color: #FFF;
		background-color: none;
	}*/


h2
	{
		font-size: 1.6em;
		color: #4D1979;
		line-height:1.2em;
	}
	
	
h3
	{
		font-size: 1.1em;
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #4D1979;
		background-color: transparent;
		
	}
	
h4
	{
		font-size: 1.1em;
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #4D1979;
		background-color: transparent;
		
	}


button
	{
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll -15px -298px;
		border:none;
		color: #FFF;
		font-size: 0.8pt;
		font-weight: bold;
		height: 20px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		font-size: 0.9em;
	}


button:hover
	{
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll -15px -298px;
		/* for IE */
  		filter:alpha(opacity=80);
  		/* CSS3 standard */
  		opacity:0.8;
	}


button.login
	{
		width: 98%;
		font-size: 1em;
	}


button.content
	{
		background-image: url(/images/handle/corner-small.gif);
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #8B0066;
		color: #FFF;
		padding: 5px 6px 8px 8px;
		margin: 10px 0 10px 0;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		border: none;
		height: 30px;
	}
		

button.content:hover
	{
		background-color: #FFF;
		color: #8B0066;
	}


.alert
	{
		font-size: 0.8em;
	}	


#edit_link a:link
	{
		float: right;
		font-weight: bold;
		padding: 8px;
		margin: -10px -10px 5px 5px;
		border: 1px solid #99cc00;
		border-right: none;
		border-top: none;
	}


#edit_link a:hover
	{
		background-color: red;
		color: #FFF;
	}
	

.small
	{
		font-size: 0.85em;
		color: #8f8f8f;
	}
	
	
/* Top Menu */
	
#top-menu
	{
		margin: -5px 0 5px 0;
		padding: 5px 0 2px 5px;
		width: auto;
		height: 25px;
		text-align: right;
		color: #4D1979;
		background-color: #FFF;
		font-size: .85em;
		border-bottom: 1px solid #baa3e2;
		*margin: 0 0 5px 0;
		*overflow:hidden;
		
	
	}

#top-menu .phone
	{
		float: left;
		padding: 5px 0 0 5px;
		font-weight: bold;
	}


#top-menu .title
	{
		font-size: 1.4em;
		color: red;
		font-weight: bold;
	}
	
#top-menu ul
	{
		margin-top: 0px;
		padding-top:3px;
		width: 50%;
		float: right;
	}

	
#top-menu ul li
	{
		display: inline;
		padding-right: 8px;
	}
	
	
#top-menu ul li a
	{
		color: #4D1979;
	}
	
	
#top-menu ul li a:hover
	{
		text-decoration: none;
	}


#logo
	{
		margin: 2px 0 0 -10px;
		padding: 0 10px 0 10px;
		color: transparent;
		float: left;
		z-index: 3;
	}

	
/* Banner */
	
#banner
	{
		width: 100%;
		font-size: 0.9em;
		height: 60px;
		margin: 0;
		padding: 0;
		background: transparent;
		*margin-top: -10px;
	}


#banner input.username
	{
		width: 100px;
		background: #FFF;
		border: 1px solid #405A67;
		font-size: 1.1em;
		margin: 0 0 5px 0;
	}


#banner input.password
	{
		width: 100px;
		background-color: #FFF;
		border: 1px solid #405A67;
		font-size: 1.1em;
		margin: 0 0 10px 5px;
	}


#banner #login-errors
	{
		float: left;
		margin: 0 0 0 50px;
		color: #F00;
		text-align: center;
	}


#banner #login-errors a
	{
		color: #F00;
	}	


#banner #login_form
	{
		float: right;
		width: 450px;
		text-align:right;
	}


#banner #login-prompts
	{
		font-size: 0.9em;
		text-align: center;
		margin: -2px 0 0 0;
		color: #999;
	}


#banner #login-prompts a
	{
		color:#333333;
	}
	
	
#banner #login-prompts a.register
	{
		color: rgb(77,33,119);
	}

/*Broke the Banner*/

/*html>body #banner
	{
  		width: 65px;
	}*/


#login-box
	{
		float: right;
		font-size: 1.2em;
		margin: 10px 10px 0 0;
	}

	
#user-box
	{
		float: right;
		font-size: 1em;
		width: 200px;
		height: 35px;
		border: 1px solid #99cc00;
		margin: 5px 5px 5px 0;
		padding: 0;
	}
	
	
/* Navigation Bar*/

#nav-menu ul
	{
		list-style: none;
		font-size: 1.4em;
		font-weight: bold;
		clear: both;
		margin: 0;
		padding: 0;
		height: 30px;
		color: #FFF;
		background-color: transparent;
		border-bottom: 5px solid #4C2177;
	}


#nav-menu ul li
	{
		display: inline;
	}


#nav-menu ul li a:link, #nav-menu ul li a:visited
	{
		text-decoration: none;
		color: #4C2177;
		background-color: #FFF;
		padding: 0 8px 4px 8px;
		border-right: 1px solid #9D88C0;
		float: left;
		white-space: nowrap;
		width: auto;
	}


#nav-menu ul li a h2 
	{
		background: none;
		font-style: normal;
		color: #FFF;
		padding: 0;
		margin: 0 0 3px 0;
		font-size: large;
		border: none;
	}


#nav-menu ul li a:hover, #nav-menu ul li a.active
	{
		color: #FFF;
		background-color: #86A20B;
	}

	
/* Updater */

#updater
	{
		border: 1px solid #CCC;
		background-color: #ffffe0;
		font-size: 0.8em;
		margin: 0 0 8px 0;
		padding: 4px;
	}


#updater img
	{
		float: left;
		margin: 0 5px 0 0;
	}



/* My Tools */

#my-tools
	{
		
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		color: #4D1979;
		background-color: #FFF;
		border: 1px solid rgb(77,33,119);
		border-top: none;
	}
	
	
#my-tools h2
	{
		font-size: 1.3em;
		background-color: #86A20B;
		color: #FFF;
		padding: 6px 6px 6px 15px;
		margin: 0 0 0 -1px;
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll -15px top; 
	}

#my-tools ul
	{
		margin: 0;
		padding: 10px 0 0 12px;
	}
	

#my-tools ul li
	{
		list-style: none;
		display: block;
	}

	
#my-tools ul li img
	{
		margin-right: 10px;
		float: left;
	}


#my-tools ul li a:link, #my-tools ul li a:visited
	{
		text-decoration: none;
		color: #4D1979;
		display: block;
		background-color: transparent;
		font-weight: bold;
		height: 30px;
		padding: 5px 5px 5px 2px;
		/*border-bottom: 1px dashed #318E00;*/
		margin: 0;
		font-size: 0.9em;
		line-height:27px;
		 width:180px;
	}


#my-tools ul li a.active
	{
		text-decoration:none;
	color:#FFFFFF;
	background-color:rgb(134,162,11);
	}
	
	#my-tools ul li a:hover
	{
	text-decoration:none;
	color:#FFFFFF;
	background-color:rgb(134,162,11);
	}



#my-tools #print_centre {
    background: url("/images/content/control_panel_icons/printcentre.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4D1979;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    height: 32px;
    margin-left: 1px;
    margin-top: 7px;
    width: 185px;
    padding-right: 30px;

}

#my-tools #print_centre:hover {
text-decoration:none;
	color:#FFFFFF;
	background-color:rgb(134,162,11);
}

#my-tools #programmes_online {
    background: url("/images/content/control_panel_icons/POL.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4D1979;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    height: 32px;
    width: 185px;
    padding-left: 32px;
		margin-top:4px;
		margin-left:1px;
}


#my-tools #programmes_online:hover {
text-decoration:none;
	color:#FFFFFF;
	background-color:rgb(134,162,11);
}

#my-tools #informer_reports {
    background: url("/images/content/control_panel_icons/reports.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #4D1979;
    cursor: pointer;
    font-size: 1em;
	margin-top:7px;
    font-weight: 600;
    height: 32px;
    width: 185px;
    padding-right: 56px;
			margin-left:1px;
}


#my-tools #informer_reports:hover {
text-decoration:none;
	color:#FFFFFF;
	background-color:rgb(134,162,11);
}

#my-tools FORM {
	margin:0px;
}

/* My Content */

#my-content
	{
		padding: 10px 10px 0 10px;
		margin: 0 0 10px 0;
		background-color: #FFF;
		border: 1px solid rgb(139,0,102);
		border-top: none;
	}


#my-content h2
	{
		font-size: 1.3em;
		background-color: rgb(139,0,102);
		color: #FFF;
		margin: -10px -11px 0 -11px;
		padding: 6px 6px 6px 15px;
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll -15px -126px;
	}


#my-content h2 a img
	{
		border: none;
		margin: 0;
		padding: 10px;
		display: block;
		float: right;
		position:relative;
		top:-3px;
		*top:-28px;
		
	}
	
	
/* My staff */

#staff
	{
		padding: 10px 10px 0 10px;
		margin: 0 0 10px 0;
		background-color: #FFF;
		border: 1px solid rgb(0,105,144);
		border-top: none;
	}


#staff h2
	{
		font-size: 1.3em;
		background-color: rgb(0,105,144);
		color: #FFF;
		margin: -10px -11px 0 -11px;
		padding: 6px 6px 6px 15px;
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll left -83px;
	}

	
/* My Log-In */

#my-login
	{
		padding: 10px 10px 20px 10px;
		margin: 0 0 10px 0;
		background-color: #DEE4C8;
		border: 1px solid #86A20B;
		border-top: none;
	}
	
	
#my-login h2
	{
		font-size: 1.3em;
		background-color: #86A20B;
		color: #FFF;
		margin: -10px -10px 10px -11px;
		padding: 10px 10px 10px 15px;
		background-image: url(/images/handle/corner.gif);
		background-repeat: no-repeat;
		background-position: top left; 
	}

	
/* My Feedback */

#my-feedback
	{
		padding: 10px;
		margin: 0 0 20px 0;
		background-color: #FFF;
		border: 1px solid rgb(77,33,119);
		border-top: none;
	}
	#my-feedback p
	{
		
		margin: 0 0 0 0;
		
	}	
	
#my-feedback h2
	{
		font-size: 1.3em;
		background-color: #006a8d;
		color: #FFF;
		margin: -10px -10px 10px -11px;
		padding: 6px 6px 6px 15px;
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll -15px 0 ;
	}	
	#my-donate
	{
		padding: 10px;
		margin: 0 0 20px 0;
		background-color: #FFF;
		border: 1px solid #006a8d;
		border-top: none;
	}
	
	
#my-donate h2
	{
		font-size: 1.3em;
		background-color: #006a8d;
		color: #FFF;
		margin: -10px -10px 10px -11px;
		padding: 6px 6px 6px 15px;
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll left -84px;
	}	
	
/* Search */
	
	
#search
	{
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px 0;
		
		border: 1px solid #405A67 ;
		border-top: none;
	}


#search h2
	{
		font-size: 1.3em;
		background-color: #405A67;
		color: #FFF;
		margin: -10px -10px 10px -11px;
		padding: 6px 6px 6px 15px;
		background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll -15px -296px;
	
	}
	

#search input
	{
		width: 188px;
		background: #FFF;
		border: 1px solid #405A67;
		font-size: 1.2em;
		margin: 0 0 5px 0;
	}
	
	
#search input:hover
	{
		background: #fff;
	}
	
	
#search input:focus
	{
		background: #FFF;
	}
	
	
/* Main Body */

#mainbody
	{
		width: 960px;
		background-color: transparent;
		margin: 10px 0 0 0;
	}


#mainbody:after 
	{
    	content: "."; 
    	display: block;
    	height: 0;
    	overflow: hidden;
    	clear: both; 
    	visibility: hidden;
   }
	
/* Main Content */

#maincontent
	{
		width: 720px;
		float: left;
		padding: 0;
		margin: 0;
		height: auto;
		background-color: transparent;
	}
	
	


.clear {
clear : both;
height : 0;
line-height : 0;
overflow : hidden;
}
	

/* Member Search */

#member-search
	{
		width: 211px;
		margin: 5px 0 0px 5px;
		padding: 10px;
		background: #FFF;
		height: 160px;
		float: left;
		border: 1px solid #000;
	}


/* Column Sections */

#column-section
	{
		background: transparent;
		padding: 5px;
		text-align: left;
		margin: 0 0 5px 0;
	}
	
#subsectionfull
	{
		width: 730px;
		background: transparent;
		padding-bottom: 10px;
		text-align: left;
		margin-right: 0;
		margin-bottom: 5px;
		padding-top: 10px;
	}


/* Column */

.column
	{
		width: 350px;
		margin: 0;
		padding: 5px;
		float: left;
		clear: right;
	}
	
.column p
	{
	font-size: 100%;
	margin: 0 12px 12px;
	}
	
.column h5
	{
	padding-bottom: 2px;
	padding-top: 2px;
	}
	
.column h5 a
	{
	padding-bottom: 2px;
	padding-top: 2px;
	}
	
.column a:hover
	{
	padding-bottom: 2px;
	padding-top: 2px;
	}
	
.column a img
	{
	float: left;
	padding: 0px;
	margin: 3px 8px 8px 3px;
	}
	
	
.column img
	{
	float: left;
	padding: 0px;
	margin: 3px 5px 8px;
	}
	

.column .icon
	{
		float: left;
		padding: 0px;
		margin: 3px 5px 8px;
		border: none;
	}
	
	
.column a:hover img
	{
		float: left;
		padding: 0px;
	}


.column h3
	{
		font-size: 100%;
		display: block;
		color: #4D1979;
		margin-bottom: 10px;
	}


.column h3 a:link
	{
		font-size: 100%;
		color: #4D1979;
		margin-bottom: 10px;
		text-decoration: underline;
	}


.column h3 a:hover
	{
		color: #666;
		text-decoration: none;
	}


.column p
	{
		margin-top: -5px;
	}


.column .extra-link
	{
		text-align: right;
	}
	

/* MMS Columns */

#mms-column-section
	{
		padding: 0;
		margin: 0;
	}
	
	
#mms-column-section:after 
	{
    	content: "."; 
    	display: block;
    	height: 0;
    	overflow: hidden;
    	clear: both; 
    	visibility: hidden;
   }
	
	
.mms-column
	{
		width: 32%;
		margin: 0;
		padding: 0 5px 0 10px;
		float: left;
	}

	
.mms-column-image
	{
		width: 160px;
		margin: 0;
		padding: 0 5px 0 10px;
		float: left;
		text-align: center;
	}
	
	
/* News */

#news
	{
		width: 240px;
		margin: 0 15px 0 0;
		padding: 0;
		float: left;
	}
	
	
#news h3
	{
		margin: 0;
		padding: 0;
	}
	
#news h3 a
	{
		font-size: 70%;
		color: #4D1979;
		text-decoration: underline;
	}
	
	
#news h3 a:hover
	{
		color: #9C0;
		text-decoration: none;
	}
	
	
#news p
	{
		font-size: 100%;
		margin: 0 8px 10px 8px;
		padding: 0;
	}
	
	
#news a img
	{
		float: left;
		padding: 2px;
		margin: 3px 8px 8px 0;
		border: 1px solid #9C0;
	}
	
	
#news a:hover img
	{
		float: left;
		padding: 2px;
		margin: 3px 8px 8px 0;
		border: 1px dashed #9C0;
	}
	

.news_date
	{
		color:#333333;
		font-size:0.7em;
	}
	
	
/* Control Panel */

#control-panel
	{
		font-size: 1em;
		width: 213px;
		padding: 0;
		float: right;
		margin: 0;
	}

	
#control-panel:after 
	{
    	content: "."; 
    	display: block;
    	height: 0;
    	overflow: hidden;
    	clear: both; 
    	visibility: hidden;
   }


#control-panel hr
	{
		width: 220px;
		margin: 15px 0 15px -15px;
		height: 10px;
		color: #dbdbdb;
		background-color: #dbdbdb;
	}
   
   

	
		
.module-list
	{
		list-style: none;
		margin: 0;
		background: none;
	}


.style-list
	{
		list-style: none;
		width: 100%;
		margin: 0;
		display: block;
	}

	
/* Join Now */

#join_now
	{
		width: 100%;
		height: 40px;
		margin: 0 0 0px;
		border: 1px solid #000;
		background: #9C0 url(/images/JoinNow.jpg);
		text-align: center;
	}

	
#join_now a
	{
		font-size: 120%;
		font-weight: bold;
		padding: 8px 0 5px 0;
		display: block;
		text-decoration: none;
		width: 100%;
		height: 27px;
	}
	
#join_now a:hover
	{
	color: #FFF;
	background-color: #4D1979;
	background-image: url(/images/JoinNow_roll.jpg);
	}
	
	
/* Profiles */
	
.profile
	{
	width: 100%;
	height: 60px;
	text-align: right;
	text-decoration: none;
	cursor: pointer;
	display: block;
	border: 1px solid #000;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 3px;
	}
	
	
.profile-text
	{
		padding: 15px 5px 0 0;
		font-size: 120%;
		display: block;
	}
	
	
.profile-text strong
	{
		font-size: 70%;
	}
	

.profile img
	{
		float: left;
		border: 0;
	}
	
	
		/* Profile Colours */
		
		#scarlet,
		#aqua
			{
				width: 100%;
				height: 60px;
				display: block;
			}
		
	
		#scarlet
			{
				background-color: #BC0909;
				color: #F8F506;
			}
	
	
		#aqua
			{
				background-color: #005C5E;
				color: #F8F506;
			}
			
			
/* Sub-sites */
	
.sub-site
	{
	width: 210px;
	height: 60px;
	border: 1px solid #9C0;
	text-decoration: none;
	cursor: pointer;
	display: block;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 4px;
	}
	
	
.sub-site-text
	{
	font-size: 120%;
	display: block;
	padding-bottom: 0;
	padding-left: 0;
	}
	
	
.sub-site-text strong
	{
		font-size: 70%;
	}
	

.sub-site img
	{
	float: left;
	border: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	}
	
	
		/* Sub-site Colours */
		
	
		#white
			{
				width: 100%;
				height: 60px;
				display: block;
				background-color: #FFF;
				color: #4D1979;
			}
			
			
/* Gilwell Weather 	

#weather
	{
		width: 350px;
		float: left;
		margin: 0 20px 0 -20px;
	}


#weather ul li
	{
		list-style: none;
		margin: 0 0 20px 0;
	}


#weather ul li a
	{
		font-size: 1.5em;
		list-style: none;
		font-weight: bold;
		padding: 5px 8px 8px 8px;
		margin: 0 0 5px 0;
		color: #FFF;
		width: 300px;
		display: block;
		background-color: #4D1979;
		border: 2px solid #FFF;
		text-decoration: none;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;

	}


#weather ul li a:hover
	{
		color: #4D1979;
		background-color: #FFF;
		border: 2px solid #4D1979;
	}


#weather ul li sub
	{
		font-size: 1em;
		font-style: italic;
		float: left;
		color: #5a5a5a;
		margin: 5px 0 5px 0;
	}


#weather ul li div
	{
		font-size: 1.2em;
		clear: left;
		margin: 5px 0 5px 0;
	}		*/	
			
			
/* Footer */

#footer
	{
		font-size: 80%;
		height: 100px;
		line-height:20px;
		color: #525252;
		text-align: center;
		margin: 0 0 10px 0;
	}
	
	
#footer a
	{
		text-decoration: underline;
		color: #525252;
	}

	
#footer a:hover
	{
		text-decoration: none;
		color: #525252;
	}



#pageimage {
	clear: left;
	float: left;
	width: 742px;
	height: 200px;
}



#ProfileImages 
{
	width: 410px;
	margin-right: auto;
	margin-left: auto;
}


#ProfileImage2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}


#outlines {
	border: 1px solid #666666;
}


#purplebar {
	height: 9px;
	width: 100%;
	background-image: url(/images/purpletop.jpg);
	background-repeat: repeat-x;
	overflow: hidden;
}


#video {
	background-color: #999999;
	padding: 5px;
	background-position: center center;
	text-align: center;
}


.image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}


.output ul
	{
		margin: 20px auto 0 auto;
		width: 600px;
	}
	
	
.output li
	{
		float: left;
		display: inline;
		margin-right: 20px;
	}
	
	
.output a
	{
 		float: left;
 		text-align: center;
 		padding-top: 50px;
 		min-width: 50px;
 		background-position: center top;
 		background-repeat: no-repeat;
	}

	
.output a.pdf
	{
		background-image: url(/images/icons/pdf.png);
	}
	
	
.output a.dump
	{
		background-image: url(/images/icons/functional/table_48.png);
	}
	
	
.output a.merge
	{
		background-image: url(/images/icons/functional/table_green_48.png);
	}

	
.output a.email
	{
		background-image: url(/images/icons/functional/mail_write_48.png);
	}
	
	
#title-bar
	{
		width: 742px;
		height: 35px;
		margin: 0;
		padding: 0;
		color: #FFF;
		background-color: #4D1979;
		background-image: url(/images/membership/banner-small.jpg);
		background-position: right;
		background-repeat: no-repeat;
	}
	

#title-bar .title
	{
		color: #FFF;
		padding: 6px 0 0 10px;
		font-size: large;
		font-style: italic;
		font-weight: bold;
	}


.feed_icon
	{
		float: right;
		margin-top: -18px;
		margin-right: -5px;
		border: none;
	}

.feed_icon_news
	{
		float: right;
		margin-top: -15px;
		margin-right: 3px;
		border: none;
	}


input.username
	{
		width: 182px;
		background: #FFF;
		border: 1px solid #99CC00;
		font-size: 2em;
		margin: 0 0 5px 0;
	}


input.password
	{
		width: 182px;
		background-color: #FFF;
		border: 1px solid #99CC00;
		font-size: 2em;
		margin: 0 0 10px 0;
	}



	
	
	
fieldset
	{
		background-color: #FFF;
		width: 99%;
		border: 1px solid #e1e1e1;
		margin: 2px;
		padding: 5px;
	}
	
	
legend
	{
		color: #4D1979;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1em;
	}


#edited-date
	{
		float: left;
		margin: 5px;
	}
	

/* Tabs */
	
#tabs
	{
		margin: 0 0 0 0;
	}
	
	
#tabs ul
	{
		list-style: none;
		float: left;
		clear: both;
		margin: -8px -10px 0 -10px;
		padding: 0;
		border-bottom: 1px solid #43C400;
		height: 30px;
		width: 99%;
		background-image: url(/images/backgrounds/background-backpack-tabs.gif);
		background-repeat: repeat-x;
	}
	

#tabs ul li
	{
		display: inline;
	}


#tabs ul li a:link
	{
		text-decoration: none;
		color: #FFF;
		background-color: transparent;
		font-size: 0.8em;
		font-weight: bold;
		float: left;
		height: 18px;
		/*width: 80px;*/
		padding: 8px 5px 4px 5px;
		border-left: 1px solid #43C400;
		border-right: 1px solid #C0FF9F;
		margin: 0;
		vertical-align: middle;
		text-align: center;
		background-image: url(/images/backgrounds/membership/background-backpack-tabs.gif);
		background-repeat: repeat-x;
	}


#tabs ul li a.active
	{
		color: #318E00;
		background-color: transparent;
		background-image: url(/images/backgrounds/background-backpack-tabs-on.gif);
		background-repeat: repeat-x;
	}


#tabs ul li a:visited
	{
		text-decoration: none;
		color: #FFF;
		background-color: transparent;
		font-weight: bold;
		float: left;
		height: 18px;
		padding: 8px 5px 4px 5px;
		border-left: 1px solid #43C400;
		border-right: 1px solid #C0FF9F;
		margin: 0;
		vertical-align: middle;
		text-align: center;
		background-image: url(/images/backgrounds/background-backpack-tabs.gif);
		background-repeat: repeat-x;
	}


#tabs ul li a:hover
	{
		color: #318E00;
		background-color: transparent;
		background-image: url(/images/backgrounds/background-backpack-tabs-on.gif);
		background-repeat: repeat-x;
	}


/* Tabs Sub-Menu */
	
#tabs-sub-menu
	{
		margin: 0;
		float: right;
		clear: none;
	}
	
	
#tabs-sub-menu ul
	{
		list-style: none;
		width: 100%;
		margin: 5px 20px 5px 5px;
		padding: 0;
	}
	

#tabs-sub-menu ul li
	{
		display: inline;
	}

	
/* Tab - Badges */

#badge
	{
		margin: 0;
	}


#badge ul
	{
		margin: 0;
		padding: 0;
		width: 90%;
		list-style: none;
	}

#badge ul li
	{
		margin: 5px 8px 30px 0;
		float: left;
		display: inline;
		text-align: center;
	}

#badge ul li img
	{
		width: 100px;
		margin: 0 10px 0 5px;
		text-align: center;
		background: transparent url(/images/backgrounds/badge_shadow.gif) no-repeat scroll center bottom;
		padding: 5px 5px 20px 5px;
	}
	
#badge ul li h3
	{
		text-align: center;
		clear: both;
		white-space: normal;
		width: 120px;
	}
	
#badge ul li p
	{
		text-align: left;
		margin: 4px 0 0 0;
	}

	
/* Tabs - My Tools*/
	
#tabs-tools
	{
		margin: 0;
	}
	
	
#tabs-tools ul
	{
		list-style: none;
		margin: 0;
		padding: 0;

		height: 312px;
		background-image: url(/images/backgrounds/background-backpack-tabs.gif);
		background-repeat: repeat-x;
	}
	

#tabs-tools ul li
	{
		display: block;
	}


#tabs-tools ul li a:link
	{
		text-decoration: none;
		color: #318E00;
		background-color: transparent;
		font-size: 1.1em;
		height: 25px;
		padding: 10px 5px 4px 20px;
		margin: 0;
		vertical-align: middle;
		text-align: left;
		background-image: url(/images/backgrounds/background-backpack-tabs.gif);
		background-repeat: repeat-x;
	}


#tabs-tools ul li a.active
	{
		color: #318E00;
		background-color: transparent;
		background-image: url(/images/backgrounds/background-backpack-tabs-on.gif);
		background-repeat: repeat-x;
	}



#tabs-tools ul li a:hover
	{
		color: #318E00;
		background-color: transparent;
		background-image: url(/images/backgrounds/background-backpack-tabs-on.gif);
		background-repeat: repeat-x;
	}
		
	
/* popup help */

a.help, a.helpb, a.helpc
    {
    	cursor:help;text-decoration:none;
    }

a.help span , a.helpb span , a.helpc span 
    {
    	display: none;
    }

a.help:hover, a.helpb:hover, a.helpc:hover
    {
	    text-decoration:none;
	    border-right: 0px;
    }

a.help:hover span 
    {
	    display: block;
	    position: absolute;
	    margin-left:20px;
	    margin-top:20px;
	    width: 300px;
	    padding: 5px;
	    z-index: 100;
	    color: #000000;
	    background: #EEEEEE;
	    text-align: center;
	    border:1px dashed #9C0;
    }

a.helpb:hover span 
    {
	    display: block;
   		position: absolute;
	    margin-left:40px;
	    margin-top:-40px;
    	width: 300px;
    	padding: 5px;
    	z-index: 100;
    	color: #000000;
    	background: #EEEEEE;
    	text-align: center;
    	border:1px dashed #9C0;
    }

a.helpc:hover span 
    {
    	display: block;
    	position: absolute;
    	margin-left:150px;
    	margin-top:-170px;
    	width: 300px;
    	padding: 5px;
    	z-index: 100;
    	color: #000000;
    	background: #EEEEEE;
    	text-align: left;
    	border:1px dashed #9C0;
    }
	
	
/* Results Page */

#results
	{
		width: auto;
		margin: 20px 0 20px 40px;
	}

.results_row a
	{
		display: block;
		float: left;
		width: 570px;
		text-decoration: none;
		padding: 5px;
		margin: 0;
		color: #000;
		background-color: #CCFF99;
		border-bottom: 1px dashed #FFF;
		border-top: 1px dashed #FFF;
	}
	
.results_row a:hover
	{
		color: #fff;
		background-color: #4D1979;
	}
	
.results_row a strong
	{
		color: #4D1979;
	}

.results_row a:hover strong
	{
		color: #fff;
	}
	
	
	
	/* RELATED ARTICLES */

#related
	{
		font-size: 1.2em;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		color:  #000;
		background-color: #FFF;
		border: 1px solid  rgb(139,0,102);
		border-top: none;
	}
	
	
#related h2
	{
		font-size: 1.5em;
		background-color: rgb(139,0,102);
		color: #FFF;
		padding: 10px 10px 10px 15px;
		margin: 0 0 0 -1px;
		background-image: url(/images/handle/corner.gif);
		background-repeat: no-repeat;
		background-position: top left; 
	}

#related ul
	{
		margin: 0;
		padding: 10px 0 0 12px;
	}
	

#related ul li
	{
		list-style: none;
		display: block;
	}

	
#related ul li img
	{
		margin-right: 10px;
		float: left;
	}
#related h3
	{
		font-size: 1.2em;
		color: rgb(139,0,102);
		padding: 10px 10px 10px 15px;
		margin: 0 0 0 -1px;
	

	}


/* Show - Hide Switcher */
	
.show
	{
		display:inline;
	}
	
	
.hide
	{
		display:none;
	}


/* 1st Gilwell Park - Interim Styles */

#gilwell_box
	{
		margin: -15px 0 10px 0;
		width: 720px;
	}

	
#gilwell_box h2
	{
		font-size: 1em;
		height: 10px;
		width: 690px;
		border: 5px solid #FFF;
	}


#gilwell_box .switch a
	{
		float: right;
		margin: -15px 0 0 0;
		color: #FFF;
	}
	

#gilwell_box .content
	{
		width: 205px;
		float: left;
		margin: 8px 5px 10px 0;
		background-color: #F5F5F5;
		border: 5px solid #FFF;
		padding: 10px;
	}

	
#gilwell_box .content h3
	{
		font-size: 1.2em;
		color: #FFFFFF;
		background: #e9e9e9 url(/images/backgrounds/module-gradient.png) repeat-x;
		padding: 5px 10px 8px 10px;
		margin: -10px -10px 0 -10px;
	}	
	

#join-column-1
	{
		width: 520px;
		margin: 0 30px 0 0;
		float: left;
	}


#join-column-2
	{
		width: 400px;
		margin: 0;
		float: left;
	}
	
#join-column-2 input
	{
		margin: 3px 0 3px 0;
	}


#join-column-2 label
	{
		margin: -10px 0 0 0;
		padding: 0;
		display: block;
	}
	

#blog-header
	{
		font-size: 1.8em;
		color: #FFFFFF;
		background-color: #4D1979;
		padding: 10px 10px 10px 15px;
		background-image: url(/images/handle/corner.gif) no-repeat;
		margin: 0 -1px 0 -1px;
	}
	
	.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
margin:10px 0 10px 0;

}

.mypets:hover{ /*header of 1st demo*/
text-decoration:underline;
}
#feature_new {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 0 20px;
    padding: 0;
}

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #FFFFFF;
	height: 100%;
	border:3px solid #4D1979;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
	background-color: #4D1979;
	color: #FFF;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
/* skipped as I don't think you want this now that I've fixed it (baggy)
	background-image: url(/images/icons/functional/cancel_16.png);
    background-repeat: no-repeat;
*/
}

#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(/images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #4D1979;
  font-size: 1.3em;
}
#MB_caption { color: #fff }
#MB_close { color: #FFF }
#MB_close:hover { color: #df0000}


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}


.TODO {
  background: #FFFF80;
  border: 3px solid #FF0000;
  color: #5050FF;
  font-style: normal;
  font-weight: bold;
  padding: 5px;
}

.mms {
  background-color: #FFF;
 /* border: 1px solid #99CC00;*/
  font-size: 90%;
  margin: 2px 2px 10px;
  padding: 10px;
  width: 95%;
}

.mms th {
  background-color: threedface;
  border: 1px solid threedshadow;
  color: windowtext;
  font-weight: 400;
  margin: 2px;
  padding: 0px 4pt 2px;
}

.mms .roleTitle {
  border-bottom: 1px dotted #000000;
  cursor: help;
  font-weight: bold;
}

.mms .rowOdd {
  background-color: #CCFF99;
}

.mms .rowEven {
  background-color: #FFFFFF;
}

.mms .label {
  text-align: right;
}

.mms .data {
  font-weight: bold;
  text-align: left;
}

.mms .small {
  font-size: 8pt;
}

.red {
    color: #FF0000;
}

.buttonHolder {
  text-align: center;
  padding-bottom: 25px;
}

.button {
  background: #A8D425;
  background-image: url(background-backpack-tabs-main.gif);
  background-repeat: repeat-x;
  border-color: #C0FF9F rgb(67, 196, 0) rgb(67, 196, 0) rgb(192, 255, 159);
  border-style: solid;
  border-width: 1px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  text-align: center;
  vertical-align: middle;
}

.inputText {
  width: 150px;
}

.select {
  width: 150px;
}



#modules {
	width: 735px;
}

#modules .left {
	float:left;
}

#modules .right {
	float:left;
}

#modules .column33 {
  	width: 240px;
  	margin-right: 5px;
	/*margin-left:4px;
  	border-bottom:1px solid red;*/
}

#modules .column44 {
  	width:234px;
  	padding:5px 0px 30px 5px;
	/*margin-left:4px;
  	border-bottom:1px solid red;*/
	
}

#modules .column50 {
  	width:352px;
  	margin-right: 11px;
	/*margin-left:4px;
  	border:1px solid red;*/
	
}

#modules .column65 {
  	width:960px;
  	float:left;
  	height:205px;
  	padding:5px 5px 5px 5px;
  	/*border:1px solid red;*/
}

#modules .module65 {
	border:1px solid #666666;
	background-color:#CCCCCC;
	padding:3px;
	height:200px;
	width:940px;
	/*margin-left:4px;*/
}
#modules .column77 {
  	width:700px;
  	float:left;
  	height:205px;
  	padding:5px 5px 5px 5px;
  	/*border:1px solid red;*/
}

#modules .module77 {
	border:1px solid #666666;
	background-color:#CCCCCC;
	padding:3px;
	height:200px;
	width:704px;
	/*margin-left:4px;*/
	
}
#modules .column66 {
  	width:234px;
  	float:left;
  	height:205px;
  	padding:5px 0px 0px 5px;
  	/*border:1px solid red;*/
	
	}

#modules .module66 {
	width:234px;
	margin-bottom:6px;
	/*border:1px solid #4D1979;*/
	background-color:#ffffff;
	height:150px;
	
}

#modules .module {
	width: 230px;
	margin-bottom: 11px;
	/*border:1px solid #4D1979;*/
	border-top: none;
	background-color: #fff;
	/* url(/images/module-bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;*/
}

#modules .module .handle  {
	/*color:#4D1979;*/
	color:#FFFFFF;
	cursor:move;
	background-color:rgb(77,33,119);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll left -465px;
	margin: 0 -1px 0 -1px;
	font-size: 1.3em;
	font-weight: bold;
	width:218px;
}

#modules .module .handle:hover  {
	color: rgb(77,33,119);
  	cursor: move;
	background-color: #CCC;	
	background:url(/images/gradient/grad_w_corn.jpg) no-repeat scroll left -548px;
}

.emptyPlaceMarker {
	background:#eee;
	border: 2px #666 dashed;
    margin: -3px;
    _margin-left: -123px;
    *margin-left: -123px;
    z-index: 999;
}

#modules .module .handle .title {
	/*color:#4D1979;*/
	color:#FFFFFF;
	text-decoration:none;
	font-size: 1.5em;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#modules .module .handle .title:hover {
	color:#FFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#modules .module .content {
	padding:10px;
	border:1px solid #4D1979;
	width:217px;
	margin-left:-1px;
	*margin-left:0;
	*width:216px;
}

#modules .module .toggle {
  	float: right;
	padding: 6px 8px 8px 8px;
  	cursor: pointer;
	margin: 0;
}

#modules .module .toggle img {
	border:none;
}

#modules .user_module {
	border:1px solid #A3D119;
	padding:5px;
}
#main_wrapper {
	width:473px;
	float:left;
	margin-left:4px;
	background-color:rgb(255,255,255);
	margin-top:4px;
	}


 


/* Main wrapper */

#featured { 
	width:471px; 
	padding-right:248px; 
	position:relative; 
	height:250px; 
	background:#fff;
	margin-bottom: 20px;
}

/* side menu */

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:471px; 
	list-style:none; 
	padding:0; margin:0; 
	width:257px;
	font-weight:bold;	
}

#featured ul.ui-tabs-nav li{ 
	font-size:12px; 
	color:#fff;
	background-color: rgb(132,164,11);
	border-bottom:#FFFFFF solid 2px;
	list-style:none;
	height:61px;
	width:257px;
}

#featured ul.ui-tabs-nav li span{ 
	font-size:16px; font-family:Verdana; 
	line-height:20px;
	height:61px;
	display:table-cell;
	vertical-align:middle;
	width:257px;
}

#featured li.ui-tabs-nav-item a{ 
	display:block;  
	color:#fff;
	line-height:20px;
	text-decoration: none;
	padding-left:10px;
}

#featured li.ui-tabs-nav-item a:hover{ 
	text-decoration: underline;
}

#featured li.ui-tabs-selected{  
	display:table-cell;  
	color:#fff;
	background-color:rgb(77,33,119)	
}

#featured li.ui-tabs-selected a{  
	background:rgb(77,33,119); 
	color:#fff;
	line-height:20px;
	text-decoration: none;
	*padding: 5% 0 5% 10px;
	*margin-top:-1px;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a:hover{  
	text-decoration: underline;
	
}


/* Main panel */

#featured .ui-tabs-panel{ 
	width:469px; height:250px; 
	background:#999; position:relative;
}

#featured .ui-tabs-panel .info{ 
	position:absolute;
	width: 400px;
	top:160px; left:0; 
	height:70px; 
	background: rgb(77,33,119); 
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
	padding-bottom:5px;
}

#featured .info h2{
    background: none; 
	font-size:18px; font-family: Verdana, Arial, sans-serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}

#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#fff;
	font-weight:500;	
}

#featured .info a{ 
	text-decoration: none;
	color: #fff; 
}

#featured .info a:hover{ 
	text-decoration: underline; 
}

#featured .ui-tabs-hide{ 
	display:none; 
}


#button_content {
*display:block;
	*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
	
}


/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.xsmallview body
	{ /*CSS for "extra small font" setting*/
		font-size: 75%;
		line-height:75%
	}

.smallview body
	{ /*CSS for "small font" setting*/
		font-size: 65%;
		line-height:140%;
	}

.normalview body
	{ /*CSS to return page to default setting (with no additional CSS rules added)*/
	}

.largeview body
	{ /*CSS for "large font" setting*/
		font-size: 90%;
		line-height:140%;
	}

.xlargeview body
	{ /*CSS for "extra large font" setting*/
		font-size: 110%;
	}
	
#text_resizer
	{
		margin: -5px 0 0 0;
		padding: 0;
		width: 110px;
		float: right;
	}


a.texttoggler
	{ /*CSS for Text Size Toggler control*/
		margin: 0;
	}

a.texttoggler img
	{ /*CSS for Text Size Toggler control*/
		border: 1px solid #ffffff;
		margin: 0;
		padding: 0;
	}

a.texttoggler img:hover
	{ /*CSS for Text Size Toggler control*/
		border: 1px solid rgb(77,33,119);
	}

a.selectedtoggler img
	{ /*CSS for Selected Text Size Toggler control*/
		border: 1px solid rgb(77,33,119);
		margin: 0;
		padding: 0;
	}