@import url('reset.css');
@import url('default.css');
@import url('type.css');

/***

Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px.
9px :0.75em
10px :0.8333em
11px :0.9167em
12px :1.0em
13px :1.0833em
14px :1.1667em
15px :1.25em
16px :1.3333em
17px :1.4167em
18px :1.5em
19px :1.5833em
20px :1.6667em
21px :1.75em
22px :1.8333em
23px :1.9167em
24px :2.0em
25px :2.0833em
26px :2.1667em
27px :2.25em
28px :2.3333em
29px :2.4167em
30px :2.5em
31px :2.5833em
32px :2.6667em

***/

body																		{ font-family: Arial, sans-serif; background: #bfbfbf;}
																			  
.clear																		{ clear: both;}
.left																		{ float: left;}
.right																		{ float: right;}
.wrap																		{ width:960px; margin: 0 auto;}
hr																			{ width: 100%; background: none; clear: both; padding: 7px 0 0; margin: 10px 0 20px; border: none; border-bottom: 1px solid #ccc;}
																			  
/* Colors */ 																  
																			  
.teal																		{ color: #2B99AF;}
																			  
img 																		{ -ms-interpolation-mode:bicubic; }
img.border																	{ padding: 5px; border: 1px solid #ccc; background: #eee;}
img.left																	{ float: left; margin: 0 20px 20px 0;}
img.right																	{ float: right; margin: 0 0 20px 20px;}
																			  
#topbar																		{ background: #7d0c00; padding: 3px 0; border-bottom: 1px solid #700b00;}
#button-sitemap																{ color: #fff; background: url(../img/icon-sitemap.jpg) 0 1px no-repeat; padding: 0 0 0 16px; font-size: 0.9167em; float: right; margin: 4px 10px 0 0;}
#search-form																{ height: 20px; float: right;}
#search-field																{ float: left; margin: 0; width:150px; background: url(../img/bg-search-field.gif) top left no-repeat #fff; padding: 3px 8px 0px; height: 17px; overflow: hidden; font-size: 0.9167em; border: 0; color: #999; }
#search-submit																{ border: 0; outline: 0; margin: 0; padding: 0; width:25px; height: 20px; display: block; background: url(../img/bg-search-submit.gif) top left no-repeat; text-indent: -9999px; float: left;}

#header																		{ background: url('../img/bg-header.jpg') left top repeat-x #870800; border-top:1px solid #ff3e00; z-index: 5; position: relative;Œ}
#header .wrap																{ height: 150px; position: relative;}
#header h1																	{ margin: 0; padding: 0; text-indent: -9999px;}
#header h2#tag																{ position: absolute; top:53px; right: 0; font-size: 1.25em; color: #fff; font-style:italic; font-weight: normal; text-shadow: 0 -1px 0 rgba(0,0,0,.75);}
#logo																		{ width:358px; height: 32px; display: block; background: url(../img/logo-pfu.jpg) top left no-repeat; position: absolute; top:45px; left: 0; text-indent: -9999px;}
																			  
#navigation																	{ position: absolute; bottom:1px; left: 0; margin: 0; padding: 0; z-index: 6; height: 40px;}
#navigation	li																{ float: left; list-style: none; margin: 0; padding: 0; margin-right: 5px;}
#navigation li a															{ color: #fff; padding: 13px 20px 8px; display: block; font-size:1.1667em; text-shadow: 0 -1px 0 rgba(0,0,0,.75); }
#navigation li:hover														{ background: url(../img/nav-hover-left.jpg) top left no-repeat;}
#navigation li:hover a														{ color: #333; font-weight: normal; background: url(../img/nav-hover-right.jpg) top right no-repeat; text-shadow: none;}
#navigation li.current														{ background: url(../img/nav-current-left.jpg) top left no-repeat;}
#navigation li.current a													{ color: #333; font-weight: bold; background: url(../img/nav-current-right.jpg) top right no-repeat; text-shadow: none;}
																			  
#content																	{ background: url(../img/bg-wrap.gif) center top no-repeat #fff; z-index: 10; position: relative; }
body.home #content .wrap													{ background: url(../img/bg-subcol.gif) right top repeat-y; }
body.default #content .wrap													{ background: url(../img/bg-subcol.gif) left top repeat-y; }
#main-col																	{ padding: 20px; width: 600px; float: right; display: inline;}
#sub-col																	{ width:272px; float: left; padding: 20px; display: inline;}
body.home #main-col															{ float: left;}
body.home #sub-col															{ float: right;}
#sub-col .outlined															{ background: #f0f0f0; padding: 20px 20px 10px 20px; margin: 0 -20px 0 -20px; border: 1px solid #bfbfbf;}
#sub-col #side-photo.outlined												{ padding: 10px 10px 0px 10px; margin-bottom: 10px;}
#sub-col #side-photo.outlined img											{ padding: 5px; border: 1px solid #bfbfbf; max-width: 280px;}
#full																		{ width: 920px; float: left; padding: 20px; background: #fff;}
																			  
#feature																	{ width:620px; height: 400px; display: block; position: relative; background: url(../img/bg-feature.jpg) 150px 120px no-repeat;}
#feature h2#header-getcertified												{ position: absolute; top:10px; left: 210px; height: 52px; width: 367px; display: block; text-indent: -9999px; background: url(../img/header-getcertified.jpg) top left no-repeat;}
#feature p#featuretext														{ position: absolute; top:70px; left: 210px; font-size: 1.25em;}
#feature #feature-cycle														{ position: absolute; top:10px; left:-50px; width:230px; height: 175px; display: block; overflow: hidden;}
#feature .col																{ width:280px; margin-top: 210px; float: left; padding: 0 20px 0 10px;}
#feature .col img															{ float: left;}
#feature .col h3,															  
#feature .col p																{ margin-left: 70px; height: 100px;}
#feature .col h3															{ width:200px; height: 28px; display: block; text-indent: -9999px;}
#feature .col h3#header-personaltrainer										{ background: url(../img/header-personaltrainer.jpg) top left no-repeat;}
#feature .col h3#header-groupexercise										{ background: url(../img/header-exercise.jpg) top left no-repeat;}
#feature .col p strong														{ font-size: 1.0833em; line-height: 1.25em; margin-bottom: 10px;}
																			  
.button																		{ color: #fff; float: right; font-size: 1.1667em; text-shadow: 0 -1px 0 rgba(0,0,0,.5);}
.button span																{ display: block; padding: 10px 25px 9px 15px; }
.button.green																{ background: url(../img/bg-buttonleft-green.jpg) top left no-repeat;}
.button.blue																{ background: url(../img/bg-buttonleft-blue.jpg) top left no-repeat;}
.button.green span															{ background: url(../img/bg-buttonright-green.jpg) top right no-repeat;}
.button.blue span															{ background: url(../img/bg-buttonright-blue.jpg) top right no-repeat;}
																			  
.sidebutton																	{ width:322px; display: block; position: relative; margin: 0 0 7px -26px;}
.sidebutton.bffl															{ height: 110px; background: url(../img/side-befitforlife.jpg) top left no-repeat;}
.sidebutton.certified														{ height: 111px; background: url(../img/side-certifiedtrainer.jpg) top left no-repeat;}
.sidebutton.events 															{ height: 111px; background: url(../img/side-events.jpg) top left no-repeat;}
.sidebutton span															{ font-size:1em; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,.25); position: absolute; left: 22px; width: 150px;}
.sidebutton.bffl span														{ top:40px;}
.sidebutton.certified span													{ top:47px;}
.sidebutton.events span														{ top:23px; width: 130px;}
																			  
#sub-col #events															{ border-top: 1px solid #173f4f; width: 322px; margin: 0 0 20px -26px; position: relative;}
#sub-col #events h2															{ color: #fff; font-size: 1.4167em; font-family: Helvetica, Arial, sans-sarif; text-shadow: 0 -1px 0 rgba(0,0,0,.25); font-weight: bold; border: 1px solid #173f4f; position: relative; border-top-color: #90c7dd; background: #337b96; margin: 0;}
#sub-col #events h2	a														{ color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); display: block; padding: 8px 15px; }
#sub-col #events h2	a:hover													{ color: #99BCC9; }
#sub-col #events h2 span													{ position: absolute; text-align: right; top: 11px; right: 15px; color: #99BCC9; text-shadow: 0 -1px 0 rgba(0,0,0,.25); font-size: 12px; font-weight: normal; font-style: italic; }
#sub-col #events-list														{ border: 1px solid #727272; border-top: none;}
#sub-col #events-list li													{ list-style: none; background: #eaeaea; border: 1px solid #fff; border-bottom-color: #bfbfbf; padding: 8px 15px; margin: 0; }
#sub-col #events-list li:hover												{ background: #d9d9d9;}
#sub-col #events-list li a													{ display: block; text-decoration: none;}
#sub-col #events-list li .what												{ font-weight: bold; font-size: 1.1667em; color: #4a4b4b; }
#sub-col #events-list li.last												{ border-bottom:none;}
#sub-col #events #button-more												{ border:1px solid #727272; border-top-color: #cccccc; background: #eaeaea; position: absolute; right:0; bottom: -26px; font-weight: bold; color: #4a4b4b; z-index: 10;}
#sub-col #events #button-more span											{ border: 1px solid #fff; padding: 6px 11px 5px; display: block;}
#sub-col #events #button-more:hover											{ background: #d9d9d9;}
#sub-col #events #eventsbottom												{ position: absolute; bottom: -4px; z-index: 0;}
																			  
#sub-col #sub-nav-bottom													{ margin: 0 0 15px -26px; width: 322px; padding-bottom: 4px; background: url(../img/bg-subnavbottom.gif) bottom left no-repeat; }
#sub-col #sub-nav															{ border-top: 1px solid #173f4f; width: 322px; padding: 0; position: relative;}
#sub-col #sub-nav-list														{ border: 1px solid #727272; border-top: none; margin-bottom: 0;}
#sub-col #sub-nav-list li													{ list-style: none; background-color: #eaeaea; border: 1px solid #fff; border-bottom-color: #bfbfbf; padding: 8px 15px; margin: 0; }
#sub-col #sub-nav-list li.current											{ background-color: #d9d9d9;}
#sub-col #sub-nav-list li:hover												{ background-color: #d9d9d9;}
#sub-col #sub-nav-list li a													{ color: #4a4b4b; text-decoration: none;}
#sub-col #sub-nav-list li ul												{ margin:8px 0 -10px -17px; padding: 0; width: 320px; border: 1px solid #727272; border-top-color: #bfbfbf; }
																			  
#sub-col #sub-nav-list li ul li												{ margin: 0; padding: 8px 15px 8px 30px; margin: 0; background: url(../img/icon-subarrow.gif) 15px 12px no-repeat; }
#sub-col #sub-nav-list li ul li ul											{ margin-left: -32px;}
#sub-col #sub-nav-list li ul li ul li										{ padding-left: 50px;}
#sub-col #sub-nav-list li ul li ul li ul 									{ margin-left: -52px;}
#sub-col #sub-nav-list li ul li ul li ul li									{ padding-left: 70px;}
																			  
#sub-col #sub-nav-list li ul li.current										{ background-image: url(../img/icon-subarrow.gif); background-position: 15px 11px; background-repeat: no-repeat; }
#sub-col #sub-nav-list li ul li ul li										{ background-image: url(../img/icon-subarrow.gif); background-position: 35px 11px; background-repeat: no-repeat; }
#sub-col #sub-nav-list li ul li ul li.current								{ background-image: url(../img/icon-subarrow.gif); background-position: 35px 11px; background-repeat: no-repeat; }
#sub-col #sub-nav-list li ul li ul li ul li									{ background-image: url(../img/icon-subarrow.gif); background-position: 56px 11px; background-repeat: no-repeat; }
#sub-col #sub-nav-list li ul li ul li ul li.current							{ background-image: url(../img/icon-subarrow.gif); background-position: 56px 11px; background-repeat: no-repeat; }
																			  
#sub-col #sub-nav-list li ul,												  
#sub-col #sub-nav-list li ul li ul, 										  
#sub-col #sub-nav-list li ul li ul li ul,									  
#sub-col #sub-nav-list li ul li ul li ul li ul,								  
#sub-col #sub-nav-list li.current ul li ul, 								  
#sub-col #sub-nav-list li.current ul li ul li ul,							  
#sub-col #sub-nav-list li.current ul li ul li ul li ul,						  
#sub-col #sub-nav-list li.current ul li.current ul li ul,					  
#sub-col #sub-nav-list li.current ul li.current ul li ul li ul,				  
#sub-col #sub-nav-list li.current ul li.current ul li.current ul li ul		{ display: none;}
																			  
#sub-col #sub-nav-list li.current ul,										  
#sub-col #sub-nav-list li.current ul li.current ul,							  
#sub-col #sub-nav-list li.current ul li.current ul li.current ul			{ display: block;}
																			  
#sub-col #sub-nav-list li .what												{ font-weight: bold; font-size: 1.1667em; }
#sub-col #sub-nav-list li.last												{ border-bottom:none;}
#sub-col #sub-nav #subnavbottom												{ position: absolute; left: 0; bottom: 6px; margin: 0; padding: 0;}
																			  
.dateicon																	{ border: 1px solid #abaaaa; display: block; width:40px; float: left; margin-right: 15px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px;  }
.dateicon .month															{ background: url(../img/bg-date.jpg) top left no-repeat #337994; border: 1px solid #fff; border-bottom-color: #163c4c; width:38px; display: block; text-align: center; color: #fff; font-size:0.9167em; margin: 0; padding: 0; text-shadow: 0 -1px 0 rgba(0,0,0,.25); -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px;}
.dateicon .day																{ background: #d3d3d3; border: 1px solid #fff; width:38px; display: block; text-align: center; color: #4a4b4b; font-weight: bold; font-size: 1.3333em; text-shadow: 0 1px 0 rgba(225, 225, 225, 1);}
																			  
#featured-news																{ background: #327893; border: 1px solid #153a49; margin: 0 0 0 -15px; width: 990px;}
#featured-news-container													{ border: 1px solid #90c7dd; padding: 20px; position: relative;}
#featured-news h2#header-news												{ position: absolute; width: 28px; height: 70px; display: block; text-indent: -9999px; background: url(../img/header-news.jpg) top left no-repeat; top:-2px; left: -28px;}
#featured-news .post														{ width: 222px; float: left; margin-right: 20px; display: inline;}
#featured-news .post.last													{ margin-right: 0;}
#featured-news .post h3														{ font-size: 1.3333em; font-weight: bold; color: #fff; margin-bottom: 4px; }
#featured-news .post h3	a													{ color: #fff;}
#featured-news .post h3	a:hover												{ color: #99bcc9;}
#featured-news .post h4														{ font-size: 0.9167em; font-weight: normal; font-style: italic; color: #99bcc9; }
#featured-news .post h4 a													{ color: #99bcc9; text-decoration: underline; }
#featured-news .post h4 a:hover												{ color: #fff;}
#featured-news .post p a													{ color: #99bcc9; text-decoration: underline; }
#featured-news .post p a:hover												{ color: #fff;}
#featured-news .post p														{ font-size: 1em; color: #fff; }
#featured-news .post a.comment												{ font-size: 0.9167em; color: #fff; display: block; float: left; margin: 0; line-height: 0; padding: 6px 3px 10px 3px; background: url(../img/icon-comment.gif) top right no-repeat;}
#featured-news .post a.readmore												{ font-weight: bold; color: #fff; float: right;}
#featured-news .post a.readmore:hover										{ color: #99bcc9;}
																			  
#partners																	{ width: 960px; padding: 20px 0; background: #fff;}
.partner																	{ float: left; margin-right: 15px;}
.partner.last																{ margin-right: 0;}
																			  
#footer																		{ background: url(../img/bg-footer.gif) top left repeat-x #bfbfbf; }
#footer .wrap																{ padding: 25px 0 40px;}
#footer .wrap p 															{ margin: 0; color: #4a4b4b; font-size: 0.9167em;}
#footer .wrap a 															{ color: #4a4b4b; text-decoration: underline;}
#footer .wrap a:hover														{ color: #333;}
#footer .wrap a#lift														{ text-decoration: none;}
#footer .wrap a#lift em														{ font-style: italic; font-family: Georgia; font-weight: bold;}
#footer .wrap a#lift:hover em												{ color: #327893;}
																			  
/* Type */																	  
																			  
#main-col h1,																  
#main-col h2,																  
#main-col h3,																  
#main-col h4,																  
#main-col h5,																  
#main-col h6																{ margin-bottom: 0.4em; font-weight: bold;}
																			  
#main-col h1 a,																  
#main-col h2 a,																  
#main-col h3 a,																  
#main-col h4 a,																  
#main-col h5 a,																  
#main-col h6 a																{ color: #2b99af; text-decoration: underline;}
#main-col h1 a:hover,														  
#main-col h2 a:hover,														  
#main-col h3 a:hover,														  
#main-col h4 a:hover,														  
#main-col h5 a:hover,														  
#main-col h6 a:hover														{ color: #b51d06; text-decoration: underline;}
																			  
#main-col h1																{ font-size: 2.25em; color: #333; border-bottom: 2px solid #ccc; padding-bottom: 7px;}
#main-col h2																{ font-size: 2em; color: #2b99af;}
#main-col h3																{ font-size: 1.75em; color: #333;}
#main-col h4																{ font-size: 1.5em; color: #333;}
#main-col h5																{ font-size: 1.25em; color: #333;}
#main-col h6																{ font-size: 1em; color: #333; font-weight: normal;}
#main-col ul,																  
#main-col ol																{ margin: 0 0 14px;}
#main-col ul li																{ margin-left: 25px; margin-bottom: 5px; list-style: disc;}
#main-col ol li																{ margin-left: 25px; margin-bottom: 5px; list-style: decimal;}
																			  
#main-col p a,																  
#main-col ol li a,															  
#main-col ul li a															{ color: #2b99af; text-decoration: underline;}
																			  
#main-col p a:hover,														  
#main-col ol li a:hover,													  
#main-col ul li a:hover														{ color: #b51d06; text-decoration: underline;}
																			  
#main-col blockquote														{ padding-left: 10px; border-left: 3px solid #4d709b; font-size: 1.0833em; margin: 0 25px;}
#main-col blockquote p.who													{ text-align: right; font-style: italic; font-size: .75em; margin-top: -10px;}
																			  
#sub-col h1,																  
#sub-col h2,																  
#sub-col h3,																  
#sub-col h4,																  
#sub-col h5,																  
#sub-col h6																	{ margin-bottom: 0.4em; font-weight: bold;}
																			  
#sub-col h1																	{ font-size: 2em; color: #333; border-bottom: 2px solid #ccc; padding-bottom: 7px;}
#sub-col h2																	{ font-size: 1.75em; color: #2b99af;}
#sub-col h3																	{ font-size: 1.5em; color: #333;}
#sub-col h4																	{ font-size: 1.25em; color: #333;}
#sub-col h5																	{ font-size: 1em; color: #333;}
#sub-col h6																	{ font-size: 1em; color: #333; font-weight: normal;}
#sub-col ul,																  
#sub-col ol																	{ margin: 0 0 14px;}
#sub-col ul li																{ margin-left: 25px; margin-bottom: 5px; list-style: disc;}
#sub-col ol li																{ margin-left: 25px; margin-bottom: 5px; list-style: decimal;}
																			  
#sub-col p a,																  
#sub-col ol li a,															  
#sub-col ul li a															{ color: #2b99af; text-decoration: underline;}
																			  
#sub-col p a:hover,															  
#sub-col ol li a:hover,														  
#sub-col ul li a:hover														{ color: #b51d06; text-decoration: underline;}
																			  
#full h1,																	  
#full h2,																	  
#full h3,																	  
#full h4,																	  
#full h5,																	  
#full h6																	{ margin-bottom: 0.4em; font-weight: bold;}
																			  
#full h1																	{ font-size: 2.25em; color: #333; border-bottom: 2px solid #ccc; padding-bottom: 7px;}
#full h2																	{ font-size: 2em; color: #2b99af;}
#full h3																	{ font-size: 1.75em; color: #333;}
#full h4																	{ font-size: 1.5em; color: #333;}
#full h5																	{ font-size: 1.25em; color: #333;}
#full h6																	{ font-size: 1em; color: #333; font-weight: normal;}
#full ul,																	  
#full ol																	{ margin: 0 0 14px;}
#full ul li																	{ margin-left: 25px; margin-bottom: 5px; list-style: disc;}
#full ol li																	{ margin-left: 25px; margin-bottom: 5px; list-style: decimal;}
																			  
#full p a,																	  
#full ol li a,																  
#full ul li a																{ color: #2b99af; text-decoration: underline;}
																			  
#full p a:hover,															  
#full ol li a:hover,														  
#full ul li a:hover															{ color: #b51d06; text-decoration: underline;}
																			  
#full blockquote															{ padding-left: 10px; border-left: 3px solid #4d709b; font-size: 1.0833em; margin: 0 25px;}
#full blockquote p.who														{ text-align: right; font-style: italic; font-size: .75em; margin-top: -10px;}
																			  
table																		{ width:100%; margin-bottom: 12px;}
table td																	{ padding: 2px 0px;}

table tr:hover td                                                           { background: #ddd; }

/************************************
****	Members list
************************************/
.info p {margin: 0 0 .5em 0;}
.info .results {
	float: left;
/*	font-weight: bold;*/
}
.info .help {
	float: right;
	color: #888;
}
#member_directory {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
}
#member_directory td {
	border: none;
	border-bottom: 1px solid #ddd;
	color: #333;
}
#member_directory a {
	border: none;
}
#member_directory a.name {
	color: #17535E;
	font-size: 13px;
}
#member_directory a.name:hover {
	color: #2B99AF;
}
#member_directory th {
	text-align: left;
	cursor: pointer;
	background: #eee;
	color: #555;
	border-bottom: 1px solid #ccc;
}
#member_directory th:hover {
	background: #ccc;
	color: #333;
}
#member_directory th, #member_directory td {
	padding: .25em 2.5em .25em .5em;
}
#member_search input {
	float: none;
}
#member_search label {
	display: block;
	font: bold 12px/1.25 Verdana, sans-serif;
	color: #555;
	margin: 0 0 .25em 0;
}
#member_search p {
	float: left;
	margin-right: 15px;
}
#member_search .submit {
	margin-top: 22px;
}

