/*
THEME NAME: IGOO CMS
THEME URI: http://www.igoo.co.uk
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, a canvas for CSS
VERSION: 1.4
AUTHOR: ben waldron
AUTHOR URI: http://www.igoo.co.uk
TAGS: igoo, sandbox
*/

@import url('css/reset.css');


/*
---------------------------------------------------------------------------
=	HOUSEKEEPING
---------------------------------------------------------------------------
*/

html,
body
{
	
}

body
{
	font-family: "comic sans MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color:#414142;
	background-color: #fffbc3;
	text-align: center;
}

div#wrapper
{
	margin: 0 auto;
	text-align:left;
	width:960px;
	background:url('images/bg_wrapper.gif') repeat-y;
}

div#access
{
	display:none;
}

.fl	{float: left;}
.fr	{float: right;}

.cb	{clear: both;}



/*
---------------------------------------------------------------------------
=	HOME
---------------------------------------------------------------------------
*/

body.page-homepage #wrapper
{
	background: none;	
}

div#homeheader
{
	margin: 20px 0 0 0;
	height: 206px;
	position: relative;
}

div#homeheader a#login
{
	display: block;
	float: left;
	background: url(images/btn_login.gif);
	width: 87px;
	height: 38px;
}

div#homeheader a#logo
{
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -175px;
	background: url(images/logo_home.gif);
	width: 351px;
	height: 206px;
}

div#homeheader div#fontsize
{
	display: block;
	float: right;
	background: url(images/btn_fontsize.gif);
	width: 153px;
	height: 46px;
}

div#homeheader a span
{
	display: none;
}

div#homenav
{
	float: left;
	position: relative;
	width: 660px;
	height: 230px;
	margin: 0 0 0 160px;
}

div#homenav ul
{
	
}

div#homenav ul li
{
	display: block;
	position: absolute;
	bottom: 0;
}

div#homenav ul li a
{
	display: block;
}

div#homenav ul li a span
{
	display: none;
}

div#homenav ul li#members			{ left: 0;}
div#homenav ul li#support			{ right: 0px; }
div#homenav ul li#dates				{ left: 80px; }
div#homenav ul li#info				{ right: 80px; }
div#homenav ul li#groups			{ left: 210px; }

div#homenav ul li#members a			{ width: 167px; height: 163px; background: url('images/homenav_one.png'); }
div#homenav ul li#support a			{ width: 163px; height: 168px; background: url('images/homenav_five.png'); }
div#homenav ul li#dates a			{ width: 200px; height: 206px; background: url('images/homenav_two.png'); }
div#homenav ul li#info a			{ width: 200px; height: 206px; background: url('images/homenav_four.png'); }
div#homenav ul li#groups a			{ width: 228px; height: 228px; background: url('images/homenav_three.png'); }

div#homenav ul li#members a:hover	{ background-position: 0 -163px; }
div#homenav ul li#support a:hover	{ background-position: 0 -168px; }
div#homenav ul li#dates a:hover		{ background-position: 0 -206px; }
div#homenav ul li#info a:hover		{ background-position: 0 -206px; }
div#homenav ul li#groups a:hover	{ background-position: 0 -227px; }

div#navtitles
{
	font-family: "Comic Sans MS";
	float: left;
	margin-top: 10px;
	margin-left: 120px;
}

div#navtitles ul
{
	
}

div#navtitles ul li
{
	display: block;
	float: left;
	font-size: 16px;
}

div#navtitles ul li#one 	{margin-right: 20px;}
div#navtitles ul li#two 	{margin-right: 20px;}
div#navtitles ul li#three 	{margin-right: 20px;}
div#navtitles ul li#four 	{margin-right: 20px;}

div#homecontent
{
	width: 100%;
	float: left;
}

div#homecontent p
{
	display: block;
	text-align: center;
	font-family: "Comic Sans MS";
	font-size: 160%;
	padding-top: 30px;
	line-height:1.4em;
}

/*
---------------------------------------------------------------------------
=	HEADER
---------------------------------------------------------------------------
*/

div#header
{
	float:left;
	width:100%;
	height:130px;
}

div#header div#fontsize
{
	display: block;
	float: right;
	background: url(images/btn_fontsize.gif);
	width: 153px;
	height: 46px;
	margin-top: 35px;
}

div#fontsize span
{
	display: none;
}

div#fontsize ul
{
	margin:0 0 0 10px;
}
div#fontsize ul li
{
	display:block;
	float:left;
	width:43px;
	height:45px;
	margin:0;
	cursor:default;
	cursor:pointer;
}
div#fontsize ul li b
{
	display:none;
}





