/*-----------------------------------------------------------------------------
	Kelly Benefit Strategies Pro Cycling Web Site
	version: 1.0 for Web
	author:  Sam Wiebe w/ Mark Kimitch
	email: swiebe@circuitsport.com
	-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}
body {
	padding: 0px;
	margin: 0px auto;
	background:url(../images/body-bg-7.png) #06472d repeat-x fixed left top;
	top: 0px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}
hr {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:medium none;
	clear:both;
	height:0;
	margin:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}
#newsfeed {
	height:400px;
}
h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color:#333;
	font-size:28px;
	line-height:28px;
	font-weight:300;
	text-decoration: none;
	color: #00a160;
}


strong {
	font-weight:bold;
}
.riderBio h1 {
	margin:4px 0px 12px 0px;
}
h2 {
	margin: 0px;
	padding: 5px;
	line-height: 1.5em;
	font-size: 19px;
	text-align: left;
	font-weight: normal;
}
h3 {
	margin-bottom: 12px;
	list-style: none;
	font-size: 24px;
	font-weight:bold;
	letter-spacing:-.7px;
	color:#00a160;
	text-align: left;
}
a:link, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#00a160;
	text-decoration:none;
}
h4 {
	font-size:35px;
	color:#00a160;
	line-height:.825em;
	text-align:left;
}
h3 a:visited {
	color:#00a160;
	text-decoration:none;
}
h3 a:hover {
	color:#00a160;
}
#h4mod {
	font-size:31px;
	color:#00703c;
}
h5 {
	font-size:50px;
	letter-spacing:-2px;
	font-weight:bold;
	line-height:.875em;
	color:#FFF;
	margin-bottom:3px;
}
.headSpace {
	padding: 0px 0px 6px 0px;
}
p {
	line-height: 18px;
	font-size: 14px;
	font-weight:300;
	text-align: left;
}
.caption p {
	margin:0px;
	font-size: 10.5 px;
	font-weight: bold;
	line-height:0;
}

.footnote {
margin: 3px 0px 12px 3px;
 font-size:11.5px;
 font-weight:bold;
 color:#666;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}
#contact {
	height:40px;
	background: url(../images/contact.png);
	width:980px;
}
#contact a {
	font-size:12px;
	font-weight:bold;
	color: #104432;
	text-decoration: none;
	margin-top: 11px;
	float:right;
}
#contact a:hover {
	color:#00a160;
}
#banner {
	height: 120px;
	background:url(../images/header-bg.jpg) #FFFFFF repeat-x center top;
	margin:0px 0px 6px 0px;
	position:relative;
}
#header {
	height:77px;
}
#miniBanner {
	width:980px;
	height:79px;
}
#newsletter {
	padding: 0px;
	margin: 0px;
	height: 250px;
	margin-top:15px;
}
.container {
	margin-left:auto;
	margin-right:auto;
	width:980px;
}
#leftColumn {
	margin: 0px;
	width: 595px;
	float: left;
	text-align: left;
}
#featureColumn {
	background:#FFF;
	width:571px;
	padding: 12px 12px 12px 12px;
}
#leftColumn2 {
	width: 594px;
	float: left;
	text-align: left;
}
#rightColumn {
	width: 373px;
	float: left;
	text-align: left;
	margin-left:12px;
}
#mainColumn {
	width: 980px;
	float: left;
	text-align:left;
}
#adminRightColumn {
	width: 361px;
	background: #FFFFFF;
	float: left;
	text-align: left;
}
#rightColumn #form {
	width: 250px;
	margin: 0 auto;
}
#rightColumn #submitBar {
	margin-top: 70px;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}
#rightColumn #submitButton {
	float: left;
	margin-top: 10px;
}
#newsletter p {
	font-size: 9px;
	line-height: 1.2em;
	color: #FFFFFF;
	width: 135px;
	float: left;
	padding: 0px;
	margin-left: 20px;
	margin-top: 10px;
}
#socialLinks {
	font-size:16px;
}
#socialLinks a {
	font-size:16px;
	font-weight:bold;
	color: #00a160;
	line-height:1.3em;
}
.clear {
	clear: both;
}
.newsSub {
	font-size:14px;
	font-weight: normal;
	color:#00A160;
}
.evenRow {
	background-color: #FFFFFF !important;
}
.oddRow {
	background-color: #E3E3E3 !important;
}
.evenRow:hover, .oddRow:hover {
	background-color: #FFFF99 !important;
}
.spookyA {
	height: 325px;
	width: 530px;
	background: url(/images/gory-details.jpg);
}
.spookyB {
	height: 325px;
	width: 530px;
	background: url(/images/gory-details.jpg);
}
.spookyA:hover {
	height: 325px;
	width: 530px;
	background: url(/images/broken-arm.jpg);
}
.spookyB:hover {
	height: 325px;
	width: 530px;
	background: url(/images/broken-hip.jpg);
}
/*BOXOS
	-----------------------------------------------------------------------------*/