.paginator {
	text-align: center;
}
.paginator a.page, .paginator span {
	border: 1px solid #ccc;
	font-weight: normal;
	padding: .25em .5em;
}
.paginator span {
	font-weight: bold;
	border-color: #333;
}
.paginator a.page:hover {
	color: #333;
	border-color: #2B99AF;
}
.next {
	margin-left: 5px;
}
.previous {
	margin-right: 5px;
}
.member_subcontent input {
	float: none;
}

/** Event Agenda **/

#main-col #event-list														{ margin: 0; padding: 0;}
#main-col #event-list h3.cal												{ font-size: 16px; margin: 0 0 0 10px; font-family: Georgia; font-style: italic; font-weight: normal; }
#main-col #event-list h3.cal a												{ font-size: 16px; }
#main-col #event-list h3.cal a:hover										{ color: #000; }
#main-col #event-list p														{ margin: 0 0 0 10px; padding: 0; color: #aeaeae; }
#main-col #event-list span													{ text-align: center; margin: 5px 0; padding: 6px 3px 7px; display: block; margin-right: 10px; color: #fff; font-size: 11px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background-image: url(../img/bg-calIcon.png); background-position: left top; background-repeat: repeat-x; }
#main-col #event-list tr td													{ vertical-align: middle; }
#main-col #event-list tr th													{ font-weight: bold; font-size: 14px; padding: 2px 0;}
#main-col #event-list tr.row2												{ background: #f7f7f7; }
#main-col #event-list tr.aflcaexams span									{ background-color: #02379f; border: 1px solid #021847;}
#main-col #event-list tr.aflcacourse span									{ background-color: #0157e2; border: 1px solid #02379f;}
#main-col #event-list tr.csepcourse span									{ background-color: #017663; border: 1px solid #034239;}
#main-col #event-list tr.csepcptexam span									{ background-color: #00a287; border: 1px solid #017663;}
#main-col #event-list tr.csepcepexam span									{ background-color: #034239; border: 1px solid #022c26;}
#main-col #event-list tr.workshop span										{ background-color: #347b97; border: 1px solid #163d4c;}
#main-col #event-list tr.befitforlife span									{ background-color: #534866; border: 1px solid #241735;}
#main-col #event-list tr.trainerscourse span								{ background-color: #005ca9; border: 1px solid #004583;}
#main-col #event-list tr.everactivekids span								{ background-color: #7bad02; border: 1px solid #618901;}
#main-col #event-list tr.cprcourses span									{ background-color: #bb7004; border: 1px solid #925805;}
																			  
#main-col #event-list tr a													{ text-decoration: none; font-size: 12px; color: #333;}
#main-col #event-list tr td													{ padding: 2px 0; border-top:1px solid #cccccc;}

.lightbox a																	{ width: 100px; height: 100px; display: inline-block; margin: 10px 10px 0 0; padding: 1px; border: 1px solid #ddd; }
.lightbox a:hover															{ border: 1px solid #aaa; }