/* Bolton Life CSS */

html,head,body,div,table,form,ul,li,a {margin: 0; padding: 0}

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: transparent;
}
#container { 
	width: 978px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

a:link, a:visited{
	color: black;
	background-color: transparent;
	text-decoration: underline;
}

a:hover{
	color: #B74134;
	background-color: transparent;	
	text-decoration: underline;
}

#masthead  {
	width: 100%;
	display: block;
	background-color: #ffffff; /*url(grad_orange1_top.png);
	background-repeat: repeat; */
	color: #000000;
}

#logo {
    margin: 0px;
	padding: 0px;
}

#toplinks {
	padding: 10px 0px 15px 5px;
	float: left;
	width: 347px;
}

ul.toplinks1 {
    margin: 0 auto;
	padding: 0px;

}

ul.toplinks1 li {
    text-align: right;
    float: left;
    list-style: none;
    margin: 0 auto;
	padding: 0px;
}

ul.toplinks1 a:link, ul.toplinks1 a:visited {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #9C4B1B;
	background-color: transparent;
	float: left;
}

ul.toplinks1 a:hover {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #9C4B1B; 
	background-color: transparent;
	text-decoration: underline;
	float: left;
}

#topright_panel {
	padding: 15px 15px 0px 15px;
	float: right;
	width: 443px;
}

#weather {
	height: 122px;
	float: right;
	width: 100%;
}

#calendar {
	float: right;
	margin-top: -10px;
	background: url(../../Images/yb/Calender.png) no-repeat;
	height: 157px;
	width: 231px;
}
#calendar table
{
	position: relative;
	z-index: 888;
	top: 3px;
	left: 25px;
}

#calendar .hide
{
	display: none;
}
#calendar .calHeader
{
	left: 0;
}
#calendar .nextprevstyle
{
	padding-left:10px;
}


#people {
	float: right;
	padding-top: 3px;
}

#flash {
	width: 400px;
}

#flashcontent {
	margin-left: 6px; 
	margin-top: 4px;
	margin-right: 7px !important; 
}

#grass {
	margin-top: 34px;
	padding: 0;
	width: 100%;
	height: 105px;
	background: url(../../Images/yb/background-grass2.png) no-repeat scroll center top;
	z-index: 11;
}

#navigationtop {
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
	background-color: #6DAB26;/*url(grad_orange.png);
	background-repeat: repeat;
	border-top: 1px #ffffff solid; */
	float: left;
	color: #000000;
}

ul.navigationtop1 {
    margin: 0 auto;
	padding: 0px;

}

ul.navigationtop1 li{
    text-align: left;
    float: left;
    list-style: none;
    margin: 0 auto;
	padding: 0px;
}

ul.navigationtop1 a:link, ul.navigationtop1 a:visited {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	float: left;
}

ul.navigationtop1 a:hover {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #000000;
	background: transparent;
	text-decoration: underline;
	float: left;
}
 
#content {
	width: 958px;
	Margin-top: 20px;
	padding: 0px 0px 0px 0px;
}

#leftcol {
	width: 190px;
	float: left;
	margin-top: 15px;
	padding-left: 10px !Important;
}

#leftcol a:link, #leftcol a:visited{
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
}

#leftcol a:hover{
	color: #ffffff !important;
	background-color: transparent;	
	text-decoration: underline;
	
}

#navigationleft {
	width: 100%;
	padding: 0px 0px 10px 0px;

}

ul.navigationleft1 {
    margin: 0 auto;
	padding: 0px;

}

ul.navigationleft1 li{
    text-align: left;
    list-style: none;
    margin: 0 auto;
	padding: 0px;
}

ul.navigationleft1 a:link, ul.navigationleft1 a:visited {
	display: block;
	background-image: url(grad_orange1.png);
	background-repeat: repeat;
	padding: 4px 0px 5px 10px;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	border-bottom: #ffffff 1px solid;
	width: 180px;
}

