/* Basics
------------------------------------------*/

body#home {
	font: 14px/1.5 Helvetica, Arial, sans-serif;
	background: #fff url(../images/bg_home.jpg) no-repeat top left;
	color: #999;
}

body {
	font: 14px/1.5 Helvetica, Arial, sans-serif;
	background: #fff url(../images/bg_inner.jpg) no-repeat top left;
	color: #999;
}

/* Basics
------------------------------------------*/

a:focus {
	outline: 1px dotted invert;
}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* Headings
------------------------------------------*/

h1 {
	font-size: 25px;
	color: #fff;
	font-weight: normal;
	padding: 20px 0 15px 0;
}

h2 {
	font-size: 19px;
	padding: 15px 0 0 0;
	font-weight: normal;
	color: #ccc;
}

h3 {
	font-size: 17px;
	padding: 15px 0 5px 0;
	font-weight: normal;
}

h4 {
	font-size: 14px;
	padding: 0 0 5px 0;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	padding: 20px 0 5px 0;
	font-weight: bold;
}

h6 {
	font-size: 11px;
	padding-bottom: 10px;
}

/* Text
------------------------------------------*/

p {
	padding-bottom: 1em;
}

#footerWrapper p {
	font-size: 11px;
	overflow: hidden;
	padding-bottom: 1em;
}

#footerWrapper h1 {
	font-size: 19px;
	overflow: hidden;
	padding-bottom: 0;
}

.hometitle {
	padding-left: 70px;
}

.textblock {
	padding: 15px 15px 15px 15px;
	margin: 10px 60px 30px 0;
	background-color: #999;
	color: black;
}

.textblock h2 {
	padding: 15px 5px 5px 8px;
}

.top {
	padding-top: 0;
}

.newsdate {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
}

.caption {
	font-size: 10px;
	padding-top: 0;
	padding-bottom: 0;
}

.date {
	font-weight: bold;
	color: #ccc;
	padding-right: 5px;
}

.homeSideColumn h2 {
	padding-top: 25px;
}



/* Lists
------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
	font-size: 12px;
}

li {
	margin-left: 30px;
	padding-bottom: 2px;
}

.homeSideColumn ul {
	list-style: none;
	padding-top: 14px;
}

.homeSideColumn li {
	margin-left: 0;
	padding-bottom: 8px;
	line-height: 1.4em;
}

#footerWrapper ul {
	list-style: none;
	font-size: 11px;
	padding-top: 6px;
}

#footerWrapper ul li {
	line-height: 1em;
	padding-bottom: 9px;
	margin-left: 0;
}


/* Spacing
------------------------------------------*/

.homeMainColumn p, .homeMainColumn dl, .homeMainColumn hr, .homeMainColumn h1, .homeMainColumn h2, .homeMainColumn h3, .homeMainColumn h4, .homeMainColumn h5, .homeMainColumn h6, .homeMainColumn ol, .homeMainColumn ul, .homeMainColumn pre, .homeMainColumn table, .homeMainColumn address, .homeMainColumn fieldset {
	margin-left: 60px;
}

.homeSideColumn p, .homeSideColumn dl, .homeSideColumn hr, .homeSideColumn h1, .homeSideColumn h2, .homeSideColumn h3, .homeSideColumn h4, .homeSideColumn h5, .homeSideColumn h6, .homeSideColumn ol, .homeSideColumn ul, .homeSideColumn pre, .homeSideColumn table, .homeSideColumn address, .homeSideColumn fieldset {
	margin-right: 60px;
}

.mainColumn p, .mainColumn dl, .mainColumn hr, .mainColumn h1, .mainColumn h2, .mainColumn h3, .mainColumn h4, .mainColumn h5, .mainColumn h6, .mainColumn ol, .mainColumn ul, .mainColumn pre, .mainColumn table, .mainColumn address, .mainColumn fieldset {
	margin-right: 60px;
}

.sideColumn p, .sideColumn dl, .sideColumn hr, .sideColumn h1, .sideColumn h2, .sideColumn h3, .sideColumn h4, .sideColumn h5, .sideColumn h6, .sideColumn ol, .sideColumn ul, .sideColumn pre, .sideColumn table, .sideColumn address, .sideColumn fieldset {
	margin-left: 60px;
}

/* Links
------------------------------------------*/

a:link {
	color: #ea00ff;
	text-decoration: none;
}

a:visited {
	color: #ea00ff;
	text-decoration: none;
}

a.here {
	color: #999;
	text-decoration: none;	
}

a:hover {
	color: #999;
	text-decoration: none ;
}