.content {
	margin: 0px;
	padding: 0px;
	width: 571px;
	text-align: left;
}
.col1 {
	background:#FFF;
	padding:12px 12px 0px 12px;
	margin-right:12px;
	width: 571px;
	text-align: left;
	float:left;
	font-weight: normal;
	font-size:14px;
	color: #999;
}
.col2 {
	background:#FFF;
	padding: 0px 12px 24px 12px;
	margin: 0px 12px 12px 0px;
	width: 571px;
	float: left;
	text-align: left;
}
#joinBox {
	height: 75px;
	width:349px;
	background: #FFF;
	padding: 12px;
	margin-bottom:12px;
}
#vidBox {
	height: 271px;
	background: #FFF;
	width:349px;
	padding: 12px;
	margin-bottom:12px;
}
#photoBox {
	height: 360px;
	background: #FFF;
	width:349px;
	padding: 12px;
	margin-bottom:12px;
}
#raceBox {
	height: 263px;
	background: #FFF;
	width:349px;
	padding: 12px;
	margin-bottom:12px;
}
#partnerBox {
	height: 183px;
	width:349px;
	background: #FFF;
	padding: 12px;
	margin-bottom:12px;
}
#riderBox {
	height: 895px;
	width:980px;
	background: #FFF;
	margin-bottom:12px;
}
#featuredBox {
	height: 550px;
	width:640px;
	padding: 12px;
	background: #FFF;
	margin: 0px 12px 12px 0px;
	float:left;
}
#featuredBox {
	width:640px;
	padding: 12px 12px 12px 12px;
	background: #FFF;
	margin: 6px 12px 12px 0px;
	float:left;
}
#videoIndex {
	width:280px;
	padding:12px;
	height:550px;
	background:#FFF;
	float:left;
	margin-top:6px;
}
#bigmapBox {
	width:956px;
	padding:12px;
	height:376px;
	background:#FFF;
	float:left;
	margin: 0px 0px 12px 0px;
}
.partnerDescrip {
	padding: 12px;
	width: 570px;
	float: left;
	background: #FFF;
	text-align: left;
	margin-bottom:12px;
}

.pressBox {
	padding: 12px;
	width: 570px;
	height:180px;
	float: left;
	background: #FFF;
	text-align: left;
	margin-bottom:12px;
}

.pressBox img {
	float:left;
	width:182px;
}

.pressBox h3 {
 	font-size:28px;
	color:#00703c;
	line-height:28px;
	margin:0px 0px 6px 12px;
	float:left;
	width:374px;
}

.pressBox p {
	float:left;
	font-size:15px;
	color:#999;
	width:374px;
	margin-left:12px;
	padding-top:5px;
	border-top:1px solid #999;

}

.partnerDescrip img {
	float:left;
	margin-right:10px;
}
.partnerDescrip div {
	width:360px;
	float:left;
}
/*MultiStory feed*/