ul.navigationleft1 a:hover {
	display: block;
	background-image: url(grad_orange1.png);
	background-repeat: repeat;
	padding: 4px 0px 5px 10px;
	color: #FFD62F;
	background-color: transparent;
	border-bottom: #ffffff 1px solid;
	width: 180px;
}

/*#navigationleft {
	width: 100%;
	padding: 0px 0px 10px 0px;

}

#navigationleft  a:link, #navigationleft  a:visited {
	display: block;
	background-image: url(grad_red3.png);
	background-repeat: repeat;
	padding: 4px 0px 5px 10px;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	border-bottom: #ffffff 1px solid;
}

#navigationleft  a:hover{
	display: block;
	background-image: url(grad_red3.png);
	background-repeat: repeat;
	padding: 4px 0px 5px 10px;
	color:#FCB827;
	background-color: transparent;
	border-bottom: #ffffff 1px solid;
}*/

#members {
	padding: 0px 5px 5px 5px;
	border: #000000 1px solid;
}

#members .picture {
	float: left;
	margin-left: -6px; 
}

#members .button {
 color: #000000;
 background: #FCB827 url(grad_orange.png);
 background-repeat: repeat;
 margin-top: 0px;
 margin-bottom: 0px;
 width: 170px;
}

/* middle area */

#middle {
	width: 530px;
	float: left;
	padding: 0px 0px 0px 15px;
}

/* Events db listing */

#eventslisting {
	float: left;
	padding: 2px 10px 10px 0px;
	line-height: 1.5em;
	width: 515px;
	background: url(../../Images/yb/line.gif) no-repeat scroll left bottom;
}

#eventslisting .image {
	float: left;
	width: 79px;
	padding: 10px 7px 7px 0px; 
}

#eventslisting .text {
	float: left;
	width: 429px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#eventslisting .title {
	padding: 0px;
}

#eventslisting .date {
	padding: 0px;
	font-weight: bold;
}

#eventslisting .info {
	padding: 0px;
}

#eventslisting .venue {
	padding: 0px;
	font-weight: bold;
}

#eventslisting .cost {
	padding: 0px;
}

#eventslisting .contact {
	padding: 0px;
}

#eventslisting .website {
	padding: 0px;
}

#eventslisting  a:link, #eventslisting  a:visited{
	color: #C0431F;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
}

#eventslisting  a:hover{
	color: #C0431F;
	font-weight: bold;
	background-color: transparent;	
	text-decoration: underline;
}

/* Events db listing - blue */

#eventslisting2 {
	float: left;
	padding: 5px 10px 10px 0px;
	line-height: 1.5em;
	background: url(../../Images/yb/line.gif) no-repeat scroll left bottom;
	width: 515px;
}

#eventslisting2 .image {
	float: left;
	width: 79px;
	padding: 10px 7px 7px 0px; 
}

#eventslisting2 .text {
	float: left;
	width: 429px;;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#eventslisting2 .title {
	padding: 0px;
}

#eventslisting2 .date {
	padding: 0px;
	font-weight: bold;
}

#eventslisting2 .info {
	padding: 0px;
}

#eventslisting2 .venue {
	padding: 0px;
	font-weight: bold;
}

#eventslisting2 .cost {
	padding: 0px;
}

#eventslisting2 .contact {
	padding: 0px;
}

#eventslisting2 .website {
	padding: 0px;
}

#eventslisting2  a:link, #eventslisting2  a:visited{
	color: #C0431F;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
}

#eventslisting2  a:hover{
	color: #C0431F;
	font-weight: bold;
	background-color: transparent;	
	text-decoration: underline;
}

.line {
	background: url(../../Images/yb/line.jpg) no-repeat;
	height: 6px;
}

/* Events db listing - blue finish */

/* Right area*/

#right {
	width: 190px;
	float: left;
	padding: 0px 0px 0px 15px;
}	

