﻿/* 
	
	BOYS' BRIGADE 
	COLOUR SCHEME

	Blue		=	#135
	Yellow		=	#FB3
	Red			=	#C22
	Green		=	#270
	Background	=	#EEF0F2
	Border		=	#B2BAC6
	Sidebar		= 	#858B93
 												*/

#page { width:950px; margin:0 auto; } 
body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; background:#EEF0F2 url('background_default.gif') no-repeat center top; }

/* GLOBAL MENU AT TOP */
#global_menu { background:#fff; border:10px solid #B2BAC6; border-top:none; padding:40px 15px 10px 15px; }
	.gm_title { font-weight:normal; cursor:pointer; background:#fff url('gm_title.gif') no-repeat center left; float:left; width:260px;text-align:left; color:#c22; padding-left:40px; }
	.gm_title strong { color:#135; font-size:large; }
	.gm_menu { float:right; text-align:right; width:590px; }
	.gm_menu { margin-top:10px; font-size:medium; }
	.gm_menu a { background:#EEF0F2; color:#135; padding:2px 5px; margin-right:5px; }
	.gm_menu a:hover { background:#135; color:#fff; }
	.gm_menu form { display:inline; }
	.gm_menu input[type=text] { background:#EEF0F2; color:#C22; padding:2px 5px; margin-right:-2px;border :1px solid #C22; }
	.gm_menu input[type=submit] { background:#C22; color:#fff; padding:0px 0px; margin-right:5px; border:2px solid #C22; }
	#global_menu p { margin:0; }
	#global_menu h1 { margin:0; font-size:12px; }
	#global_menu a { text-decoration:none; }

/* CUSTOM SEARCH BOX */
#cse-search-box
	#cse-search-box input[type=text] { background:#EEF0F2; color:#C22; padding:2px 5px; margin-right:-2px;border :1px solid #C22; }
	#cse-search-box input[type=submit] { background:#C22; color:#fff; padding:0px 0px; margin-right:5px; border:2px solid #C22; }


/* MAIN CONTENT AREA */
#content { background:#fff; border:10px solid #B2BAC6; padding:0; min-height:500px; line-height:1.6em; }
	#content h1 { color:#C22; border-left:25px solid #C22;  font-size:30px; text-align:left; margin:10px 0 10px 0; padding:2px 6px; text-transform:uppercase }
	#content h2 { color:#C22; border-bottom:3px solid #C22; font-size:18px; margin:10px 0 ; padding:3px 0; }
	#content p { text-align:justify; margin:0 0 10px 0;}
	#content a { color:#C22; text-decoration:none; border-bottom:1px dotted #C22; }
	#content a:hover { border-bottom-style:solid;  }

.sidebar {}
	.sidebar h2 { color:#858B93!important; border-bottom-color:#858B93!important; }

#oneA { padding:10px 20px; }

#oneB { padding:10px 20px; text-align:left; }

#twoA { padding:10px 20px; text-align:left; }
	#twoA .left {float:left; width:435px; }
	#twoA .right { float:right; width:435px; }

#old_layout { margin:10px auto; width:650px; text-align:left; }
	#old_layout .left { float:left;  width:180px; } 
	#old_layout .left a img { filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; }
	#old_layout .left a:hover img { filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; }
	#old_layout .right { float:right;  width:450px;  } 
	#old_layout .left50 { float:left; width:315px;   }
	#old_layout .right50 { float:right; width:315px;  }
	#old_layout .one { margin:20px 10px;}
	#old_layout .left h2 { color:#858B93; border-bottom:3px solid #858B93; font-size:16px; margin:10px 0 10px 0; text-transform:uppercase;  } 
	#old_layout .right h2, .one h2, .left50 h2, .right50 h2 { text-transform:uppercase;  color:#C62C2E;  border-bottom:3px solid #C62C2E; font-size:16px; margin:10px 0 10px 0; } 
	#old_layout .right h2 a, .one h2 a, .left50 h2 a, .right50 h2 a { color:#C62C2E!important; } 
	#old_layout .right h2 a:hover, .one h2 a:hover, .left50 h2 a:hover, .right50 h2 a:hover  { color:#C62C2E; text-decoration:underline!important; } 
	#old_layout .right h3, .one h3, .left50 h3, .right50 h3  { color:#15355C; font-size:14px; } 


#threeA { text-align:left; padding:10px 0; }
	#threeA .left { float:left; width:200px; margin:0 20px; }
	#threeA .right { float:right; width:200px; margin:0 20px; }
	#threeA .main { margin:0 240px; }

#threeB { text-align:left; padding:10px 0; }
	#threeB .left { float:left; width:200px; margin:0 20px; }
	#threeB .right { float:right; width:325px; margin:0 20px; }
	#threeB .main { margin:0 365px 0 240px; }

#threeC { text-align:left; padding:10px 0; }
	#threeC .left { float:left; width:545px; margin-left:20px; }
	#threeC .left .leftin { float:left; width:200px; }
	#threeC .left .rightin { float:right; width:325px; }
	#threeC .left .top { margin-bottom:10px; margin-top:-10px; }
	#threeC .right { float:right; width:325px; margin-right:20px;  }

#threeD { text-align:left; padding:10px 0; }
	#threeD .left { float:left; width:180px; margin:0 20px; }
	#threeD .right { float:left; width:180px; margin:0; }
	#threeD .main { float:right; width:490px; margin:0 20px 0 0; }


.clear { clear:both; }
.centre {text-align:center!important; }
.graphic_spacer { display:block; clear:both; width:100%; height:20px;}
a .graphic_spacer span { color:#135; background:#fff; padding:2px 5px; text-decoration:none!important; }
.feed { display:block; height:17px; width:17px; background:#EE7700 url('feed.gif') no-repeat center center; float:right; cursor:pointer;}
.blog .fdpoweredby { display:none; visibility:hidden; }




/* 
body { background-image:url('/images/christmas-banner.png'); }
.graphic_spacer { height:120px;} */





#twitter_div {}
#twitter_div ul, #twitter_div li { list-style-type:none; margin:0 0 10px 0; padding:0; }

























































#footer { padding:10px 10px 15px 10px;  text-align:right;color:#000000; }
#footer p { margin-bottom:0; margin-top:10px; color:#959BA5;}
#footer a { color:#959BA5;text-decoration:none; padding:3px 6px; margin:-3px -6px;}
#footer a:hover { background:#959BA5;color:#ffffff;text-decoration:none; }
.post { margin-bottom:20px; }
.post img { padding:5px; margin:5px; background:#eeeeee; border:0px solid #bbbbbb; }
.centre { text-align:center; }
.clear, .space { clear:both; } .span { margin:0 -10px;}
.small { font-size:85%; }
.blogger-labels { font-size:80%; color:#999999; } .blogger-labels a { color:#999999; }
.post-footer { padding:5px 10px; background:#eeeeee; }
#poppy { position:fixed; top:0; right:0; padding:120px 20px 0 0;}
.keith { margin:40px 0; margin:20px; font-size:x-small; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.keith a { padding:3px 6px; border:1px solid #959BA5; color:#959BA5; text-decoration:none; }
.keith a:hover { border:1px solid #15355C; color:#15355C; }
#navbar-iframe { filter:alpha(opacity=40); opacity: 0.4; -moz-opacity:0.4; }
.blogmenu h3 { margin:5px 0 0 0; }
.blog-latest h3 { color:#267F01; }
.blog-archives h3 { color:#15355C; }
.blog-feed h3 { color:#FFB63B; }
.blog-menu h3 { color:#C62C2E; }
.blogmenu p { border-top:1px solid #ccc; line-height:1em; margin:0; text-align:left!important; }
.blogmenu .padding { margin:0; padding:5px; background:#f7f7f7; }
.blogmenu p a { display:block; margin:0; padding:5px; background:#f7f7f7; text-decoration:none!important; border-bottom:1px solid #ccc!important;  }
.blogmenu p a:hover { background:#fff; color:inherit; text-decoration:underline!important; }
.blog-latest p a { color:#267F01!important; }
.blog-archives p a {  color:#15355C!important; }
.blog-feed p a {  color:#FFB63B!important; }
.blog-menu p a { color:#C62C2E!important; }
p.object { border-top:10px solid #EEF0F2; color:#C62C2E; margin:20px 20px 0 20px; padding:20px; text-transform:uppercase; font-size:10px; }
.fdpoweredby { float:right; }
/* p.feed-meta { margin:0; padding:0;text-transform:uppercase; font-size:80%; }
div.feed-post { background:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:10px 0; padding:0px 10px 0 10px;} */







/* BLOG AND MENUS */
.mainmenu { margin-top:10px; padding:0 10px 0 0; }
.mainmenu p a { display:block; margin:0 0 10px 0; padding:5px 10px; font-size:medium; background:#EEF0F2; color:#C22!important; border:none!important; font-weight:bold; }
.mainmenu p a:hover { text-decoration:underline!important; }
.mainmenu p a.selected { margin-left:10px; margin-right:-10px; color :#fff!important; background:#C22!important; }

.submenu { margin-top:10px; padding:20px 10px 0 0; }
.submenu p a { display:block; margin:0 0 10px 0; padding:2px 5px; background:#EEF0F2; color:#135!important; border:none!important;}
.submenu p a:hover { text-decoration:underline!important;  }
.submenu p a.selected { margin-left:5px; margin-right:-5px; color :#fff!important; background:#135!important; }



.smenu h3 { margin:5px 0 0 0; }
.menu-green h3 { color:#267F01; }
.menu-blue h3 { color:#15355C; }
.menu-yellow h3 { color:#FFB63B; }
.menu-red h3 { color:#C62C2E; }
.smenu p { border-top:1px solid #ccc !important; line-height:1em; margin:0; text-align:left!important; }
.smenu .padding { margin:0; padding:5px; background:#f7f7f7; }
.smenu p a { display:block; margin:0; padding:5px; background:#f7f7f7; text-decoration:none!important; border-bottom:1px solid #ccc !important;  }
.smenu p a:hover { background:#fff; color:inherit; text-decoration:underline!important; }
.menu-green p a { color:#267F01!important; }
.menu-blue p a {  color:#15355C!important; }
.menu-yellow p a {  color:#666666!important;  }
.menu-red p a { color:#C62C2E!important; }
.menu-green p a:hover { border-bottom-color:#267F01!important; }
.menu-blue p a:hover { border-bottom-color:#15355C!important; }
.menu-yellow p a:hover { border-bottom-color:#FFB63B!important;  }
.menu-red p a:hover { border-bottom-color:#C62C2E!important; }


h1 a, h2 a { border-bottom:none!important; }
h1 a:hover, h2 a:hover { border-bottom:none!important; }


















/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
 /*border-top: 5px solid #C62C2E;Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin:0 0 10px 0;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.modernbricksmenu2 a{
float: left;
display: block;
color: #000!important;
text-decoration: none;
margin: 0 5px 0 0; /*Margin between each menu item*/
padding: 0px 5px;
text-decoration:none!important;
background-color: #EEF0F2; /*Brown color theme*/ 
border-bottom:none!important;
border-top: 5px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #EEF0F2; /*Brown color theme*/ 
color:#000!important;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #858B93; 
color:#fff!important;
border-color: #858B93;
}
.tabcontent_container {
	background-color:#fff; 
	margin:20px 0 0 0;
}

.tabcontent{
border:1px solid #C62C2E;
border-bottom-width:7px;
height: 200px;
display:none;
padding: 5px; 
overflow:hidden;
}


.infobox { float:left; width:180px; padding-left:10px; text-align:left; }
.youtube { float:right; width:330px; text-align:right; }
.tabcontent h2 { font-size:16px;margin:40px 0 0 0; text-transform:uppercase; }
.tabcontent p { margin:5px 0 20px 0; text-align:left!important;}
.green h2 { color:#257E01!important; border-bottom-color:#257E01!important; }
.red h2 { color:#C62C2E!important; border-bottom-color:#C62C2E!important; }
.blue h2 { color:#15345C!important; border-bottom-color:#15345C!important; }
.yellow h2 { color:#FB3!important; border-bottom-color:#FB3!important; }
.green a { color:#257E01!important; border-bottom-color:#257E01!important; }
.red a { color:#C62C2E!important; border-bottom-color:#C62C2E!important; }
.blue a { color:#15345C!important; border-bottom-color:#15345C!important; }
.yellow a { color:#000000!important; border-bottom-color:#000000!important; }
.green { border-color:#257E01!important; }
.red { border-color:#C62C2E!important; }
.blue { border-color:#15345C!important; }
.yellow { border-color:#FB3!important; }


@media print {
	.tabcontent {
	display:block !important;
	}
}

