/*

SECONADRY PAGE STYLES
---------------------------

/*
=====================
FOUNDATION
=====================
*/

img.RHjust {
	padding:0px 0px 10px 10px;
} /* BRAD ADD */

body.secondary div#hwrap { height:318px; border-bottom:1px solid #fff; }

body.secondary div#main { width:550px; margin:50px 0 0; }
body.secondary div#side { width:336px; margin:50px 35px 0 0; }

body.fullpage div#hwrap { height:318px; border-bottom:1px solid #fff; }
body.fullpage div#main { width:910px; padding:0 45px; margin:50px 0 0; }

/*
=====================
MAIN
=====================
*/
body.secondary div#main h1 { font-size:31px; line-height:34px; }
body.secondary div#main h2 { font-size:20px; font-weight:bold; line-height:21px; color:#000; }


/*
=====================
SIDE
=====================
*/
div#side div.side-wrap {
	background:url(../images/secondary/bg_side-wrap-top.jpg) no-repeat top center;
	width:336px;
	height:325px;
	padding:40px 0 0;
	position:relative;
}
div#side div.side-wrap div.title img { position:absolute; right:0; top:10px; }
div#side div.side-wrap h2 { padding:0 0 0 30px; font-size:19px; font-weight:normal; color:#817f77; text-align:left; text-decoration:underline; }
div#side div.side-wrap ul {
	width:220px;
	padding:10px 0 0 35px;
	margin:0;
}
div#side div.side-wrap ul li { padding:5px 0; list-style-type:none; }
div#side div.side-wrap ul li a { padding:0 0 0 10px; color:#762e2e; font-size:12px; display:block; }
div#side div.side-wrap ul li a:hover { background:url(../images/secondary/btn_red-arrow.png) no-repeat left 4px; }


/*
=====================
MAIN
=====================
*/
div#main div.staff { margin:20px 0; padding:10px 0; }
div#main div.staff h4 {  }
div#main div.staff p { margin:5px 0 0; }
div#main div.staff img { padding:0px 10px 0px 0px; } /* BRAD ADD */

div#main div.staff-contact { margin:10px 0; padding:10px 0; }
div#main div.staff-contact h4 { font-size:19px; line-height:22px; font-weight:normal; }
div#main div.staff-contact p { background:url(../images/secondary/ico_mail.png) no-repeat left 5px; padding:10px 0 10px 40px; margin:5px 0 0; }
div#main div.staff-contact p a { font-size:14px; line-height:17px; }

div#main div.faq {
	margin:10px 0;
	padding:10px 0;
}
div#main div.faq p.question {
	margin:0;
	font-size:14px;
	line-height:19px;
	font-weight:bold;
}
div#main div.faq p.answer { margin:0; }

div#main div.membership-levels { width:570px; padding:10px 0; margin:10px 0; border-bottom:1px solid #fff; float:left; clear:both; }
div#main div.membership-levels h3 {  }
div#main div.membership-levels img {
	float:right;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 10px;
}
div#main div.membership-levels p { margin:0; font-weight:bold; }
div#main div.membership-levels ul { padding:0 0 0 15px; }
div#main div.membership-levels ul li { font-size:12px; line-height:15px; }

div#main table {  }
div#main table tr th { padding:5px; font-weight:bold; }
div#main table tr td { padding:5px; }
div#main div.talk img { padding-left: 5px; } /* BRAD ADD, Jason clean up */
div#main div.talk {
	border-bottom:1px solid #766963;
	background-color:#FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
} /* BRAD ADD, Jason clean up */
div#main div.talk p { padding-left: 15px; padding-right:10px; }
div#main div.talk h4 { font-size:18px; font-weight:normal; color:#762e2e; margin: 0 0 10px 0;} /* BRAD ADD */
div#main div.talk h6 { font-size:12px; font-weight:normal; color:#766963; margin: 0 0 0 10px;} /* BRAD ADD */