.external {
	background: url(../images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}

.textblock a:link {
	color: #fff;
	text-decoration: none;
}

.textblock a:visited {
	color: #000;
	text-decoration: none;
	border: none; 
}

.textblock a:hover {
	color: #ea00ff;
	text-decoration: none;
}

a:link .media {
	border: 1px solid #999;
	text-decoration: none;
}

a:hover .media  {
	border: 1px solid #ea00ff;
	text-decoration: none;
}

.pic a:hover img {
	border: 1px solid #ea00ff;
	text-decoration: none;
}

.pic a:link img {
	border: 1px solid #999;
	text-decoration: none;
}

.pic a:hover img {
	border: 1px solid #ea00ff;
	text-decoration: none;
}


/* Structure
------------------------------------------*/

#homeWrapper {
	width: 940px;
	text-align: left;
	margin-left: 40px;
	text-align: left;
	background: url(../images/bg_homeWrapper.jpg) top left no-repeat;
	padding-bottom: 10px;
}

#innerWrapper {
	width: 940px;
	text-align: left;
	margin-left: 40px;
	text-align: left;
	background-color: #1e1e1e;
	padding-bottom: 30px;
}

#navWrapper {
	height: 65px;
	background-color: #1e1e1e;
	overflow: hidden;
}

#navWrapper #mainNav {
	width: 980px;
	height: 65px;
}

#homeHeader {
	width: 940px;
	height: 317px;
}

#innerHeader {
	width: 940px;
	height: 186px;
}

.homeMainColumn {
	display: inline;
	float: left;
	width: 615px;
	margin-right: 15px;
	text-align: left;
	padding-top: 20px;
}

.homeSideColumn {
	display: inline;
	float: left;
	width: 285px;
	margin-left: 25px;
	text-align: left;
	padding-top: 20px;
}

.mainColumn {
	display: inline;
	float: left;
	width: 615px;
	margin-left: 15px;
	text-align: left;
	padding-top: 20px;
}

.sideColumn {
	display: inline;
	float: left;
	width: 285px;
	margin-right: 25px;
	text-align: left;
	padding-top: 20px;
}

#footerWrapper {
	text-align: left;
	height: 200px;
	background: url(../images/bg_footer.jpg) top left repeat-x;
	padding-top: 40px;
}

#footerWrapper .footerMain {
	display: inline;
	float: left;
	width: 305px;
	text-align: left;
	margin: 0 10px 0 40px;
	padding: 0;
}

#footerWrapper .footerCol1 {
	display: inline;
	float: left;
	width: 105px;
	margin-right: 10px;
}

#footerWrapper .footerCol2 {
	display: inline;
	float: left;
	width: 125px;
	margin-right: 10px;
}

#footerWrapper .footerCol3 {
	display: inline;
	float: left;
	width: 115px;
	margin-right: 10px;
}

#footerWrapper .footerCol4 {
	display: inline;
	float: left;
	width: 115px;
	margin-right: 10px;
}

#footerWrapper .footerCol5 {
	display: inline;
	float: left;
	width: 125px;
}


/* mainNav
------------------------------------------*/

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	

#mainNav ul li {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#mainNav a {
	text-indent: -9999px;
}

#mainNav #one a { 
	width: 148px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHome.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #one a:hover { 
	width: 148px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHome.jpg) top left no-repeat;
	background-position: 0 -65px;
	border-bottom: none;
}

#mainNav #one a.here { 
	width: 148px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHome.jpg) top left no-repeat;
	background-position: 0 -130px;
	border-bottom: none;
}

#mainNav #two a { 
	width: 135px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navAboutus.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #two a:hover { 
	width: 135px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navAboutus.jpg) top left no-repeat;
	background-position: 0 -65px;
	border-bottom: none;
}

#mainNav #two a.here { 
	width: 135px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navAboutus.jpg) top left no-repeat;
	background-position: 0 -130px;
	border-bottom: none;
}

#mainNav #three a { 
	width: 134px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navClasses.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #three a:hover { 
	width: 134px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navClasses.jpg) top left no-repeat;
	background-position: 0 -65px;
	border-bottom: none;
}

#mainNav #three a.here { 
	width: 134px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navClasses.jpg) top left no-repeat;
	background-position: 0 -130px;
	border-bottom: none;
}

#mainNav #four a { 
	width: 128px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navEvents.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #four a:hover { 
	width: 128px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navEvents.jpg) top left no-repeat;
	background-position: 0 -65px;
	border-bottom: none;
}

#mainNav #four a.here { 
	width: 128px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navEvents.jpg) top left no-repeat;
	background-position: 0 -130px;
	border-bottom: none;
}

#mainNav #five a { 
	width: 151px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHalloffame.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #five a:hover { 
	width: 151px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHalloffame.jpg) top left no-repeat;
	background-position: 0 -65px;
	border-bottom: none;
}

