/**********************************************************************
	
	This CSS resets all the padding and margin of the different tags.
	This should mean that the browsers don't render the same tags differently.
	
**********************************************************************/
dl, dt, dd, img, div, a, label, form, fieldset, h6, h5, h4, h3, h2, h1, q, blockquote, p, li, ol, ul, body, html {
	border: 0;
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
ol {
	list-style: none;
}
a img {
	border: 0;
	background: transparent;
}
a {
	cursor: pointer;
}
/* Some other useful classes we can apply to any tag */
hr {
	background-color: #bbb;
	border: 0px solid #ccc;
	color: #ccc;
	height: 1px;
	margin-bottom: 5px;
	width: 100%;
}
hr.sep 	{ 
	clear: both;  
	background-color:#EEE;
	height: 1px;
	width: 100%;
	
}
hr.line 	{ 
	clear: both;  
	background-color: #f7f8fc;
	height: 1px;
	width: 100%;
}

.highlight {
	background-color: #ffff00;
}
.clear {
	clear: both;
	font-size: 0;
	height: 0px;
	line-height: 0%;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.separator {
	display: none;
}
.hidden {
	display: none;
}
.block {
	display: block;
}
.right {
	position: relative;
	text-align: right;
}
.left {
	position: relative;
	text-align: left;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.floatleftf {
	float: left;
	width: 100%;
}

.mid {
	vertical-align: middle;
}
.floatmid {
	vertical-align: middle;
}
img.inleft {
	float: left;
	margin: 6px 25px 8px 0;
}
.inright {
	float: right;
	margin: 8px 0 15px 35px;
}
img.inrightB {
	float: right;
	margin: 8px 0 15px 35px;
}
img.inright {
	float: right;
	margin: 10px 0 15px 25px;
}
img.b3w{
	border: 3px solid #fff;
}
img.inrightB {
	border: 1px solid #a9a9a9;
	margin-left: 20px;
}
img.icon24 {
	float: left;
	margin: 0 6px 0 0;
}
img.r15 {
	margin-right: 15px;
}
.brd{
	border: 1px solid #ccc;
	padding: 5px;
}
.b40 {
	margin-bottom: 40px;
}
#page-rightSec .b30{
	margin-bottom: 30px;
}
#page-rightSec .b25, .b25 {
	margin-bottom: 25px;
}
#page-rightSec .b20, .b20 {
	margin-bottom: 20px;
}
#page-rightSec .b15, .b15 {
	margin-bottom: 15px;
}
#page-rightSec .i-last {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #dadada;
}

.wb			{ border: 1px solid #ccc; } /* WITH BORDER */
.wbp		{ border: 1px solid #ccc; padding: 5px; } /* WITH BORDER AND PADDING*/
.nb 			{ border: none!important; } /* NO BORDER */

/* TOP MARGIN */
.t5		{ margin-top: 5px!important;  }
.t10	{ margin-top: 10px!important;  }
.t15	{ margin-top: 15px!important;  }
.t20	{ margin-top: 20px!important;  }
.t25	{ margin-top: 25px!important;  }
.t27	{ margin-top: 27px!important;  }
.t30	{ margin-top: 30px!important;  }
.t35	{ margin-top: 35px!important;  }
.t40	{ margin-top: 40px!important;  }
.t45	{ margin-top: 45px!important;  }
.t50	{ margin-top: 50px!important;  }
.t60	{ margin-top: 60px!important;  }

/* BOTTOM MARGIN */
.b0		{ margin-bottom: 0px!important;	}
.b5		{ margin-bottom: 5px!important;  }
.b10	{ margin-bottom: 10px!important;  }
.b11	{ margin-bottom: 11px!important;  }
.b15	{ margin-bottom: 15px!important;  }
.b20	{ margin-bottom: 20px!important;  }
.b25	{ margin-bottom: 25px!important;  }
.b30	{ margin-bottom: 30px!important;  }
.b35	{ margin-bottom: 35px!important;  }
.b40	{ margin-bottom: 40px!important;  }
.b45	{ margin-bottom: 45px!important;  }
.b50	{ margin-bottom: 50px!important;  }
.b60	{ margin-bottom: 60px!important;  }

/* LEFT MARGIN */
.l5		{ margin-left: 5px!important;  }
.l10	{ margin-left: 10px!important;  }
.l15	{ margin-left: 15px!important;  }
.l20	{ margin-left: 20px!important;  }
.l25	{ margin-left: 25px!important;  }
.l30	{ margin-left: 30px!important;  }
.l35	{ margin-left: 35px!important;  }
.l40	{ margin-left: 40px!important;  }
.l45	{ margin-left: 45px!important;  }
.l50, .leftfifty	{ margin-left: 50px!important;  }
.l60 	{ margin-left: 60px!important;  }
.l160 	{ margin-left: 160px!important;  }
.l150	{ margin-left: 150px!important;  }
.l120 	{ margin-left: 120px!important;  }

.ols	{ margin-left: 16px !important; margin-left: 20px; font-family: tahoma, verdana, arial, sans-serif;   }
.ols li	{ line-height: 1.8em!important;  }
.ols h5	{ font-family: arial, tahoma, verdana, sans-serif!important;  }

/* RIGHT MARGIN */
.r3		{ margin-right: 3px!important;  }
.r5		{ margin-right: 5px!important;  }
.r10	{ margin-right: 10px!important;  }
.r15	{ margin-right: 15px!important;  }
.r20	{ margin-right: 20px!important;  }
.r25	{ margin-right: 25px!important;  }
.r30	{ margin-right: 30px!important;  }
.r35	{ margin-right: 35px!important;  }
.r40	{ margin-right: 40px!important;  }
.r45	{ margin-right: 45px!important;  }
.r50	{ margin-right: 50px!important;  }

.up		{ text-transform: uppercase; }

.center {
	position: relative;
	text-align: center;
}
.ctr 		{ text-align: center; }

.indent 		{ padding-left: 18px; }
.spacer 		{ height: 25px; }



table th.ctr {
	text-align: center;
}
table td.ctr {
	text-align: center;
}
.ctr {
	text-align: center;
}
.noborder {
	border: 0;
}
.indent {
	padding-left: 18px;
}
.spacer {
	height: 25px;
}
.redB {
	color: #e61a20;
}
#page-rightSec .red {
	color: #aa0308;
}
.red {
	color: #aa0308;
}
.orangeB {
	color: #f26522;
}
.orange {
	color: #f26522;
}
.yellowB {
	color: #ff9c00;
}
.yellow {
	color: #ff9c00;
}
.greenB {
	color: #39b44a;
}
.green {
	color: #39b44a;
}
.blueB {
	color: #3366cc;
}
.blue {
	color: #3366cc;
}
.grayB {
	color: #6e788b;
}
.gray {
	color: #6e788b;
}
.blackB {
	color: #000;
}
.black {
	color: #000;
}
.logo{
	color: #0f6c1b;
}
.logo, .blackB, .grayB, .blueB, .greenB, .yellowB, .orangeB, .redB {
	font-weight: bold;
}
.spec {
	font-size: 1.3em;
	font-family: arial, tahoma, verdana, sans-serif;
	font-weight: bold;
}
#content .small {
	font-size: 8pt;
	color: #666;
}
.norm{
	font-weight: normal;
}
.bold{
	font-weight: bold;
}
.ital{
	font-style:italic;
}
ol { margin: 0 0 10px 35px; }
ol.decimal { list-style-type: decimal; }
ol.lroman { list-style-type: lower-roman;}
ol.uroman { list-style-type: upper-roman; }
ol.lalpha { list-style-type: lower-alpha; }
ol.ualpha { list-style-type: upper-alpha; }
ol.main{
	margin: 0;
	padding: 0 23px;
}
ul.circle{ list-style:circle; }
ul.disc { list-style: disc; }
ul.nobullet { 
	list-style: none; 
	margin: 5px 0 10px 25px;
	line-height: 1.5em;
}
ul.nletter {
	list-style-image: url('../images/newsletter.png');
	margin: 0px 0 10px 25px;
	line-height: 1.5em;
	font-weight: bold;
}
#content .noteBox, #content .alertBox, #content .confirmBox, #content .errorBox, #content .okBox {
	padding: 10px 15px 10px 15px;
	margin-bottom: 15px;
}

