/*
	Skin "" stylesheet for the default template
*/
body{
	background-color: #1b1a1a;
	font-family: Arial, Tahoma, "Trebuchet MS", Serif;
	color: #000;
}
h1, h2, h3, h4, h5, h6{
	/*font-family: Georgia, "Times New Roman", serif;*/
}
/* For Firefoxs' stupid focus ring */
select:focus, a:focus{
	outline: none; 
}
blockquote{
	padding: 10px 40px 10px 40px;
	background: transparent url(../images/blockquote.png) no-repeat top left;	
	text-align: justify;
	font-size: 0.8em;
	color: #666;
}

/* Layout classes */
div.layout-wrapper{
	width: 100%;
	height: 100%;
}
	div.layout-wrapper div.layout-page{
		width: 900px; 
		min-height: 700px;
		margin: 0px auto 0px auto;
	}
		div.layout-page div.page-header{
			padding-top: 10px;
			height: 180px;
			width: 900px;
			background: #1b1a1a url(../images/header-bg.png) repeat-x bottom left;
		}
			div.page-header div.page-header-content{
				height: 180px;
				width: 900px;
			}
				div.page-header-content div.logo{
					height: 156px;
					width: 182px;
				}
				div.page-header-content div.content{
					height: 156px;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					width: 718px;
				}
			div.page-header div.page-header-menu{
				height: 60px;
				width: 718px;
				margin: 30px 0px 0px 0px;
			}
			div.page-header div.page-header-login{
				height: 90px;
				width: 718px;
			}

		div.layout-page div.page-body{
			min-height: 400px;
			width: 900px;
		}
			div.page-body div.page-body-banner{
				width: 900px;
				height: 181px;
				padding-top: 4px;
			}
				div.page-body div.page-body-banner div.top{
					width: 900px;
					height: 11px;
					background: transparent url(../images/banner-top.png) no-repeat top left;
				}
				div.page-body div.page-body-banner div.banner{
					width: 879px;
					margin-left: 1px;
					padding-left: 20px;
					padding-top: 9px;
					height: 161px;
					background: transparent url(../images/banner-bg.png) repeat-x top left;
				}
					div.page-body div.page-body-banner div.banner div.slideshow{
						width: 287px;
						height: 149px;
						background: transparent url(../images/slideshow-frame.png) no-repeat top left;
						float: left;
					}
						div.page-body div.page-body-banner div.banner div.slideshow div.slide{
							overflow-y: hidden;
							height: 130px;
						}
							div.page-body div.page-body-banner div.banner div.slideshow div.slide img{
								width: 259px;
								padding-left: 10px;
								padding-top: 10px;
							}
			div.page-body div.page-body-content{
				width: 879px;
				border-left: 1px solid #1B1A1A;
				padding: 20px 10px;
				min-height: 177px;
				background: #fff url(../images/body-content-bg.png) repeat-x top left;
				font-size: 0.9em;
				letter-spacing: 0.1em;
			}
				div.page-body div.page-body-content a{
					color: #333; border-bottom: 1px dotted #333;
					text-decoration: none;					
				}
					div.page-body div.page-body-content a:hover{
						color: #999; border-bottom: 1px dotted #999;
					}
				div.page-body div.page-body-content div.main {
					width: 470px;
					float: right;
					padding: 0px 40px;
				}
					div.page-body div.page-body-content div.main.fullwidth{
						width: 799px;
					}
		div.layout-page div.page-footer{
			margin-top: 5px;
			padding: 30px;
			width: 840px;
			text-align: center;
			font-size: 0.7em;
			color: #666;
		}
			div.layout-page div.page-footer a{
				color: #ccc;
				border-bottom: 1px dotted #ccc;
				text-decoration: none;
			}
				div.layout-page div.page-footer a:hover{
					color: #999;
					border-bottom: 1px dotted #999;
				}