#mainNav #five a.here { 
	width: 151px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navHalloffame.jpg) top left no-repeat;
	background-position: 0 -130px;
	border-bottom: none;
}

#mainNav #six a { 
	width: 132px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navContactus.jpg) top left no-repeat;
	background-position: 0 0;
}

#mainNav #six a:hover { 
	width: 132px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navContactus.jpg) top left no-repeat;
	background-position: 0 -65px;
	border-bottom: none;
}

#mainNav #six a.here { 
	width: 132px;
	height: 65px;	
	display: block;
	text-decoration: none;
	background: url(../images/navContactus.jpg) top left no-repeat;
	background-position: 0 -130px;
	border-bottom: none;
}


/* sideBtns
------------------------------------------*/

#sideNav {
	margin: 0 0 0 75px;
	padding: 0;
	list-style: none;
}	

#sideNav li {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sideNav a {
	text-indent: -9999px;
}

#sideNav #news { 
	text-indent: -9999px;
	width: 185px;
	height: 100px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_news.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #aboutus { 
	text-indent: -9999px;
	width: 185px;
	height: 62px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_aboutus.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #jazzfactory a { 
	width: 185px;
	height: 77px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_jazzfactory.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #jazzfactory a:hover { 
	width: 185px;
	height: 77px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_jazzfactory.jpg) top left no-repeat;
	background-position: 0 -77px;
	border-bottom: none;
}

#sideNav #jazzfactory a.here { 
	width: 185px;
	height: 77px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_jazzfactory.jpg) top left no-repeat;
	background-position: 0 -154px;
	border-bottom: none;
}

#sideNav #staff a { 
	width: 185px;
	height: 41px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_staff.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #staff a:hover { 
	width: 185px;
	height: 41px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_staff.jpg) top left no-repeat;
	background-position: 0 -41px;
	border-bottom: none;
}

#sideNav #staff a.here { 
	width: 185px;
	height: 41px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_staff.jpg) top left no-repeat;
	background-position: 0 -82px;
	border-bottom: none;
}

#sideNav #ddf a { 
	width: 185px;
	height: 80px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_ddf.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #ddf a:hover { 
	width: 185px;
	height: 80px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_ddf.jpg) top left no-repeat;
	background-position: 0 -80px;
	border-bottom: none;
}

#sideNav #ddf a.here { 
	width: 185px;
	height: 80px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_ddf.jpg) top left no-repeat;
	background-position: 0 -160px;
	border-bottom: none;
}

#sideNav #classes { 
	text-indent: -9999px;
	width: 185px;
	height: 58px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_classes.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #fees a { 
	width: 185px;
	height: 80px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_fees.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #fees a:hover { 
	width: 185px;
	height: 80px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_fees.jpg) top left no-repeat;
	background-position: 0 -80px;
	border-bottom: none;
}

#sideNav #fees a.here { 
	width: 185px;
	height: 80px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_fees.jpg) top left no-repeat;
	background-position: 0 -160px;
	border-bottom: none;
}

#sideNav #classtypes a { 
	width: 185px;
	height: 72px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_classtypes.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #classtypes a:hover { 
	width: 185px;
	height: 72px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_classtypes.jpg) top left no-repeat;
	background-position: 0 -72px;
	border-bottom: none;
}

#sideNav #classtypes a.here { 
	width: 185px;
	height: 72px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_classtypes.jpg) top left no-repeat;
	background-position: 0 -144px;
	border-bottom: none;
}

#sideNav #classtime a { 
	width: 185px;
	height: 97px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_classtime.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #classtime a:hover { 
	width: 185px;
	height: 97px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_classtime.jpg) top left no-repeat;
	background-position: 0 -97px;
	border-bottom: none;
}

#sideNav #classtime a.here { 
	width: 185px;
	height: 97px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_classtime.jpg) top left no-repeat;
	background-position: 0 -194px;
	border-bottom: none;
}

#sideNav #events { 
	text-indent: -9999px;
	width: 185px;
	height: 59px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_events.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #concert a { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_concert.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #concert a:hover { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_concert.jpg) top left no-repeat;
	background-position: 0 -49px;
	border-bottom: none;
}

#sideNav #concert a.here { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_concert.jpg) top left no-repeat;
	background-position: 0 -98px;
	border-bottom: none;
}

#sideNav #trophy a { 
	width: 185px;
	height: 58px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_trophy.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #trophy a:hover { 
	width: 185px;
	height: 58px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_trophy.jpg) top left no-repeat;
	background-position: 0 -58px;
	border-bottom: none;
}

#sideNav #trophy a.here { 
	width: 185px;
	height: 58px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_trophy.jpg) top left no-repeat;
	background-position: 0 -116px;
	border-bottom: none;
}