#multistory {
	margin-bottom:12px;
	margin-top:0px;
	position:relative;
	text-align:left;
}
#timeline {
	color:#FFFFFF;
	height:400px;
	margin-bottom:12px;
	position:relative;
}
#controls {
	top:12px;
	position:absolute;
	right:12px;
	z-index:9998;
}
#controls a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	background:#EFEFEF url(../images/panel_btn_hover.png) repeat scroll 0 0;
	color:#FFFFFF !important;
	display:block;
	float:left;
	font-weight:700;
	margin-left:6px;
	padding:10px 14px 10px 14px;
	text-align:center;
}
#controls a.activeSlide {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFF;
	border: solid 2px #00a160;
	color:#00a160 !important;
}
#multistory .slide {
	height:400px;
	width:980px;
}
#timeline .slide {
	height:300px;
	width:980px;
}
#multistory .story_top div {
	top:12px;
	left:12px;
	padding:6px 12px 20px 12px;
	position:absolute;
	width:420px;
}
#multistory .story_top div p {
	color:#666;
	font-weight:200;
	font-size:17px;
	line-height:18px;
	letter-spacing:.75px;
}
#multistory .story_top div p:hover {
	color:#000;
	font-weight:200;
	font-size:17px;
	line-height:18px;
	letter-spacing:.75px;
}
#multistory .story_top div h5 {
	color:#00a160;
}
#multistory .story_top div h5:hover {
	color:#26c685;
}
#timeline .story_top div {
	left:12px;
	padding:12px 12px 0;
	position:absolute;
	top:12px;
	width:420px;
}
#multistory .story_bottom div {
	bottom:12px;
	left:12px;
	padding:6px 12px 20px 12px;
	position:absolute;
	width:420px;
}
#multistory .story_bottom div p {
	color:#666;
	font-weight:200;
	font-size:17px;
	line-height:18px;
	letter-spacing:.75px;
}
#multistory .story_bottom div p:hover {
	color:#000;
	font-weight:200;
	font-size:17px;
	line-height:18px;
	letter-spacing:.75px;
}
#multistory .story_bottom div h5 {
	color:#00a160;
}
#multistory .story_bottom div h5:hover {
	color:#26c685;
}
#timeline .story_bottom div {
	left:12px;
	padding:12px 12px 0;
	position:absolute;
	top:12px;
	width:420px;
}

#multistory .story_right div {
	bottom:12px;
	right:12px;
	padding:6px 12px 20px 12px;
	position:absolute;
	width:420px;
}
#multistory .story_right div p {
	color:#666;
	font-weight:200;
	font-size:17px;
	line-height:18px;
	letter-spacing:.75px;
}
#multistory .story_right div p:hover {
	color:#000;
	font-weight:200;
	font-size:17px;
	line-height:18px;
	letter-spacing:.75px;
}
#multistory .story_right div h5 {
	color:#00a160;
}
#multistory .story_right div h5:hover {
	color:#26c685;
}
#timeline .story_right div {
	right:12px;
	padding:12px 12px 0;
	position:absolute;
	top:12px;
	width:420px;
}

#multistory .story_hidden div {
	left:-9999em;
	position:absolute;
	width:420px;
}
/*BIOS
	-----------------------------------------------------------------------------*/
.riderBio {
	width:570px;
	background:#FFF;
	padding:12px;
	float:left;
}
#bioLeft {
	width: 373px;
	float:left;
}
#bioRight {
	width: 570px;
	float:left;
	margin-left:12px;
}
#canadian {
	width:560px;
	height:58px;
	background:url(../images/headshots/canadian.jpg);
	margin-bottom:20px;
}
#american {
	width:560px;
	height:58px;
	background:url(../images/headshots/american.jpg);
	margin-bottom:20px;
}
.riderBio p {
	line-height:1.5em;
	text-align:left;
}
.riderBio li {
	font-size: 11px;
	line-height: 15px;
	list-style-type: square;
	padding: 2px 0 2px 2px;
	margin-left: 35px;
	text-align:left;
}
#riderPhoto {
	height: 480px;
	width:349px;
	background: #FFF;
	padding: 12px;
}
.riderBio strong {
	font-weight: bold;
	color:#4d4d4d;
}
.riderSpotlite {
	background:#00a160;
	color:#FFF;
	width:520px;
	padding:22px;
	margin:12px 0px 12px 0px;
}
.riderSpotlite p {
	font-size: 18px;
	line-height:24px;
}
/*NEWS
	-----------------------------------------------------------------------------*/
	