/*
=====================
CLASSES
=====================
*/
div#main div.class-wrap {  }
div#main div.class-wrap h2 { background:#766963; padding:2px 0 2px 5px; font-size:18px; color:#fff; }
div#main div.class-wrap div.class { padding:5px 0; border-bottom:1px solid #766963; }
div#main div.class-wrap div.class h3 { font-size:18px; font-weight:normal; color:#762e2e; }
div#main div.class-wrap div.class h3 span { margin:0 0 0 5px; font-size:12px; color:#766963; }
div#main div.class-wrap div.class p { margin:0; font-size:12px; line-height:18px; color:#766963; }
div#main div.class-wrap div.class a {
	background:transparent url(../images/secondary/btn_class-arrow.jpg) no-repeat right 2px;
	width:80px;
	padding:0 20px 0 0;
	margin:10px 0 0;
	color:#23241e;
	display:block;
	font-size:12px;
	text-decoration:none;
}
div#main div.class-wrap div.class a.image-link {
	background:none;
	width:120px;
	padding:0;
	margin:0;
	
}
div#main div.class-wrap div.class a:hover { text-decoration:underline; }
div.class td {vertical-align: top; }
div.class_image { padding-top: 5px; }
/*
=====================
NEWS
=====================
*/
div#main div.news-wrap {  }
div#main div.news-wrap h2 { background:#766963; padding:2px 0 2px 5px; font-size:18px; color:#fff; }
div#main div.news-wrap div.article { padding:10px 0; border-bottom:1px solid #766963; }
div#main div.news-wrap div.article h3 { font-size:18px; font-weight:normal; color:#762e2e; }
div#main div.news-wrap div.article h3 span { margin:0 0 0 5px; font-size:12px; color:#766963; }
div#main div.news-wrap div.article p { margin:0; font-size:12px; line-height:18px; color:#766963; }
div#main div.news-wrap div.article a {}
div#main div.news-wrap div.article a:hover {}

/*
=====================
FORM
=====================
*/
div#main form { padding:0 0 20px; float:right; width:100%; }
div#main form fieldset { margin:0 0 20px; }
div#main form fieldset h3 { padding:0 0 5px; }

div#main form div.row { width:100%; padding:4px 0; clear:both; }   /* BRAD CHANGE padding was originally 8px */
div#main form div.row label { width:140px; margin:4px 5px 0 0; float:left; clear:both; } /* BRAD CHANGE width was originally 120px */
div#main form div.row div input { width:250px; padding:4px; border:1px solid #ccc; }
div#main form div.row div select { padding:4px; }
div#main form div.row div.smaller input { width:auto; }

div#main form div.session div.row { width:100%; padding:4px 0; clear:both; } /* BRAD CHANGE padding was originally 8px */
div#main form div.session div.row label { width:120px; margin:4px 5px 0 0; float:left; clear:both; }
div#main form div.session div.row div input { width:250px; padding:4px; border:1px solid #ccc; }
div#main form div.session div.row div.date input { width:auto; }
div#main form div.session div.row div.time input { width:auto; }
div#main form div.session div.row div.smaller input { width:auto; } /* BRAD ADD */

div#main form div.row table iframe { height:250px!important; }

div#main form div.top { width:100%; padding:4px 0; clear:both; } /* BRAD CHANGE padding was originally 8px */
div#main form div.top label { font-size:16px; font-weight:bold; }

div#main form div.radio { padding:4px 0; clear:both; } /* BRAD CHANGE padding was originally 8px */
div#main form div.radio div input { padding:0; margin:0 5px 0 0; float:left; border:1px solid #ccc; }
div#main form div.radio div.description { padding:0 0 0 15px; clear:both; }
div#main form div.radio div.description img { display:block; }
div#main form div.radio div.description p {  }

div#main form div.submit { margin:5px 30px 0 0; clear:both; display:inline; }
div#main form div.submit input { padding:5px; }