#sideNav #troupes a { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_troupes.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #troupes a:hover { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_troupes.jpg) top left no-repeat;
	background-position: 0 -49px;
	border-bottom: none;
}

#sideNav #troupes a.here { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_troupes.jpg) top left no-repeat;
	background-position: 0 -98px;
	border-bottom: none;
}

#sideNav #hof { 
	text-indent: -9999px;
	width: 185px;
	height: 42px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_hof.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #results a { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_results.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #results a:hover { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_results.jpg) top left no-repeat;
	background-position: 0 -44px;
	border-bottom: none;
}

#sideNav #results a.here { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_results.jpg) top left no-repeat;
	background-position: 0 -88px;
	border-bottom: none;
}

#sideNav #gallery a { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_gallery.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #gallery a:hover { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_gallery.jpg) top left no-repeat;
	background-position: 0 -44px;
	border-bottom: none;
}

#sideNav #gallery a.here { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_gallery.jpg) top left no-repeat;
	background-position: 0 -88px;
	border-bottom: none;
}

#sideNav #media a { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_media.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #media a:hover { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_media.jpg) top left no-repeat;
	background-position: 0 -44px;
	border-bottom: none;
}

#sideNav #media a.here { 
	width: 185px;
	height: 44px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_media.jpg) top left no-repeat;
	background-position: 0 -88px;
	border-bottom: none;
}

#sideNav #swanson a { 
	width: 185px;
	height: 67px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_swanson.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #swanson a:hover { 
	width: 185px;
	height: 67px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_swanson.jpg) top left no-repeat;
	background-position: 0 -67px;
	border-bottom: none;
}

#sideNav #swanson a.here { 
	width: 185px;
	height: 67px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_swanson.jpg) top left no-repeat;
	background-position: 0 -134px;
	border-bottom: none;
}

#sideNav #student a { 
	width: 185px;
	height: 67px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_student.jpg) top left no-repeat;
	background-position: 0 0;
}

#sideNav #student a:hover { 
	width: 185px;
	height: 67px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_student.jpg) top left no-repeat;
	background-position: 0 -67px;
	border-bottom: none;
}

#sideNav #student a.here { 
	width: 185px;
	height: 67px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_student.jpg) top left no-repeat;
	background-position: 0 -134px;
	border-bottom: none;
}

#sideNav #contactus { 
	text-indent: -9999px;
	width: 185px;
	height: 100px;	
	display: block;
	text-decoration: none;
	background: url(../images/sideNav_contactus.jpg) top left no-repeat;
	background-position: 0 0;
}


/* Images
------------------------------------------*/

.fLeft {
	float: left;
	border: 1px solid #000;
	margin: 6px 25px 10px 0;
}

.fRight {
	float: right;
	border: 1px solid #000;
	margin: 6px 0 10px 25px;
}

.main {
	border: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

.media {
	border: 1px solid #000;
	margin-bottom: 20px;
}

.colPic {
	border: 1px solid #000;
	margin: 0 0 0 64px;
	padding: 0;
	display: block;
}

/* Gallery Grid
----------------------------------------------- */

.gallerygrid {
	width: 555px;
	margin: 0;
	padding: 0;
}

.gallerygrid .pic {
	float: left;
	width: 81px;
	height: 81px;
	margin-right: 10px;
	margin-top: 10px;
}


/* Form
------------------------------------------*/

#enrolmentform textarea, #enrolmentform input.field { 
	width:100%;
}

p.name {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}

form { margin: 0; }

input {
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
	clear: right;
	padding: 2px;
}

input.index {
	width: 140px;
	padding-left: 3px;
}

input.field {
	padding-left: 2px;
}

textarea {
	font-size: 11px;
	background-color: #fff;
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
	margin-left: 0px;
	margin-top: 2px;
}


/* Tables
------------------------------------------*/

table.troupetable {
	font-size: 12px;
	line-height: 1.3em;
}

table.troupetable tr td {
	padding: 5px 5px 5px 8px;
}

table.troupetable tr.title td {
	background-color: #666;
	color: #ccc;
}

table.troupetable tr.shaded td {
	background-color: #ccc;
}

table.troupetable tr.white td {
	background-color: #fff;
}

table.atodtable {
	font-size: 12px;
	line-height: 1.5em;
}

table.atodtable tr td {
	padding: 5px 5px 5px 8px;
}

table.atodtable tr.title td {
	background-color: #666;
	color: #ccc;
}

table.atodtable tr.shaded td {
	background-color: #ccc;
}

table.atodtable tr.white td {
	background-color: #fff;
}


/* Lightbox
----------------------------------------------- */

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a { border: none; text-decoration: none;}
#lightbox a img { border: none; text-decoration: none;}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding:0 10px;
}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}