.searchpanel {
	padding: 1px 5px 15px 5px;
	background-image: url(../../Images/yb/new_orange.png);
	background-repeat: no-repeat; 
/*	color: #000000;
	background-color: #E8F3FF; */
	
}
.searchpanel a.advancedsearch 
{
	background: #fbb490 url(../../Images/yb/big-dropdown.gif) no-repeat scroll right 5px;
	float:left;
	font-size: 0.9em;
	width: 116px;
	color: #000000;
	background: transparent;
}


.searchpanel a.advancedsearch:hover {
	background: #fbb490 url(../../Images/yb/big-dropdown.gif) no-repeat scroll right 5px;
	float:left;
	font-size: 0.9em;
	width: 116px;
	color: #000000;
	text-decoration: none;
	background: transparent;
}

.checkBoxStyle input {width:20px; height:20px;border:none 0px; background-color:#fbb490; color:Black;ca}     

#search {
	padding: 1px 5px 15px 5px;
	background-image: url(../../Images/yb/new_orange.png);
	background-repeat: no-repeat; 
/*	color: #000000;
	background-color: #fbb490; */
	
}

#searchtoggle {
	width: 100%;
	padding: 15px 0px 10px 0px;
}

#search a.advancedsearch {
	background: #fbb490 url(../../Images/yb/big-dropdown.gif) no-repeat scroll right 5px;
	float:left;
	font-size: 0.9em;
	width: 116px;
	color: #000000;
	background: transparent;
}

#search a.advancedsearch:hover {
	background: #fbb490 url(../../Images/yb/big-dropdown.gif) no-repeat scroll right 5px;
	float:left;
	font-size: 0.9em;
	width: 116px;
	color: #0000000;
	text-decoration: none;
	background: transparent;
}

#searchpic {
	float: left;
	margin-top: 10px;
	padding: 5px;
}


#subscriptions {
	float: left;
	padding: 0px 0px 0px 0px !important;
	margin-top: 10px;
	margin-left: 5px;
	background: url(../../Images/yb/border-register.png);
	background-repeat: no-repeat;
	width: 190px;
	height: 292px;
}

#subscriptions .subpic {
	float: left;
	margin-left: -5px;
}

#subscriptions .button {
 	color: #000000;
 	background: #FCB827 url(grad_orange.png);
 	float: left;
 	background-repeat: repeat;
 	margin-left: 1px;
 	margin-top: 5px;
 	margin-bottom: 0px;
 	width: 177px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* styles */

.boxedblack {
	color: black;
	background-color: transparent;
	border-style:solid;
	border-width: 1px;
	padding-left:7px;
	padding-right:7px;
	padding-top:8px;
	padding-bottom:8px;
}

.shadedred {
	color:#fff;
	background-color: #B94035;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.redtext {
	color: #B94035;
	background-color: transparent;
}

/* form  */

input:hover, textarea:hover, input.search:hover, #members .button:hover, 
#subscriptions .button:hover {
	background:#f6f6f6;
} 



label {
 	color: #000000;
 	background-color: transparent;
 	width: 220px;
}

select {
 	border: 1px solid #cccccc;
 	background-color: #ffffff;
	color: #333333;
 	width: 170px;
}

/*input {
 	width: 170px;
 	background-color: #ffffff;
 	color: #333333;
 	border: 1px solid #F66013;
}
*/

input.search {
 	width: 135px;
	background-color: #ffffff;
	color: #333333;
 	border: 1px solid #F66013;
}

textarea {
 	width: 170px;
	 background-color: transparent;
	 color: #102132;
	 border: 1px solid #FCB827;
}

.button {
 	color: #000000;
 	background: #FCB827 url(../../Images/yb/grad_orange.png);
	background-repeat: repeat;
	margin-top: 0px;
 	margin-bottom: 0px;
	width: 33px;
	border: #F66013 1px solid;
}

