/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Clearfix
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	General
*/

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #424040;
	background: #FFF url(../images/header_1.jpg) no-repeat 0 0;
	background-position: center 0 !important;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1 {
	font-size: 16px;
	padding: 0 0 12px 0;
	color: #000;
}

h2 {
	font-size: 14px;
	padding: 0 0 6px 0;
	color: #902362;
}

h3 {
	font-size: 12px;
	padding: 0 0 3px 0;
	color: #000;
}

h4 {
	font-size: 11px;
	padding: 0 0 3px 0;
}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link {
	color: #265B91;
	border-color: #A8BDD3;
}

a:visited {
	color: #204D7A;
	border-color: #A8BDD3;
}

a:hover {
	color: #265B91;
	border-color: #265B91;
}

a:active {
	color: #000;
	border-color: #000;
}

/* .content defaults */

.content ul {
	list-style: none;
	padding: 0 0 12px 0;
}

.content ul li {
	padding-left: 16px;
	background: url(../images/bullet.gif) no-repeat 0 8px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 16px;
}

.content dl {
	padding: 0 0 12px 16px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px; 
	padding: 12px 0;
}

.content cite,
.content em {
	font-style: italic;
}

.content table {
	margin-bottom: 12px;
	width: 100%;
}

.content table caption{
	display: none;
}

.content td, 
.content th {
	border: 1px solid #E2E5EA;
	font-size: 10px; 
	padding: 6px;
}

	.content td.blue {
		background: #33cccc;
		color: #000;
	}

	.content td.yellow {
		background: #ffcc00;
		color: #000;
	}

	.content td.orange {
		background: #ff6600;
		color: #000;
	}

	.content td.green {
		background: #99cc00;
		color: #000;
	}

	.content td.pink {
		background: #ff99cc;
		color: #000;
	}

	.content td.purple {
		background: #bd86a4;
		color: #000;
	}


.content th {
	font-weight: 700;
	background: #F6F9FC;
}

div.hr hr {
	display: none;
}

div.hr {
	clear: both;
	height: 1px;
	margin: 12px 0 12px 0;
	background: #CCC;
}
/*
	Page structure and layout
*/

#container {
	width: 936px;
	margin: 0 auto;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;;
}

	/* General */

	/* Header */

	/* Logo */

	#logo h2 {
		position: absolute;
		top:42px;
		left: 646px;
		width: 230px;
		height: 100px;
		text-indent: -9999px;
	}

	#logo h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border-bottom: none;
	}

	/* Navigation */

	#navigation ul {
		float: right;
		font-weight: 700;
		padding-right: 62px;
	}

		#navigation ul li {
			float: left;
			padding-left: 10px;
		}

			#navigation ul li a {
				float: left;
				padding: 0 10px;
				color: #FFB6DA;
				border-bottom: none;
				height: 26px;
				line-height: 26px;
			}

			#navigation ul li a:link, #navigation ul li a:visited {
				color: #FFB6DA;
				border-bottom: none;
			}

			#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {
				color: #FFF;
				border-bottom: none;
			}

			/*selected*/
			#navigation ul li.selected a:link, #navigation ul li.selected a:visited,
			#navigation ul li.selected a:hover, #navigation ul li.selected a:active, #navigation ul li.selected a:focus {
				color: #FFF;
				border-bottom: none;
			}

	/* main */

	#main {
		padding: 214px 0 24px 0;
	}

	#content {
		float: right;
		width: 456px;
		padding-right: 96px;
	}

	#side {
		float: left;
		width: 230px;
		padding-left: 88px;
		padding-top: 172px;
	}

	/* subnavigation */

	#subnav {
		padding-bottom: 12px;
	}

	#subnav ul li a {
		background: #871F5A url(../images/arrow_white.gif) no-repeat 12px 11px;
		border: 1px solid #741B4D;
		padding: 6px 12px 6px 30px;
		display: block;
		color: #FFF;
		font-size: 11px;
		font-weight: 700;
	}

	#subnav ul li a:link, #subnav ul li a:visited {
		background-color: #871F5A;
		border: 1px solid #741B4D;
		color: #FFF;
	}

	#subnav ul li a:hover, #subnav ul li a:active, #subnav ul li a:focus {
		background-color: #741B4D;
		border: 1px solid #741B4D;
		color: #FFF;
	}

	/* selected */
	#subnav ul li.selected a:link, #subnav ul li.selected a:visited,
	#subnav ul li.selected a:hover, #subnav ul li.selected a:active, #subnav ul li.selected a:focus {
		background-color: #741B4D;
		border: 1px solid #741B4D;
		color: #FFF;
	}

	/* Footer */

	#footer {
		border-top: 1px solid #CCC;
		width: 890px;
		margin-left: 24px;
		padding: 16px 0;
	}

		#footer img {
			display: block;
			float: left;
			}

		#footer p {
			padding-top: 12px;
			float: right;
			}