/*
	Header menu
*/
div.page-header-menu ul.headermenu{
	list-style:none outside none;
	margin:0px;
	padding:0px;
}
	div.page-header-menu ul.headermenu li{
		display:block;
		float:left;
		position:relative;
		text-align:center;
		text-decoration:none;
		margin-right: 1px;
	}
		div.page-header-menu ul.headermenu li.active,
		div.page-header-menu ul.headermenu li.current{
			color: #f26522;
			background: transparent url(../images/menu-active-bg.png) no-repeat top right;
		}	
		div.page-header-menu ul.headermenu li a{
			display:block;
			height:46px;
			line-height: 3.2em;
			margin:0px; margin-right: 14px;
			padding-left:14px;
			padding-right:0px;
			text-decoration:none;
			text-transform: uppercase;
			/*letter-spacing: 3px;*/
			font-size:0.7em;
			font-family: Georgia, "Times New Roman", serif;
			color: #fff; background-color: transparent;
		}
			div.page-header-menu ul.headermenu li.active a,
			div.page-header-menu ul.headermenu li a:hover{
				color: #f26522; 
				background: transparent url(../images/menu-active-door.png) no-repeat top left;
			}
/*
	Sidebar Menu
*/
div.sidebar ul.sidebarmenu{
	list-style: none outside none;
	margin:0px;
	padding:0px;
}
	div.sidebar ul.sidebarmenu li{
		list-style: none outside none; 
	}
		div.sidebar ul.sidebarmenu li a{
			display: block;
			width: 210px;
			height: 38px;
			background: transparent url(../images/sidebarmenuitem.png) no-repeat left center;
			border-bottom: 1px solid #F26522;
			color: #fff;
			font-family:Georgia,"Times New Roman",serif;
			font-size: 1em;
			font-weight: normal;
			margin-bottom: 7px;
			line-height: 38px;
			text-align: center;
		}
			div.sidebar ul.sidebarmenu li a:hover{
				border-bottom: 1px solid #F26522;
				color: #f26522;
			}
		div.sidebar ul.sidebarmenu li.active a{
			font-weight: bold;
		}

/*
	Breadcrumb navigation
*/
div.page-header-content div.breadcrumbs{
	color: #666;
	font-size: 11px;
	padding-left: 30px;
	height: 24px;
	margin: 0px;
	width: 870px;
	line-height:24px;
}
	div.page-header-content div.breadcrumbs span.B_crumbBox {
		text-transform: uppercase;
		font-size: 11px;
	}
	div.page-header-content div.breadcrumbs a{
		color: #666;
		text-decoration: none;
		border-bottom: 1px dotted #666;
	}
		div.page-header-content div.breadcrumbs a:hover{
			color: #fff;
			border-bottom: 1px dotted #fff;
		}

/*
	readMore link
*/
div.page-body div.page-body-content a.readmore{
	display: inline-block;
	text-indent: -10000px;
	outline: none;
	text-decoration: none;
	background: transparent url(../images/readmore.png) no-repeat left 4px;
	height: 20px;
	width: 82px;
	border-bottom: 0px none;
	margin-bottom: 1px;
}
	div.page-body div.page-body-content a.readmore:hover{
		border-bottom: 1px dotted #ccc;
		margin-bottom: 0px;
	}

/*
	Content - styles
*/
div.page-body div.page-body-content div.main p{
	text-align: justify;
	font-size: 0.9em;
	line-height: 1.4em;
}

/*
	Content - news layout
*/
table.newslayout{
		
}
	table.newslayout td{
		padding: 0px;
	}
div.page-body div.page-body-content div.dittonewslayout{
	padding: 0px 0px 0px 40px;
	font-size:0.8em;
	line-height:2em;
	text-align: justify;	
}
div.page-body div.page-body-content div.dittonewslayout.small{
	padding-left: 0px;	
	line-height: 1.7em;	
	font-size: 11px;
}
	div.page-body div.page-body-content div.dittonewslayout h3{
		margin: 0px;
		padding-left: 30px;
		background: transparent url(../images/newsitembullet.png) no-repeat left center;
		text-align: left;
	}
		div.page-body div.page-body-content div.dittonewslayout h3 a{
			color: #000;
			font-size: 1.2em;
		}
			div.page-body div.page-body-content div.dittonewslayout h3 a:hover{
				color: #999;
			}
	div.page-body div.page-body-content div.dittonewslayout hr{
		height: 1px;
		border: 0px none;
		border-top: 1px dotted #ccc;
		margin: 10px 0px; 
	}