#submit .button {
            color: #000000;
            background: #FCB827 url(../Images/newtemplate/grad_orange.png);
            float: left;
            background-repeat: repeat;
            margin-left: 1px;
            margin-top: 5px;
            margin-bottom: 0px;
            width: 70px;
            padding-top: 2px;
	    border: #F66013 1px solid;
}

#cancel .button {
            color: #000000;
            background: #FCB827 url(../Images/newtemplate/grad_orange.png);
            float: left;
            background-repeat: repeat;
            margin-left: 1px;
            margin-top: 5px;
            margin-bottom: 0px;
            width: 70px;
            padding-top: 2px;
	    border: #F66013 1px solid;
}


.hidden {
 position: absolute; 
 left: -999em;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

h2.title {
 	line-height: 1em;
	font-size: 15pt;
}

h2.black {
 	line-height: 1em;
	font-size: 12pt;
}

h2.red {
 	line-height: 1em;
	font-size: 12pt;
}

h2.purple {
 	line-height: 1em;
	font-size: 12pt;
}

h2.orange {
 	line-height: 1em;
	font-size: 12pt;
}

h3.black {
 	line-height: 1em;
	font-size: 11pt;
}

h2.navigation  {
	line-height: 1em;
	font-size: 11pt;  
	padding-top: 3px;
}

h1 {
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

.copyright {
	font-size: 0.9em;
	color: #666666;
	background-color: transparent;
	padding: 10px 10px 0px 10px;
}

.copyright a:link, .copyright a:visited {
	font-size: 0.9em;
	color: #666666;
	background-color: transparent;
	padding: 10px 10px 0px 10px;
	text-decoration: none;
}

.copyright a:hover {
	font-size: 0.9em;
	color: #666666;
	background-color: transparent;
	padding: 10px 10px 0px 10px;
	text-decoration: underline;
}

div.first, p.first { 
	margin-top: -6px; 
}

/*Members page*/

#memberscolumns  {
	float:left;
	width: 515px;
}

#membersbox {
	float: left;
	border: 1px solid #E6E6E6;
	background: transparent url(grad_grey.png);
	background-repeat: repeat;
	height:135px;
	width: 240px;
	padding: 0px 5px 25px 5px;
}

#membersbox .button {
 	color: #ffffff;
 	background: #6F6A83 url(grad_purple.png);
 	float: left;
 	background-repeat: repeat;
 	margin-left: 1px;
 	margin-top: 5px;
 	margin-bottom: 0px;
 	width: 121px;
	padding-top: 2px;
}

#membersbox .button:hover {
 	border-color:#6F6A83;
	background:#f6f6f6;
	color: #000000;
} 

#membersbox2 {
	float: left;
	border: 1px solid #E6E6E6;
	background: transparent url(grad_grey.png);
	background-repeat: repeat;
	height:135px;
	width: 240px;
	margin: 0px 0px 15px 10px;
	padding: 0px 5px 25px 5px;
}

#membersbox2 .button {
 	color: #ffffff;
 	background: #6F6A83 url(grad_purple.png);
 	float: left;
 	background-repeat: repeat;
 	margin-left: 1px;
 	margin-top: 5px;
 	margin-bottom: 0px;
 	width: 135px;
	padding-top: 2px;
}

#membersbox2 .button:hover {
 	border-color:#6F6A83;
	background:#f6f6f6;
	color: #000000;
} 

#membersbox3 {
	float: left;
	border: 1px solid #E6E6E6;
	background: transparent url(grad_grey.png);
	background-repeat: repeat;
	height:135px;
	width: 240px;
	margin: 0px 0px 15px 0px;
	padding: 0px 5px 25px 5px;
}

#membersbox3 .button {
 	color: #ffffff;
 	background: #6F6A83 url(grad_purple.png);
 	float: left;
 	background-repeat: repeat;
 	margin-left: 1px;
 	margin-top: 5px;
 	margin-bottom: 0px;
 	width: 70px;
	padding-top: 2px;
}

