/* 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: #000000 url(../Images/newtemplate/grad_red_top2.png);
	background-repeat: repeat;
}

#logo {
	float: left;
	width: 540px;
	padding: 10px;
}

#toplinks {
	padding: 15px 0px 15px 15px;
	float: left;
	width: 390px;
}

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: #FFFFFF;
	background-color: transparent;
	float: left;
}

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

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

#weather {
	height: 122px;
	float: right;
}

#calendar {
	float: right;
}

#people {
	float: right;
	padding-top: 43px;

}

#flash {
	width: 500px;
}

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

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;
	border-right: #ffffff 1px solid;
	float: left;
}

ul.navigationtop1 a:hover {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #872F27;
	text-decoration: none;
	border-right: #ffffff 1px solid;
	float: left;
}
 
#content {
	width: 958px;
	Margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#leftcol {
	width: 190px;
	float: left;
	padding-left: 10px !Important;

}

#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(../Images/newtemplate/grad_red3.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(../Images/newtemplate/grad_red3.png);
	background-repeat: repeat;
	padding: 4px 0px 5px 10px;
	color:#FCB827 !important;
	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(../Images/newtemplate/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: 5px 10px 10px 0px;
	line-height: 1.5em;
	width: 515px;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
}

#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: #B74134;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
}

#eventslisting  a:hover{
	color: #B74134;
	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;
	border-bottom: 1px #dddddd solid;
	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: #B74134;
	font-weight: bold;
	background-color: transparent;
	text-decoration: none;
}

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

/* Events db listing - blue finish */

/* Right area*/

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

.searchpanel {
	padding: 0px 5px 15px 5px;
	border: #cccccc 1px solid;
	background-image: url(../Images/newtemplate/grad_blue.png);
	background-repeat: repeat;
/*	color: #000000;
	background-color: #E8F3FF; */
	
}
.searchpanel a.advancedsearch {
	background: #DEEFFF url(../images/newtemplate/big-dropdown.gif) no-repeat scroll right 5px;
	float:left;
	font-size: 0.9em;
	width: 116px;
}
#search {
	padding: 0px 5px 15px 5px;
	border: #cccccc 1px solid;
	background-image: url(../Images/newtemplate/grad_blue.png);
	background-repeat: repeat;
/*	color: #000000;
	background-color: #E8F3FF; */
	
}

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

#search a.advancedsearch {
	background: #DEEFFF url(../images/newtemplate/big-dropdown.gif) no-repeat scroll right 5px;
	float:left;
	font-size: 0.9em;
	width: 116px;
}

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


#subscriptions {
	padding: 0px;
	float: left;
	border: #000000 1px solid;
	padding: 0px 0px 5px 5px;
	margin-top: 10px;
	margin-left: 0px;
}

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

#subscriptions .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: 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, #submit .button:hover, #cancel .button:hover
{
	  border-color:#FCB827;
      background:#f6f6f6; 	
} */

.fieldset  {
 	background-color: #F1D1CF;
 	color: #000000;
 	width: 170px;
 	/*height: 150px;
 	padding: 0 1em 0em 1em;*/
 	border-collapse: collapse;
 	 padding: 8px 12px 20px 12px;
 	
}

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 #cccccc;
}
*/

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

textarea { 	 
	 background-color: transparent;
	 font-family:Arial;
	 
	 
}

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

.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.title2 {
 	line-height: 1em;
	font-size: 15pt;	
}

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

h2.red {
 	line-height: 1em;

}

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

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

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: 10px; 
}

/*Members page*/

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

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

#membersbox .button {
 	color: #ffffff;
 	background: #892F27 url(../Images/newtemplate/grad_red2.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:#892F27;
	background:#f6f6f6;
	color: #000000;
} 

#membersbox2 {
	float: left;
	border: 1px solid #E6E6E6;
	background: transparent url(../Images/newtemplate/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: #892F27 url(../Images/newtemplate/grad_red2.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:#892F27;
	background:#f6f6f6;
	color: #000000;
} 

#membersbox3 {
	float: left;
	border: 1px solid #E6E6E6;
	background: transparent url(../Images/newtemplate/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: #892F27 url(../Images/newtemplate/grad_red2.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:#892F27;
	background:#f6f6f6;
	color: #000000;
} 

#membersbox4 {
	float: left;
	border: 1px solid #E6E6E6;
	background: transparent url(../Images/newtemplate/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: #892F27 url(../Images/newtemplate/grad_red2.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:#892F27;
	background:#f6f6f6;
	color: #000000;
} 



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

#membersbox5 .button {
 	color: #ffffff;
 	background: #892F27 url(../Images/newtemplate/grad_red2.png);
 	float: left;
 	background-repeat: repeat;
 	margin-left: 1px;
 	margin-top: 5px;
 	margin-bottom: 0px;
 	width: 70px;
	padding-top: 2px;
}

#membersbox5 .button:hover {
 	border-color:#892F27;
	background:#f6f6f6;
	color: #000000;
} 
.calendarleftarrow {
            background: #892F27 url(../Images/leftarrow.gif);      
            background-repeat:no-repeat      
}

.calendar {
            color: #ffffff;
            background-color: transparent;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
            font-weight: bold;
            align: center;
}

.calendar a:link, .calendar a:visited {
            color: #ffffff;
            background-color: transparent;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
            font-weight: bold;
            text-decoration: none;
            align: center;
}

.calendar a:hover { 
            color: #FFD504;
            background-color: transparent;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
            font-weight: bold;
            text-decoration: underline;
            align: center;
}


.checkBoxStyle input {width:20px; height:20px;border:none 0px;}     

#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;
}

#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;
}

#coverflow {
            width: 590px;
            height: 383px;
            text-align: left;
            padding-left: 10px;
            background: transparent;
            color: #ffdd00;
            padding-top: 10px;
}

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

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

.newsearchbox
{
	float:right
}