div#main form fieldset.login div.row { width:100%; padding:8px 0; clear:both; }
div#main form fieldset.login div.row label { width:85px; margin:4px 5px 0 0; float:left; clear:both; }
div#main form fieldset.login div.row div input { width:150px; padding:4px; border:1px solid #ccc; }

div#main form fieldset fieldset { margin:0 0 0 25px; }


/*
=====================
TOUR
=====================
*/
div#tour-wrap { padding:0 0 0 20px; }

div#tour-wrap div#left { width:380px; padding:40px 20px 0 0; float:left; }
div#tour-wrap div#right { background:#000; width:550px; padding:10px 0; margin:30px 20px 0 0; float:right; text-align:center; }

div#tour-wrap div#right ul.tour-list { width:85%; padding:0; margin:0 auto 25px; }
div#tour-wrap div#right ul.tour-list li { background:none; padding:0; list-style-type:none; display:inline; color:#999; }
div#tour-wrap div#right ul.tour-list li a { padding:0 5px; font-size:11px; color:#fff; }

div#tour-wrap div#right ul.gallery_demo_unstyled li img {  }

div.galleria_wrapper img { border:1px solid #999; }

.galleria { width:450px; padding:0; margin:10px auto 0; list-style:none; }
.galleria li { display:block; width:80px; height:80px; overflow:hidden; float:left; margin:0 5px 5px 0; border:1px solid #999; }
.galleria li a { display:none; }
.galleria li div { position:absolute; display:none; top:0; left:180px; }
.galleria li div img { cursor:pointer; }
.galleria li.active div img,.galleria li.active div { display:block; }
.galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
.galleria li .caption { display:block; padding-top:.5em; }
* html .galleria li div span { width:400px; } /* MSIE bug */
.caption {
	padding:1px 0px 0px 10px;
	font-size:10px;
	color:#999;
	display:block;
}


/*
=====================
ADMIN AREA
=====================
*/
div#main div.button { background:#762D2D; padding:5px 10px; border:1px solid #5f1d1d; float:right; }
div#main div.button a { color:#fff; }


/*
=====================
ASSEST
=====================
*/
div#main div.asset_wrapper {
	width:100%;
	padding:10px 0;
	margin:10px 0;
	border-bottom:1px solid #999;
	clear:both;
	float:left;
}
div#main div.asset_wrapper div.image { margin:0 10px 0 0; float:left; }
div#main div.asset_wrapper div.image img { border:1px solid #999; }
div#main div.asset_wrapper p { padding:4px 0; margin:0; }
div#main div.asset_wrapper p.name { font-size:16px; }
div#main div.asset_wrapper p.price { font-weight:bold; }
div#main div.asset_wrapper p.description {  }

/*
=====================
ADMIN TABLES
=====================
*/
div#breadcrumb { font-size: 11px; }

table.app_table {
	width:100%;
	border: 1px solid #ddd;
}
table.app_table tr td, table.app_table tr th {
	border-bottom: 1px solid #999;
	border-right: 1px solid #ddd;
	background-color: #eee;
	padding: 5px 8px;
}
table.app_table tr th { text-align:center; }
table.app_table tr td { font-size:11px; }

div.scroll_box {
	height: 300px;
	width: 100%;
	overflow: auto;
	/*padding: 8px;*/
	border: 1px solid #eee;
}

/*
=====================
CALENDAR
=====================
*/
div#main div#calendar-container { width:100%; padding:10px 0; }
div#main div#calendar-container table { width:100%; }

div#main div#calendar-container table thead {  }
div#main div#calendar-container table thead tr td {  }

div#main div#calendar-container table tbody {  }
div#main div#calendar-container table tbody tr td { 
	width:auto;
	padding:5px 8px;
	margin:2px;
	border:1px solid #999;
}

/*
=====================
BRAD ADD
=====================
*/
*.clearboth {clear:both;} 
.hidden {visibility:hidden;}

