body {
  background-color: #ffffff;
  color: #333333;
  font-size:62.5%; /* Explain @ www.clagnut.com/blog/348/ */
}

.bodytext {
  background-color: #ffffff;
  color: #333333;
  font-size:70%; /* Explain @ www.clagnut.com/blog/348/ */
}

/* all curved boxes get the bottom-left corner */
div.rounded {
  background: #e9e9eb url(<%cmsDomain%>/lib/images/spanky/bl_18_e9e9eb_ffffff.gif) no-repeat bottom left;
  color: #333333;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 1em 10px 0 0 ;
  height:100%
}

/* all elements in 'div.rounded' gets the B-R corner */
div.rounded * {
  background: #e9e9eb url(<%cmsDomain%>/lib/images/spanky/br_18_e9e9eb_ffffff.gif) no-repeat bottom right;
  color: #333333;
  padding: 1em 2em 18px 0;
  margin: 0 0 -18px 18px;
  height:100%;
}

/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  height:auto
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h1, div.rounded h4 {
  color: #ffffff;
  background: #e9e9eb url(<%cmsDomain%>/lib/images/spanky/tr_18_e9e9eb_ffffff.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(<%cmsDomain%>/lib/images/spanky/tlc_18_e9e9eb_ffffff.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.rounded h1 {
  font-size: 3.2em;
}
div.rounded h4 {
  font-size: 2em;
}
.mainnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.mainbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9797a1;
}
.headerbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9797a1;
}
.rightpanel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #9797a1;
}
.bluelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #567ebb;
}
a:link{
	color:#567ebb;
	text-decoration: none;
}

a:visited{
	color:#567ebb;
	text-decoration: none;
}

a:hover{
	color:#567ebb;
	text-decoration:underline;
}

a:visited:hover{
	color:#567ebb;
	text-decoration:underline;
}

a:active{
	color:#567ebb;
	text-decoration: none;
}

TABLE.eventcalander {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	COLOR: #FFFFFF; 
	BACKGROUND-COLOR: #DDE5F2; 
	TEXT-ALIGN: left;
}
	
TD.eventcalander A:link {
     	font-weight: bold;
	color: #1B3C77;	
}

TD.eventcalander A:visited {
     	font-weight: bold;
	color: #616161;
}
	
TD.eventcalander A:hover {
     	font-weight: bold;
	COLOR: #000000
}

TD.eventcalanderAlt A:link {
	font-weight: bold;
	color: #1B3C77;
}

TD.eventcalanderAlt A:visited {
	font-weight: bold;
	color: #616161;
}

TD.eventcalanderAlt A:hover {
	font-weight: bold;
	COLOR: #000000
}									
	
TD.eventcalander {
        BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-LEFT: #eeeeee 1px solid;
        COLOR: black;
        PADDING-TOP: 3px;
        BACKGROUND-COLOR: #DDE5F2;
	BORDER-BOTTOM: #eeeeee 1px solid
}											

TD.eventcalanderAlt {
	BORDER-RIGHT: #eeeeee 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #eeeeee 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-LEFT: #eeeeee 1px solid;
	COLOR: black;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #C5D0E2;
	BORDER-BOTTOM: #eeeeee 1px solid
}  

TD.pageHeader{
     	font-weight: bold;
        background: #5C7EBA;
        color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        BORDER-LEFT: #eeeeee 1px solid;
        PADDING-TOP: 3px;
        BORDER-BOTTOM: #eeeeee 1px solid;
}															
TD.eventcalanderHeading {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TABLE.ServSales {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	COLOR: #FFFFFF; 
	BACKGROUND-COLOR: #DDE5F2; 
	TEXT-ALIGN: left;
}
	
TD.ServSales A:link {
     	font-weight: bold;
	color: #1B3C77;	
}

TD.ServSales A:visited {
     	font-weight: bold;
	color: #616161;
}
	
TD.ServSales A:hover {
     	font-weight: bold;
	COLOR: #000000
}

TD.ServSalesAlt A:link {
	font-weight: bold;
	color: #1B3C77;
}

TD.ServSalesAlt A:visited {
	font-weight: bold;
	color: #616161;
}

TD.ServSalesAlt A:hover {
	font-weight: bold;
	COLOR: #000000
}									
	
TD.ServSalesBody {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR: black;
        BACKGROUND-COLOR: #EAF0F8;
	BORDER-RIGHT: #EAF0F8 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #EAF0F8 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #EAF0F8 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #EAF0F8 1px solid;
}

TD.ServSalesTop {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR: black;
        BACKGROUND-COLOR: #EAF0F8;
	BORDER-RIGHT: #EAF0F8 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #EAF0F8 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #EAF0F8 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #EAF0F8 1px solid;
}

TD.ServSales {
        BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-LEFT: #eeeeee 1px solid;
        COLOR: black;
        PADDING-TOP: 3px;
        BACKGROUND-COLOR: #DDE5F2;
	BORDER-BOTTOM: #eeeeee 1px solid
}
											
TD.ServSalesAlt {
	BORDER-RIGHT: #eeeeee 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #eeeeee 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-LEFT: #eeeeee 1px solid;
	COLOR: black;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #C5D0E2;
	BORDER-BOTTOM: #eeeeee 1px solid
}  													
TD.ServSalesHeading {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TD.ServSalesHeadingTotal {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TD.ServSalesHeadingTop {
	font-weight: bold;
	background: #7B98C7;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TABLE.MemberSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	COLOR: #FFFFFF; 
	BACKGROUND-COLOR: #DDE5F2; 
	TEXT-ALIGN: left;
}
	
TD.MemberSearch A:link {
     	font-weight: bold;
	color: #1B3C77;	
}

TD.MemberSearch A:visited {
     	font-weight: bold;
	color: #616161;
}
	
TD.MemberSearch A:hover {
     	font-weight: bold;
	COLOR: #000000
}

TD.MemberSearchAlt A:link {
	font-weight: bold;
	color: #1B3C77;
}

TD.MemberSearchAlt A:visited {
	font-weight: bold;
	color: #616161;
}

TD.MemberSearchAlt A:hover {
	font-weight: bold;
	COLOR: #000000
}									
	
TD.MemberSearch {
        BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-LEFT: #eeeeee 1px solid;
        COLOR: black;
        PADDING-TOP: 3px;
        BACKGROUND-COLOR: #DDE5F2;
	BORDER-BOTTOM: #eeeeee 1px solid
}											

TD.MemberSearchAlt {
	BORDER-RIGHT: #eeeeee 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #eeeeee 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-LEFT: #eeeeee 1px solid;
	COLOR: black;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #C5D0E2;
	BORDER-BOTTOM: #eeeeee 1px solid
}  														
TD.MemberSearchHeading {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

.i {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9797a1;
}


.pn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9797a1;
}

a.pn:link{
	color:#567ebb;
	text-decoration: none;
}

a.pn:visited{
	color:#567ebb;
	text-decoration: none;
}

a.pn:hover{
	color:#567ebb;
	text-decoration:underline;
}

a.pn:visited:hover{
	color:#567ebb;
	text-decoration:underline;
}

a.pn:active{
	color:#567ebb;
	text-decoration: none;
}