/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* Form style */

label {
	font-size: 12px;
	padding: 4px 0;
	padding-right: 30px;
	display: block;
	width: 110px;
}

input.inputText, input.password, textarea, input.input-datefield, input.text {
	font-size: 12px;
	background: #FFF;
	border: 1px solid #C4C4C4;
	padding: 3px 6px;
	margin: 0;
	color: #1F1F1F;
}

input[disabled] {
	color: #777;
}

textarea {
	line-height: 1.4;
	max-width: 100%;
	width: 443px;
	height: 250px;
}

input.inputText, input.password, input.text {
	width: 200px;
}

input:focus, textarea:focus {
	border-color: #000; 
	background: #FFF;
	color: #1F1F1F;
}

	#searchForm input.inputText:focus {
		background: #FFF;
		color: #1F1F1F;
	}

input.inputSubmit, button {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	cursor: pointer;
	width:auto;
	overflow:visible;
	background: #3989DB url(../images/bg_button.gif) repeat-x 0 0;
	border: 1px solid #285AA5;
	color:#FFF;
	font-weight: 700;
	padding: 2px 4px;
}

input.inputSubmit:hover {
	border-color: #224D8C;
	color: #FFF;
	background-position: 0 -22px;
}


input.inputSubmit:active,
input.inputSubmit:focus {
	border-color: #224D8C;
	color: #FFF;
	background-position: 0 -22px;
}

select, option {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.formError {
	color: #FF1000;
	display: block;
	font-size: 10px;
}

.formSuccess {
	color: #325959;
	display: block;
	font-size: 10px;
}

span.form-error, span.form-success {
	display: block;
	padding: 0 0 5px 0;
}

form p {
	padding-bottom: 12px;
}

/* checkboxes */

ul.checkbox {
	list-style: none;
	padding: 6px 0 12px 0;
	width: 223px;
}

#contactForm  ul.checkbox {
	width: 400px;
}

li.label_checkbox_pair {
	clear: both;
	float: none;
	position: relative;
	padding-bottom: 2px;
}

li.label_checkbox_pair input {
	left: 0;
	position: absolute;
	top: 4px;
	margin: 0;
	width: auto !important; /* IE6 fix */
	background: none; /* IE6 fix */
}

li.label_checkbox_pair label {
	display: inline;
	margin-left: 24px;
	width: 150px;
	padding: 0 0 0 0;
	font-size: 13px;
	letter-spacing: 0;
	text-transform: none;
	color: #1F1F1F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

	#contactForm li.label_checkbox_pair label {
		width: 300px;
	}

/* 
	form Block 
*/

.formBlock form input, .formBlock form textarea {
	display: block;
}

.formBlock form p {
	width: 459px;
}

.formBlock label {
	position: relative;
	display: block;
	margin-left: -160px;
	text-align: right;
	float: left;
	line-height: 22px;
	width: 140px;
	padding-right: 0;
	display: inline; /* IE6 & IE7 fix*/
}

/* General classes */

.hidden { display: none; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }
.intro { font-family: Georgia, 'Times New Roman', sans-serif; font-size: 14px; color: #7D7D7D; font-style: italic;}
.topPadding  { padding-top: 12px;}
.title {padding-bottom: 2px;}
.metaTitle {
	font-size: 10px;
}

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

/* likeButton */

a.likeButton {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	cursor: pointer;
	width:auto;
	overflow:visible;
	background: #3989DB url(../images/bg_button.gif) repeat-x 0 0;
	border: 1px solid #285AA5;
	color:#FFF;
	font-weight: 700;
	padding: 2px 4px;
	float: left;
}

a.likeButton:link, a.likeButton:visited {
	background-position: 0 0;
	border-color: #285AA5;
	color:#FFF;
}

a.likeButton:hover, a.likeButton:active, a.likeButton:focus {
	background-position: 0 -22px;
	border-color: #224D8C;
	color:#FFF;
}

/* block */

.block {
	background: #F6F9FC;
	border: 1px solid #E2E5EA ;
	padding: 12px;
}

	#side .block {
		padding: 11px;
	}