a#back
{
	font-size: 15px;
	color: #414142;
	text-decoration: none;
	margin: 35px 0 0 0;
	display: block;
	float:left;
	background: url(images/btn_back.gif) no-repeat 20px 0;
	height: 57px;
	width:290px;
}

a#back:hover
{
	color: #91278F;
}


a#back span
{
	padding: 0 0 0 92px;
	height:57px;
	line-height: 57px;
}

/*
---------------------------------------------------------------------------
=	H1 ICONS
---------------------------------------------------------------------------
*/

h1
{
	font-size: 300%;
}

body.pageid-6 h1.entry-title,
body.parent-pageid-6 h1.entry-title
{
	background: url(images/h1_members.gif) no-repeat;
	line-height: 1.2em;
	padding-left: 54px;
}

body.pageid-8 h1.entry-title,
body.parent-pageid-8 h1.entry-title
{
	background: url(images/h1_meetings.gif) no-repeat;
	line-height: 1.2em;
	padding-left: 51px;
}

body.pageid-10 h1.entry-title,
body.parent-pageid-10 h1.entry-title
{
	background: url(images/h1_groups.gif) no-repeat;
	line-height: 1.2em;
	padding-left: 40px;
}

body.pageid-12 h1.entry-title,
body.parent-pageid-12 h1.entry-title
{
	background: url(images/h1_info.gif) no-repeat;
	line-height: 1.2em;
	padding-left: 43px;
}

body.pageid-14 h1.entry-title,
body.parent-pageid-14 h1.entry-title
{
	background: url(images/h1_contact.gif) no-repeat;
	line-height: 1.2em;
	padding-left: 46px;
}

/*
---------------------------------------------------------------------------
=	SIDEBAR NAV ICONS
---------------------------------------------------------------------------
*/

body.pageid-6  div#nav div#submenu ul li a,		
body.parent-pageid-6 div#nav div#submenu ul li a	{display: block; height: 32px; background: url(images/icn_members.gif) no-repeat; padding: 10px 0 0 50px;}

body.pageid-8  div#nav div#submenu ul li a,     
body.parent-pageid-8 div#nav div#submenu ul li a	{display: block; height: 32px; background: url(images/icn_meetings.gif) no-repeat; padding: 10px 0 0 47px;}

body.pageid-10 div#nav div#submenu ul li a,
body.parent-pageid-10 div#nav div#submenu ul li a	{display: block; height: 32px; background: url(images/icn_groups.gif) no-repeat; padding: 10px 0 0 40px;}

body.pageid-12 div#nav div#submenu ul li a,		
body.parent-pageid-12 div#nav div#submenu ul li a	{display: block; height: 30px; background: url(images/icn_info.gif) no-repeat; padding: 10px 0 0 40px;}

body.pageid-407 div#nav div#submenu ul li a,		
body.parent-pageid-407 div#nav div#submenu ul li a	{display: block; height: 32px; background: url(images/icn_photo.gif) no-repeat; padding: 10px 0 0 50px;}

body.pageid-14 div#nav div#submenu ul li a,		
body.parent-pageid-14 div#nav div#submenu ul li a	{display: block; height: 32px; background: url(images/icn_contact.gif) no-repeat; padding: 10px 0 0 40px;}



div#nav a:hover
{
	color: #91278F;
}


.navhome	a	{display: block; height: 32px; background: url(images/icn_home.gif) no-repeat !important; padding: 10px 0 0 55px !important;}
.navmembers	a	{display: block; height: 32px; background: url(images/icn_members2.gif) no-repeat !important; padding: 10px 0 0 55px !important;}
.navmeetingsa	{display: block; height: 32px; background: url(images/icn_meetings.gif) no-repeat !important; padding: 10px 0 0 55px !important;}
.navgroups a	{display: block; height: 32px; background: url(images/icn_groups.gif) no-repeat !important; padding: 10px 0 0 55px !important;}
.navinfo a		{display: block; height: 30px; background: url(images/icn_info.gif) no-repeat !important; padding: 10px 0 0 55px !important;}
.navphoto a		{display: block; height: 30px; background: url(images/icn_photo.gif) no-repeat !important; padding: 10px 0 0 55px !important;}
.navcontact	a	{display: block; height: 32px; background: url(images/icn_contact.gif) no-repeat !important; padding: 10px 0 0 55px !important; }









/*
---------------------------------------------------------------------------
=	Meetings PAGE
---------------------------------------------------------------------------
*/

body.pageid-8 div#content div#col2 h2,
body.parent-pageid-8 div#content div#col2 h2
{
	display: block;
	margin-top: 6px;
	background: url(images/icn_minutes_download.gif) no-repeat 100% 50%;
	height: 34px;
	font-size: 26px;
	padding-bottom: 20px;
}