/*
	Sidebar styling
*/
div.page-body div.page-body-content div.sidebar {
	width: 239px;
	float: left;
	padding: 0px 40px;
	border-right: 1px solid #999;
	font-size:0.8em;
	line-height:2em;
}
	div.page-body div.page-body-content div.sidebar p,
	div.page-body div.page-body-content div.sidebar td{
		text-align: justify;
	}

/*
	Under construction banner
*/
div#uc-banner{
	position: absolute;
	background-color: #666666;
	text-align: center;
	font-size: 0.9em;
	padding: 3px;
	height: 20px;
	top: 0px; left: 0px;
	color: #ffffff;
	-khtml-opacity:.70; 
	-moz-opacity:.70; 
	-ms-filter:"alpha(opacity=70)"; 
	filter:alpha(opacity=70); 
	opacity:.70;
	z-index: 1000;
}
/*
	Media Gallery
*/
div.mediagallery{
	text-align: center;	
	width: auto;
	padding-left: 15px;
}
	div.page-body div.page-body-content div.mediagallery a{
		display: block;
		float: left;
		width: 82px;
		height: 82px;
		border: 4px solid #f26522;
		background-color: #C0C0C0;
		margin: 3px;
	}
		div.page-body div.page-body-content div.mediagallery a img{
			max-width: 80px;
			max-height: 80px;
			border: 1px solid #999;
		}

/* Instructors listing */
.ui-accordion-header a{border-bottom: 0px none !important;}
#instructors-list .listrow{
	width: 645px;
	padding-left: 50px;
	height: 90px;	
}
#instructors-list .wrap{
	height: 300px;
    overflow-y: auto;
}
#instructors-list .listrow .cell{
	float: left;
}
#instructors-list .listrow .picture{
	height: 60px;
	width: 60px;
	margin-left: 40px;
	margin-right: 20px;
}
	#instructors-list .listrow .picture img{
		height: 50px;
		width: 50px;
		margin: 0px 5px 10px 5px;
	}
	#instructors-list .listrow .name{
		width: 270px;
		text-align: left;
		font-size: 1.1em;
		font-weight: bold;
	}
	#instructors-list .listrow .member_level_full{
		width: 250px;
		text-align: right;
		float:right;
	}
	#instructors-list .listrow .member_level{
		height: 30px;
		width: 645px;
		line-height: 30px;
		padding: 0px;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
	}
	#instructors-list .listrow .pfs_rank,
	#instructors-list .listrow .ttf_role{
		width: 520px;
	}
	#instructors-list .listrow .ttf_role .highlight{
		background-color: #F26522;
	}

/* Utility classes */
.floatleft{
	width: auto;
	height: auto;
	float: left;
}
.floatright{
	width: auto;
	height: auto;
	float: right;
}
.clearfloat{
	clear: both;
}
.error{
	color: #ff0000;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style:italic; 
}
.small{
	font-size: 0.8em;
}
.centered{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	text-align: center;
}
.noborder{
	border: 0px none;
}
.highlight{
	background-color: #363B41;
	color: #fff;
}
.thickmargin{
	margin: 30px;
}
.thickpadding{
	padding: 30px;
}
.mediummargin{
	margin: 15px;
}
.mediumsidemargin{
	margin-left: 15px;
	margin-right: 15px;
}
.mediumtopmargin{
	margin-top: 15px;	
}
.mediumrightmargin{
	margin-right: 15px;	
}
.mediumpadding{
	padding: 15px;
}
.smallsidemargin{
	margin-left: 5px;
	margin-right: 5px;
}
.indentleft{
	margin-left: 40px;
}
.indentright{
	margin-right: 40px;
}
.dblspace{
	line-height: 2em;
}
.justifyright{
	text-align: right !important;
}
.justifyleft{
	text-align: left !important;
}
ol.nobullet,
ul.nobullet{
	list-style-type: none;
	margin-left: 0px;
}
	ol.nobullet li,
	ul.nobullet li{
		line-height: 38px;
	}
.loading{
	display:inline-block;
	padding-left: 40px;
	height: 32px;	
	line-height: 32px;	
	background: transparent url("images/loading.gif") no-repeat left center;
}