#membersbox3 .button:hover {
 	border-color:#6F6A83;
	background:#f6f6f6;
	color: #000000;
} 

#membersbox4 {
	float: left;
	border: 1px solid #E6E6E6;
	background: transparent url(grad_grey.png);
	background-repeat: repeat;
	height: 135px;
	width: 240px;
	margin: 0px 0px 15px 10px;
	padding: 0px 5px 25px 5px;
}

#membersbox4 .button {
 	color: #ffffff;
 	background: #6F6A83 url(grad_purple.png);
 	float: left;
 	background-repeat: repeat;
 	margin-left: 1px;
 	margin-top: 5px;
 	margin-bottom: 0px;
 	width: 76px;
	padding-top: 2px;
}

#membersbox4 .button:hover {
 	border-color:#6F6A83;
	background:#f6f6f6;
	color: #000000;
} 

/* coverflow */

#coverflow {
	width: 398px;
	height: 190px;
	text-align: left;
	padding-left: 10px;
	background: #ffffff;
	color: black;
	padding-top: 10px;
}

#coverflow a:link, #coverflow a:visited {
	text-decoration: underline;
	color: black;
	background-color: transparent;
	float: left;
}

#coverflow a:hover {
	color: black; 
	background-color: transparent;
	text-decoration: underline;
	float: left;
}

.greenbutton {
	color: #ffffff;
	background: #00793B url(../../Images/yb/greenbutton.png);
	height: 56px;
	padding: 5px 0px 0px 10px;
	margin-bottom: 5px;
}

.brownbutton {
	color: #ffffff;
	background: #A04D16 url(../../Images/yb/brownbutton.png);
	height: 56px;
	padding: 5px 0px 0px 10px;
	margin-bottom: 5px;
}
.lightbluebutton {
	color: #ffffff;
	background: #0083D7 url(../../Images/yb/lightblue.png);
	height: 56px;
	padding: 5px 0px 0px 10px;
	margin-bottom: 5px;
}
.redbutton {
	color: #ffffff;
	background: #992822 url(../../Images/yb/redbutton.png);
	height: 56px;
	padding: 5px 0px 0px 10px;
	margin-bottom: 5px;
}

.orangebutton {
	color: #ffffff;
	background: #F66013 url(../../Images/yb/orangebutton.png);
	height: 39px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.tealbutton {
	color: #ffffff;
	background: #009A91 url(../../Images/yb/tealbutton.png);
	height: 39px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.bluebutton {
	color: #ffffff;
	background: #009A91 url(../../Images/yb/bluebutton.png);
	height: 39px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.green2button {
	color: #ffffff;
	background: #96A017 url(../../Images/yb/green2button.png);
	height: 39px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.orangebutton {
	color: #ffffff;
	background: url(../../Images/yb/orangebutton.png);
	background-repeat: no-repeat;
	height: 47px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.tealbutton {
	color: #ffffff;
	background: url(../../Images/yb/tealbutton.png);
	background-repeat: no-repeat;
	height: 47px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.bluebutton {
	color: #ffffff;
	background: url(../../Images/yb/bluebutton.png);
	background-repeat: no-repeat;
	height: 47px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.green2button {
	color: #ffffff;
	background: url(../../Images/yb/green2button.png);
	background-repeat: no-repeat;
	height: 47px;
	padding: 10px 0px 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

.fieldset  {
 	background: url(../../Images/yb/orangebackground.png);
 	background-repeat: no-repeat;
 	color: #000000;
 	width: 170px;
 	height: 165px;
 	/*padding: 0 1em 0em 1em;*/
 	border-collapse: collapse;
 	 padding: 8px 12px 20px 12px;
 	
}


.youngactivitymore
{
        float:right;
        margin-bottom:10px;
        background: #ffffff url(../../Images/yb/more.jpg) no-repeat;
        display: block;
        width: 58px;
        height: 28px;
        text-decoration: none !important;
}