.month {
	margin: 0px;
	padding: 0px;
}
.date {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
}
.title {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	line-height: 28px;
	font-size: 28px;
	font-weight: 300;
	text-decoration: none;
}
.content a {
	text-decoration: none;
	color: #00a160;
	font-weight:bold;
}
.content a:hover {
	color: #00a160;
	text-decoration:underline;
}

#featureColumn a {
	text-decoration: none;
	color: #00a160;
	font-weight:bold;
}
#featureColumna:hover {
	color: #00a160;
	text-decoration:underline;
}

.content h1 a {
	color:#333;
	font-size:28px;
	line-height:28px;
	font-weight:300;
	text-decoration: none;
}

.content h1 a:hover {
	color: #00a160;
	text-decoration: none;
}

.location {
	margin: 0px;
	padding: 0px 5px 2px 0px;
	line-height: 1.2em;
	font-size: 12px;
	font-weight:bold;
	color:#999;
}
.newsArchive {
	margin: 0px;
	padding: 5px 15px !important;
	text-align: left;
}
.newsArchive h2 {
	text-align: left;
	line-height: 1.5em;
}
.newsArchive ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	list-style-position: outside;
}
.newsArchive li {
	padding: 0px;
	line-height: 1.5em;
	font-size: 12px;
	list-style: square;
}
.newsArchive a {
	color: #093D2B;
	text-decoration: none;
}
.newsArchive a:hover {
	color: #e38e00;
	text-decoration: underline;
}
.mainImage {
	padding: 0px;
	margin: 0px;
	text-decoration: none;/*border-left: 1px solid #000000;
		border-right: 1px solid #000000;*/
}
.newsLeft {
	float:left;
	margin-right: 12px;
	margin-top: 4px;
	margin-bottom: 12px;
}
.newsRight {
	float:right;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 10px;
}

.seeAll {
	float:right;
	margin-top:3px;
}

.seeAll a {
	text-align:right;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding-bottom: 5px 0px 8px 0px;
}
.seeAll img {
	margin-left:4px;
}
/*NAVIGATION
	-----------------------------------------------------------------------------*/
#nav {
	width: 980px;
	height:17px;
	margin-bottom:0px;
}
#nav ul {
	margin-top: 0px;
	padding: 0px;
	text-align: center;
}
#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 17px;
	letter-spacing:0px;
	float: left;
	text-align: center;
	display: block;
}
#nav a {
	padding: 0px 30px 0px 0px;
	text-decoration: none;
	font-weight:normal;
	list-style: none;
}
#nav #currentpage a {
	color: #FFF;
	font-size:17px;
	text-shadow: 1px 1px 1px #000;
}
#nav a:link, #nav a:visited {
	color: #00a160;
	text-shadow: 1px 1px 1px #000;
}
#nav a:hover {
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
#nav a:active {
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}

#nav a img {
height:21px;
}

/*CSS ROLLOVERS
	-----------------------------------------------------------------------------*/
.featuredVideo {
	width: 349px;
	height: 210px;
	display: block;
	background: url(../images/vid_thumbs/featured-video-thumb.jpg) no-repeat top left;
}

.featuredVideo:hover {
	background: url(../images/vid_thumbs/featured-video-thumb.jpg) no-repeat bottom left;
}

.deltaGallery {
	width: 171px;
	height: 150px;
	display: block;
	background: url(../images/latest-galleries/delta-gallery.jpg) no-repeat top left;
}

.deltaGallery:hover {
	width: 171px;
	height: 150px;
	display: block;
	background: url(../images/latest-galleries/delta-gallery.jpg) no-repeat bottom left;
}


.nvgpGallery {
	width: 171px;
	height: 150px;
	display: block;
	background: url(../images/latest-galleries/nvgp-gallery.jpg) no-repeat top left;
}

.nvgpGallery:hover {
	width: 171px;
	height: 150px;
	display: block;
	background: url(../images/latest-galleries/nvgp-gallery.jpg) no-repeat bottom left;
}

.phillyGallery {
	width: 171px;
	height: 150px;
	display: block;
	background: url(../images/latest-galleries/philly-gallery.jpg) no-repeat top left;
}
.phillyGallery:hover {
	background: url(../images/latest-galleries/philly-gallery.jpg) no-repeat bottom left;
}

