/* -------------right main-------------*/
.rightmain {
float: right;
width: 220px;
border: 1px solid black;
background-color: #faf9ef;
padding: 0px 6px 3px 6px;
margin: 4px 0px 6px 1px;
border-collapse: separate;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
-webkit-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
 }
 
.rightmain p {
margin-top: .2em;
line-height: 1.1;
margin-bottom: .2em;
font-size: 0.85em;
font-family: verdana, sans-serif;
font-weight: normal;
 }
 
.rightmain h2 {
margin-top: 0.5em;
margin-bottom: .2em;
margin-left: 0;
margin-right: 0;
color: #000000;
font-family: verdana, sans-serif;
font-size: 1.0em;
font-weight: normal;
border-bottom: 1px solid black; }

#links p {
margin-top: .3em;
line-height: 1.1;
margin-bottom: .3em;
font-size: 0.85em;
font-family: verdana, sans-serif;
font-weight: normal; }

/* -------------responsive columns-------------*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*framing*/
.colframe {
	border: 1px solid grey;
	padding: 0 0.2em 0 0.2em;
	margin: 0 0 0.7em 0; }
	
/* For IE 6/7 
.group { zoom:1; }*/

/*  GRID OF TWO   */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 49.2%; }

/*  GRID OF THREE  */
.span_3_of_3 { 	width: 100%; }
.span_2_of_3 { 	width: 66.1%; }
.span_1_of_3 { 	width: 32.2%; }


/* --------------cards------------------- */
.cardpack {
background-color: #e9e9e9;
padding: 0.4% 1.5% 1.0% 1.5%;
max-width: 600px;
margin-left: auto ;
  margin-right: auto ;
 }

.cardpack .section { overflow: hidden; }

.cardpack .col {
margin-bottom: -99999px;
padding-bottom: 99999px; }

.cardpack .span_1_of_3 { width: 32.1%; }
.cardpack .span_1_of_2 { width: 48.9%; }

.card {
background-color: #fff;
border: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-collapse: separate;
-moz-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
-webkit-box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
box-shadow: 2px 2px 4px hsla(0,0%,0%,.6);
}

.cardhead {
background-color: navy;
padding: 0.4em 0.3em 0.01em 0.5em;
color: #fff;
border: 0;
margin: 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }

.cardhead p {
line-height: 1.0em; }

.cardbody {
background-color: #fff;
padding: 0.3em 0.3em 0.3em 0.5em;
border: 0;
margin: 0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; }

.cardbody p {
line-height: 1.40em;
margin-top: .2em;
margin-bottom: .3em;
font-size: 0.90em;
font-family: arvo, georgia, "Times New Roman", Times, serif;
font-weight: normal; } 

.bwpuce {background-color: #f7776a;}
.bwanzac {background-color: #377c96;}
.bwbluegrey {background-color: #8299c1;}
.bwsky {background-color: #99dddd;}
.bwnavy {background-color: #5151b9;}
.bwred {background-color: #dd4132;}
.bwbrown {background-color: #b18f6a;}
.bwgreen {background-color: #78c752;}


/* --------------buttons------------------- */

.genButton {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}

.firstB {
	background-color: #9cc93b;
	font-size:18px;
	padding:15px 44px; }

.secondB {
	background-color:#ef6a25; /*#5fa292; nice teale*/
	font-size:18px;
	padding:15px 43px; }

.thirdB {
	background-color: #00baf5; /* orange OK #ff9c5f; */
	font-size:18px;
	padding:15px 30px; }

/* other buttons eg clerks to bench */
.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);*/
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:1px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);*/
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px; }	
		

/* --------------responsive------------------- */	
@media only screen and (max-width: 535px) {
	
.col { margin: 1% 0 1% 0%; }
	
.genButton {
	display: block;
	margin-left: auto;
	margin-right: auto; }
	
.firstB, .secondB {width: 60px;}
.thirdB { width: 87px; }
	 	
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
.span_2_of_2, .span_1_of_2  { width: 100%; }
	
.cardpack .span_1_of_3 { width: 100%; }
.cardpack .span_1_of_2 { width: 100%; }
.cardbody {border-bottom: 1px solid grey; }

#rightmain, #rightmain2 { float: none; }

}