div#col2 ul li a
{
	display: block;
	text-decoration: none;
	font-size: 15px;
	background: url(images/icn_minutes.gif) no-repeat;
	line-height: 17px;
	padding-left: 25px;
	margin-bottom: 5px;
	color:#414142;
}

div#col2 ul li a:hover
{
	color: #91278F;
}

/*
---------------------------------------------------------------------------
=	USEFUL LINKS
---------------------------------------------------------------------------
*/


h2.usefullinks a
{
	display: block;
	float: left;
	margin-top: 20px;
	background: url(images/icn_groups.gif) no-repeat center left;
	height: 34px;
	font-size: 26px;
	padding: 0 0 0 45px;
}

/*
---------------------------------------------------------------------------
=	GROUPS PAGE
---------------------------------------------------------------------------
*/


div#content
{

}

div#content p
{
	font-size: 140%;
	line-height: 1.3em;
	margin-bottom: 14px;
}

div#content ul
{
	font-size: 140%;
	line-height: 1.3em;
	margin: 0 0 14px 16px;
	list-style-type: circle !important;
}

div#content ul li
{
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}



div#content div#col1
{
	float: left;
	width: 440px;
	margin-right: 20px;
}

div#content div#col1 ul
{
	margin: 0 0 0 15px;
	list-style-type: circle !important;
}

div#content div#col1 ul li
{
	margin: 5px 0;
	font-size: 140%;
	line-height: 1.5em;
}