.bretagneGallery {
	width: 171px;
	height: 150px;
	display: block;
	background: url(../images/latest-galleries/bretagne-thumb.jpg) no-repeat top left;
}
.bretagneGallery:hover {
	background: url(../images/latest-galleries/bretagne-thumb.jpg) no-repeat bottom left;
}

/*Sponsor Tags
	-----------------------------------------------------------------------------*/
	
	#mainSponsors {
	width:980px;
	height:35px;
	padding-top:5px;
	margin: 5px 0px -12px 0px;
}
.orbea {
	width: 92px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/orbea.png) no-repeat bottom left;
}
.orbea:hover {
	background: url(../images/sponsors/orbea.png) no-repeat top left;
}
.mavic {
	width: 82px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/mavic.png) no-repeat bottom left;
}
.mavic:hover {
	background: url(../images/sponsors/mavic.png) no-repeat top left;
}
.sram {
	width: 88px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/sram.png) no-repeat bottom left;
}
.sram:hover {
	background: url(../images/sponsors/sram.png) no-repeat top left;
}
.medifast {
	width: 95px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/medifast.png) no-repeat bottom left;
}
.medifast:hover {
	background: url(../images/sponsors/medifast.png) no-repeat top left;
}
.kinetic {
	width: 91px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/kinetic.png) no-repeat bottom left;
}
.kinetic:hover {
	background: url(../images/sponsors/kinetic.png) no-repeat top left;
}
.optumhealth {
	width: 92px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/optumhealth.png) no-repeat bottom left;
}
.optumhealth:hover {
	background: url(../images/sponsors/optumhealth.png) no-repeat top left;
}
.lazer {
	width: 70px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/lazer.png) no-repeat bottom left;
}
.lazer:hover {
	background: url(../images/sponsors/lazer.png) no-repeat top left;
}
.champsys {
	width: 74px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/champ-sys.png) no-repeat bottom left;
}
.champsys:hover {
	background: url(../images/sponsors/champ-sys.png) no-repeat top left;
}
.tifosi {
	width: 94px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/tifosi.png) no-repeat bottom left;
}
.tifosi:hover {
	background: url(../images/sponsors/tifosi.png) no-repeat top left;
}
.sfm {
	width: 48px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/sfm.png) no-repeat bottom left;
}
.sfm:hover {
	background: url(../images/sponsors/sfm.png) no-repeat top left;
}
.visualimpact {
	width: 83px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/visual-impact.png) no-repeat bottom left;
}
.visualimpact:hover {
	background: url(../images/sponsors/visual-impact.png) no-repeat top left;
}
.wbr {
	width: 71px;
	height: 35px;
	display: block;
	background: url(../images/sponsors/wbr.png) no-repeat bottom left;
}
.wbr:hover {
	background: url(../images/sponsors/wbr.png) no-repeat top left;
}
/*ScrollPane Slider*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #00a160;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}
.videoIndex {
	float:left;
}
.scroll-pane {
	width: 280px;
	height: 514px;
	overflow: auto;
	float: left;
	text-align:left;
}
/*Footer Tags
	-----------------------------------------------------------------------------*/
#footer {
	height: 160px;
	background:#02241b;
	margin-top:24px;
	position:relative;
}
.footerContent {
	padding-top:20px;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#footer p {
	margin-top: 10px;
	padding: 5px;
	line-height: 1.2em;
	font-size: 11px;
	color:#999;
	text-align: left;
	float:left;
}
#footer ul {
	margin-top: 0px;
	padding: 0px;
	text-align: center;
}
#footer li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 14px;
	float: left;
	text-align: center;
	display: block;
}
#footer a {
	padding: 0px 70px 0px 0px;
	text-decoration: none;
	font-weight:bold;
	list-style: none;
}
#footer a:link, #footer a:visited {
	color: #00a160;
	text-shadow: 1px 1px 1px #000;
}
#footer a:hover {
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
}
#footer a:active {
	color: #FFF;
}
#contactBox a {
	margin: 20px 20px 0px 0px;
	padding:0px;
	float:left;
	height:40px;
	width:130px;
}
#contactBox a:link, #contactBox a:visited {
	font-size:24px;
	font-weight:bold;
	color:#FFF;
}
#contactBox a:hover {
	color:#00a160;
}
/* ZENPHOTO Image Thumbnails
	-----------------------------------------------------------------------------*/
	.image {
	margin: 0;
	padding: 0;
	border: 0;
}
.imagethumb a, .imagethumb a:hover {
	display: block;
	margin: 12px 12px 12px 12px;
	line-height: 0px;
}
.imagethumb a:visited {
}
.imagethumb a:hover {
}
.imagethumb {
	float: left;
}
/* jQuery Datepicker
	-----------------------------------------------------------------------------*/
	#dialog_link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