#content .imptBox img {
	float: left;
	margin-right: 10px;
}
#content .noteBox img {
	float: left;
	margin-right: 10px;
}
#content .confirmBox img {
	float: left;
	margin-right: 10px;
}
#content .errorBox img {
	float: left;
	margin-right: 10px;
}
#content .okBox img {
	float: left;
	margin-right: 10px;
}
#content .okBox {
	background: #f3fef1 url('../images/i_sol.gif') no-repeat;
	border: 1px solid #39b44a;
	padding-left: 45px;
	background-position: 18px 15px;
}
#content .errorBox {
	background: #fff6f7 url('../images/i_error.gif') no-repeat;;
	border: 1px solid #ff8c90;
	padding-left: 45px;
	background-position: 18px 15px;
}
#content .alertBox {
	background: #fffbce url('../images/i_alert.gif') no-repeat;;
	border: 1px solid #f6a735;
	padding-left: 45px;
	background-position: 18px 15px;
}

#content .confirmBox {
	background: #fffbce;
	border: 1px solid #f6a735;
}
#content .noteBox {
	background: #e0efff;
	border: 1px solid #3366cc;
}
#content .imptBox {
	background: #fff;
	border: 1px solid #9abcdd;
	padding: 15px 15px; 
	margin-bottom: 0px;
}
#content .sep{
	float: left;
	width: 100%;
	min-height: 1px;
	height: 1px !important;
	height: 1px;
	background: #ccc;
	margin: 10px 0 0px;
}
.picbox-left{
	float: left;
	margin: 5px 20px 5px 0;
}
.half-left .picbox-left, .half-right .picbox-left{
	margin: 5px 0px 5px 0;
}
.staff-right{
	float: right;
	width: 142px;
	margin-bottom: 15px;
}
.picbox-right{
	float: right;
	margin: 5px 0 5px 20px;
}
.officerdet{
}
.alpha-shadow {
  float: left;
  background: url(../images/shadow1.gif) no-repeat bottom right;
  margin: 0px 0 0 px;
}

.alpha-shadow div {
  background: url(../images/shadow2.png) no-repeat left top !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}



/* ACTIVITIES PAGE GALLRY */

#gallery  { 
	border: 0px solid #000000;
	margin-left: 25px;
}
#gallery  a{ outline: none; }
#gallery p { 
	text-align: left!important;
	margin-bottom: 10px;
}
#gallery p img { vertical-align: top;  }		
#gallery p img.nl-framed {
	padding: 3px; 
	margin-right: 2px; 
	border: 2px solid #000;
	background: #000;
}
#gallery p img.framed{ 
	padding: 3px; 
	margin-right: 2px; 
	border: 2px solid #ccc;
	background: #fff;
}
#gallery p img.framed:hover { 
	padding: 3px; 
	margin-right: 2px; 
	border: 2px solid #1F72C2;
	background: #1F72C2;
}
.under {	text-decoration: underline;}

.post {
	border: 0px solid #000;
	margin-bottom: 20px;
}

.post  p{
	line-height: 1.5em!important;
}