div#content h2,
div#content h3
{
	font-size: 140%;
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

div#groupmembers ul 
{
	margin: 0 !important;
	list-style-type: none !important;
}

div#groupmembers ul li
{
	float: left;
	width: 100%;
	font-size: 100% !important;
	border-bottom: 1px dashed #ccc;
	margin: 15px 0 0 0;
	list-style-type: none !important;
}

div#groupmembers ul li.groupmember h2
{
	font-size: 20px !important;
	padding: 0 0 3px 0;
}

div#content img.alignleft
{
float: left;
margin: 0 10px 0 0;
}

div#content img.alignright
{
float: right;
}

div#content div#col1 div#imgcol1
{
	display: none;
	background-color: #808284;
	width: 100%;
	height: 190px;
	margin-bottom: 20px;
}

div#content h1,
div#content div#col1 h1.entry-title
{
	margin-bottom: 20px;
}

div#content h2.entry-title
{
	font-size: 200%;
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

div#content div#col2 h2
{
	margin-bottom: 20px;
}

div#content div#col2 div#imgcol2
{
	background-color: #808284;
	width: 100%;
	height: 150px;
	margin-bottom: 20px;
}

div#content div#col2
{
	float: right;
	width: 185px;
}

body.pageid-10 div#content div#col2 h2,
body.parent-pageid-10 div#content div#col2 h2
{
	display: block;
	margin-top: 6px;
	background: url(images/h2_news.gif) no-repeat;
	line-height: 1.2em;
	padding-left: 40px;
	font-size: 220%;
}

div#nav
{
	float: left;
	height: 100%;
	width: 290px;
}

div#nav a
{
	font-size: 15px;
	color: #414142;
	text-decoration: none;
}

div#nav div#submenu
{
	
}

div#nav div#submenu ul
{
	padding: 0 0 100px 20px;
}

div#nav div#submenu ul li
{
	
}

div#nav div#submenu ul li ul
{
	display: none;
}

div#content
{
	margin-left: 20px;
	float: left;
	width: 650px;
	margin-bottom: 80px;
}

a#pagelogo
{
	float: left;
	display: block;
	background: url(images/logo_small.gif);
	width: 313px;
	height: 80px;
	margin: 20px 0 0 20px;
}

a#pagelogo span
{
	display: none;
}

/*
---------------------------------------------------------------------------
=	Recent News
---------------------------------------------------------------------------
*/


ul#recentnewsitems
{
	margin: 20px 0;
}

ul#recentnewsitems li
{
	margin: 0 0 20px 0;
}

ul#recentnewsitems li a
{
	font-weight: bold;
}

ul#recentnewsitems li span.date
{
	margin: 0 0 0 25px;
}

/*
---------------------------------------------------------------------------
=	GALLERY
---------------------------------------------------------------------------
*/

div.ngg-albumoverview
{
	float:left;
	width:100%;
	margin: 30px 0;
}

div.ngg-album
{
	float:left;
	width:230px;
	margin:0 3px;
	text-align:center;
}


div.piclenselink
{
	display: none;
}

div.ngg-album div.ngg-albumtitle
{
	display:block;
	margin:0 0 10px 0;
}
div.ngg-album div.ngg-albumtitle a
{
	display:block;
	height:32px;
	line-height:1.5em;
	text-decoration:none;
	padding:8px;
	color:#00345D;
	font-weight:bold;
	font-size:16px;
}

div.ngg-album div.ngg-albumcontent
{

}

div.ngg-gallery-thumbnail-box
{
float: left;
height: 145px;
overflow: hidden;
width: 145px;
border:1px solid #ccc;
margin: 0 8px 8px 0;
}


div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail
{
}

div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail a
{
float: left;
width: 130px;
height: 130px;
margin: 8px;
overflow: hidden;
border: 0px solid green;
}

div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail a img
{
float: left;
overflow: hidden;
}


div.ngg-navigation
{
float: left;
margin: 20px 0;
font-size: 30px;
}

div.ngg-navigation a,
div.ngg-navigation span
{
text-decoration: none;
margin: 0 8px;
}

div.ngg-navigation span
{
background: #dedede;
border: 1px solid #000;
padding: 0 6px;
}

div.ngg-album div.ngg-albumcontent div.ngg-description
{
	
}
div.ngg-album div.ngg-albumcontent div.ngg-description p
{
	
}
div.ngg-album div.ngg-albumcontent div.ngg-description p strong
{
	
}


div.ngg-galleryoverview
{

}
		
div.ngg-gallery-thumbnail-box
{

}

div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail
{
	
}

div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail a
{
	
}

div.ngg-gallery-thumbnail-box div.ngg-gallery-thumbnail a img
{
	
}







/*
---------------------------------------------------------------------------
=	Old Further Info PAGE
---------------------------------------------------------------------------
*/

div#teamphotos 
{
	float: left;
	margin-top: 10px
}

div#teamphotos div.photoblocks
{
	display: block;
	width: 176px;
}

div#teamphotos div.fl
{
	margin-right: 60px;
}

div#teamphotos div.photoblocks h3
{
	font-weight: bold;
	font-size: 17px;
	padding: 5px 0 5px 0;
}

div#teamphotos div.photoblocks span.photo
{
	display: block;
	background: url(images/photo.gif);
	width: 176px;
	height: 125px;
}


/*
---------------------------------------------------------------------------
=	Further Info Page
---------------------------------------------------------------------------
*/

div#furtherinfo
{

}

div#furtherinfo .company
{
	float: left;
	width: 100%;
	border-bottom: 2px dashed #ccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}


div#furtherinfo .company img
{
	float: left;
	width: 150px;
	border: 2px solid #c0c0c0;
	padding: 3px;
	margin: 0 10px 0 0; 
}


div#furtherinfo .company h3
{
	font-size: 18px;
}

div#furtherinfo .company h3 a
{
}

div#furtherinfo .company p
{
}

div#furtherinfo .company p span
{
	float: left;
	width: 400px;
	margin: 10px 0 0 0;
}


/*
---------------------------------------------------------------------------
=	CONTACT PAGE
---------------------------------------------------------------------------
*/

div.form
{

}

div.form form
{
font-size: 14px;
}

div.form form legend
{
display: none;
}

div.form form ol
{

}

div.form form ol li
{
float: left;
margin: 20px 0 0 0;
width:100%;
}

div.form form ol li label
{
float: left;
clear: right;
margin: 0 0 4px 0;
font-weight: bold;
}



div.form form ol li input
{
float: left;
border: 1px solid #ccc;
clear: left;
width: 250px;
padding: 4px 2px;
background: #fff;
}

div.form form ol li textarea
{
float: left;
border: 1px solid #ccc;
clear: left;
width: 400px;
padding: 4px 2px;
margin: 0 0 20px 0;
background: #fff;
}


.screenreader
{
	display: none;
}

.submit
{
border: 2px solid #000;
background: #F9ED33;
text-align: center;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 30px;
cursor: default;
cursor: pointer;
}

.submit:hover
{
background: #fff;
}

/*
---------------------------------------------------------------------------
=	FOOTER
---------------------------------------------------------------------------
*/

div#homefooter
{
	float: left;
	width: 100%;
	height: 290px;
	background: url(images/city.gif);
	color: #000;
	margin-top: 20px; 
}

div#homefooter p
{
	padding-top: 240px;
}

div#homefooter p.fl
{
	margin-left: 20px;
}

div#homefooter p.fr
{
	margin-right: 20px;
}

div#homefooter p a
{
	text-decoration: none;
	color: #9BCA59
}

/*
---------------------------------------------------------------------------
=	FOOTER
---------------------------------------------------------------------------
*/
	
div#footer
{
	width:100%;
	clear:both;
	height: 25px;
	background-color: #a2a072;
}