#dialog_link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
ul#icons {
	margin: 0;
	padding: 0;
}
ul#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
ul#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
/* zRoll */
	
.zitem {
	width:171px;
	height:114px;
	border:none;
	margin:0px 3.5px 3.5px 0px;
	/* required to hide the image after resized */  
		   overflow:hidden;
	/* for child absolute position */  
		   position:relative;
	/* display div in line */  
		   float:left;
}
.zitem .caption {
	width:171px;
	height:114px;
	background:#00a160;
	color:#000;
	/* fix it at the bottom */  
    position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;
	/* hide it by default */  
		   display:none;
	/* opacity setting */  
		   filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.zitem .caption a {
	text-decoration:none;
	color:#FFF;
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	/* add spacing and make the whole row clickable*/  
	padding:5px;
	display:block;
}
.yitem {
	width:150px;
	height:210px;
	border:none;
	margin:11px 0px 0px 11px;
	/* required to hide the image after resized */  
		   overflow:hidden;
	/* for child absolute position */  
		   position:relative;
	/* display div in line */  
		   float:left;
}
.yitem .caption {
	width:150px;
	height:65px;
	background:#00a160;
	color:#000;
	/* fix it at the bottom */  
		   position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;
	/* hide it by default */  
		   display:none;
	/* opacity setting */  
		   filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.yitem .caption a {
	text-decoration:none;
	color:#FFF;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	/* add spacing and make the whole row clickable*/  
		   padding:5px;
	display:block;
}
.xitem {
	width:256px;
	height:171px;
	border:none;
	margin:0px 0px 12px 0px;
	/* required to hide the image after resized */  
		   overflow:hidden;
	/* for child absolute position */  
		   position:relative;
	/* display div in line */  
		   float:left;
}
.xitem .caption {
	width:256px;
	height:60px;
	background:#00a160;
	color:#000;
	/* fix it at the bottom */  
		   position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;
	/* hide it by default */  
		   display:none;
	/* opacity setting */  
		   filter:alpha(opacity=90);    /* ie  */
	-moz-opacity:0.9;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.9;    /* for really really old safari */
	opacity: 0.9;    /* css standard, currently it works in most modern browsers like firefox,  */
}
.xitem .caption a {
	text-decoration:none;
	color:#FFF;
	font-size:20px;
	line-height:21px;
	font-weight:bold;
	/* add spacing and make the whole row clickable*/  
	padding:5px;
	display:block;
}
.xitem .caption p {
	text-decoration:none;
	font-weight:normal;
	font-size:14px;
	color:#000;
	line-height:15px;
	margin-top:8px;
	padding-top:6px;
	border-top:1px dotted #FFF;
}
img {
	border:0;
	margin:0px;/* allow javascript moves the img position*/
}
.tipClass1 {
	color:#00a160;
}
.tipClass2 {
	color:#000;
	font-weight:normal;
}
/*DatePicker Style Tags
-----------------------------------------------------------------------------*/

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
	border-collapse: separate;
	border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}
/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
/*DatePicker Style Tags
-----------------------------------------------------------------------------*/
#kbs_admin input.dp-applied {
	width: 140px;
	float: left;
}
#kbs_admin a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 1px 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/admin/calendar.png) no-repeat;
}
#kbs_admin a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
#kbs_admin #calendar-me {
	margin: 20px;
}