.block h3 {
	font-size: 13px;
	color: #000;
	padding-bottom: 12px;
}

/* subscribe */

#subscribeForm {
	padding-top: 6px;
}

#subscribeForm form p {
	float: left;
	padding-bottom: 0;
}

#subscribeForm input.inputText {
	width: 108px;
	margin-right: 6px;
}

/* accentBlock */

.accentBlock {
	background: #871F5A url(../images/accent_bg.gif) repeat-x 0 bottom;
	border: 1px solid #741B4D;
	padding: 12px;
	font-size: 11px;
	color: #FFF;
}

.accentBlock a {
	border-bottom: 1px solid #B5779A;
	color: #FFF;
}

.accentBlock a:link, .accentBlock a:visited {
	border-color: #B5779A;
	color: #FFF;
}

.accentBlock a:hover, .accentBlock a:active, .accentBlock a:focus {
	border-color: #FFF;
	color: #FFF;
}

.accentBlock h3 {
	font-size: 13px;
	color: #000;
	padding-bottom: 12px;
	color: #FFF;
}

.accentBlock h3 a {
	border-bottom: none;
}

.accentBlock h3 img {
	display: block;
}


/* photoBlock*/

.photoBlock {
	margin-top: 12px;
	background: #F6F9FC;
	border: 1px solid #E2E5EA;
}

.photoHolder a {
	border-bottom: none;
}

.photoBlock img {
	width: 228px;
	display: block;
}

.photoBlock h3 {
	font-size: 13px;
	color: #000;
	padding-bottom: 12px;
}

.photoBlock .photoContent {
	padding: 12px;
}

/* sponsor */

.sponsor img {
	display: block;
}

.sponsor a {
	border-bottom: none;
}

/* eventBrowse */

.eventBrowse {
	padding-top: 12px;
}

.eventBrowse .block h3 {
	padding-bottom: 3px;
}

.eventBrowse .block p {
	padding-bottom: 6px;
}

/* fbBlock */

.fbBlock {
	padding-top: 12px;
}

/* lessons */

#lessons {
	width: 895px;
	position: relative;
	left: -360px;
	top: 24px;
}

	#lessons ul {
		float: left;
		width: 148px;
	}

		#lessons ul li {
			display: block;
			padding: 15px;
			margin: 0;
			border: 3px solid #FFF;
			color: #000;
			font-family: 'lucida Grande', Helvetica, Arial, sans-serif;
			font-size: 11px;
			background: none;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		

			#lessons ul li a:link, #lessons ul li a:visited,
			#lessons ul li a:hover, #lessons ul li a:active {
				border-bottom: 1px solid #000;
				color: #000;
			}

		#lessons ul li.day {
			text-align: center;
			background: #f6f9fc;
			border-color: #e1e1e1;
			color: #000;
			font-weight: 700;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 13px;
		}

		#lessons ul li.lesson {
			min-height: 120px;
			height: auto !important;
			height: 130px;
		}

		/* icons + fonts */
			#lessons .lessonDate, #lessons .place, #lessons .mentor, #lessons .level {
				display: block;
				padding-left: 16px;
			}

			#lessons .level {
				padding-left: 0;
			}

			#lessons .lessonDate {
				background: url(../images/table/date.png) no-repeat 0 3px ;
			}

			#lessons .place {
				background: url(../images/table/flag.png) no-repeat 2px 4px ;
			}

			#lessons .mentor {
				background: url(../images/table/mentor.png) no-repeat 0 4px ;
			}

			#lessons .type {
				display: block;
				padding-top: 6px;
				font-family: Helvetica, Arial, sans-serif;
				font-size: 13px;
				font-weight: 700;
				text-transform: uppercase;
			}

			/* new colors */


			.beginner {
				background: #21ae80 !important;
			}

			.alllevels {
				background: #ffe574 !important;
			}

			.alllevelsplus {
				background: #f49430 !important;
			}

			.advanced {
				background: #bc2b62 !important;
				color: #FFF !important;
			}
				.advanced a:link,
				.advanced a:visited,
				.advanced a:hover,
				.advanced a:active {
					color: #FFF !important;
					border-color: #FFF !important;
				}

				.open {
					background: #00b3d4 !important;
					color: #FFF !important;
				}
					.open a:link,
					.open a:visited,
					.open a:hover,
					.open a:active {
						color: #FFF !important;
						border-color:#FFF !important;
					}


			.fbButton {
				margin-top: 12px;
			}

			.fbButton a {
				display: block;
				border-bottom: none;
			}

			.fbButton img {
				display: block;
			}