.mobile-logo {
	display: none;
	text-decoration: none;
	float: left;
}
.mobile-logo img {
	vertical-align: middle;
}
.navbar-toggle {
	margin-top: 25px;
	display: none;
	float: right;
}
.navbar-toggle a {
	text-decoration: none;
	vertical-align: text-bottom;
	display: inline-block;
}
.navbar-toggle strong {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin-left: 5px;
}
.navbar-toggle .icon-bar {
    width: 18px;
    height: 3px;
    background-color: #fff;
    display: block;
    border-radius: 1px;
    margin-top: 3px;
}
#article-wrapper {
	text-align:left;
}
.table-for-mobile {
	display:none;
	border-collapse: collapse;
}
.table-for-mobile tr:not(.tb-heading):not(.tb-padding):not(:last-child) {
	border-bottom: 2px solid #8d5d2d;
}
.table-for-mobile td {
	padding: 20px;
	vertical-align: middle;
}
.table-for-mobile td a {
	color: #DBB399;
}
.table-for-mobile .tb-padding {
	height:1px;
	line-height:1px;
}
.table-for-mobile .tb-padding td {
	height:1px;
	line-height:1px;
	padding: 5px 0;
}
.table-for-mobile .tb-heading td span {
	font-size: 1.3em;
	line-height: 15px;
	color: #DBB399;
	font-weight: bold;
	vertical-align: top;
}
.table-for-mobile .tb-heading td {
	padding: 10px;
}
.table-for-mobile .tb-heading td:first-child {
	padding-left: 20px;
}
.table-for-mobile tr:not(.tb-padding) td:not(:last-child) {
	border-right: 2px solid #8d5d2d;
}
@media (max-width: 949px) {	
	#wrapper,
	.header-logo,
	.sub-footer {
		width: auto !important;
	}
	/*#article-wrapper */
	#main-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.sub-footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.block-wrap,
	.register-blk {
		width: auto !important;
	}	
	.block-wrap,
	.register-blk,
	#cms-login,
	#cms-register,
	.reg-form-help-text {
		float:none !important;
	}
	#cms-login,
	#cms-register {
		display:inline-block;
	}
	.reg-form-help-text {
		margin-left:0 !important;
		margin-top:40px;
	}
	.list-of-cat .courses-box-bottom div:first-child h2 {
		margin-left: 10px !important;
	}
	.list-to-run .courses-box-bottom div:first-child h2 {
		width: 17% !important;
	}
	.list-to-run .courses-box-bottom div:first-child h2:first-child {
		width: 43% !important;
		margin-left: 20px !important;
		padding-right: 10px;
	}
	.course-listing-rows .row-cells {
		width: 17% !important;
		margin-right: 0  !important;
	}
	.course-listing-rows .row-cells.first {
		width: 43% !important;
		padding-right: 10px;
		margin-left:20px !important;
	}	
	.courses-box .course-listing-rows,
	.table-for-mobile tr.odd {
		background: #AF773E;
	}
	.courses-box .course-listing-rows.even,
	.table-for-mobile tr.even {
		background: #AA733B;
	}
	.course-listing-rows .row-cells:not(:last-child){
		border-right: 2px solid #9A6732;
	}
	.course-listing-rows.even .row-cells:not(:last-child){
		border-right: 2px solid #9D6836;
	}

	/* @@@ Use table for mobile instead @@@ */
	.list-to-run .courses-box-bottom div:first-child  {
		display:none;
	}
	.list-to-run .courses-box-bottom {
		padding-top: 0;
	}	
	.table-for-mobile td {
		text-align: center;
		width:16%;
	}
	.table-for-mobile td.colu1 {
		text-align: left;
		width:52%;
	}

		
	.courses-box {
		background-image: url('/static/images/bord.gif'), url('/static/images/bord.gif');
		background-position: left top, right top;
		background-repeat: repeat-y, repeat-y;
		background-size: auto, auto;
		
	}

	/*.list-to-run {
		min-width:375px;
	}*/
	
	.table-for-mobile {
		display: table;
	}
	.course-listing-rows {
		display:none;
	}
	
	/* @@@ content-boxes CSS3 borders as overrides @@@ */
	.content-box-top,
	.content-box-bottom {
		background: none;
	}
	.content-box {
		background: #AA733C;
		border: 1px solid #C89562;
		border-radius: 15px;
	}

		
	/* @@@ CSS3 borders as overrides @@@ 
	.courses-box,
	.courses-box-top,
	.courses-box-bottom {
		background: none !important;
	}
	.courses-box {
		border: 1px solid #BD8A55;
	}
	.courses-box-bottom div:first-child h2 {
		background: linear-gradient(#B07D4E, #9a6634);
	}
	*/
	
}
@media (max-width: 767px) {
	.accordion_head	div strong {
		width: 75%;
		display:inline-block;
	}
	.accordion_head	div span {
		
	}
	
	.block-wrap,
	.register-blk,
	#cms-login,
	#cms-register {
		float:none !important;
	}	
}




/* @@@ widths for table-like DIVs @@@*/
@media (max-width: 665px) {
	.list-to-run .courses-box-bottom div:first-child h2 {
		width: 17% !important;
		font-size:1.2em !important;
	}
	.list-to-run .courses-box-bottom div:first-child h2:first-child {
		width: 41% !important;
	}
	.list-to-run .courses-box-bottom div:first-child h2:last-child {
		width: 16% !important;
	}	
	.course-listing-rows .row-cells {
		width: 17% !important;
	}
	.course-listing-rows .row-cells.first {
		width: 41% !important;
	}
	.course-listing-rows .row-cells:last-child {
		width: 16% !important;
	}				
}
@media (max-width: 579px) {
	ul.parent-nav, ul.parent-nav ul {
		display:none;
	}
	#slogan-and-name {
		text-align: left;
		overflow: hidden;
	}
	.desktop-logo {
		display:none;
	}
	.mobile-logo {
		display: inline-block;
	}
	.navbar-toggle {
		display: block;
	}
	.block-wrap,
	.register-blk, {
		width: auto !important;
	}
	.block-wrap,
	.register-blk,
	#cms-login,
	#cms-register {
		float:none !important;
	}
	.content-box {
		border-radius: 10px;
	}

	.courses-box-top {
		background-image: url('/static/images/courses-box-title-bar-med-b.gif') !important;
	}
	.courses-box-bottom {
		background-image: url('/static/images/courses-box-bottomr-med-b.gif') !important;
		padding: 15px 10px 13px 10px;
	}
	.table-for-mobile td {
		padding:10px;
	}
	.table-for-mobile .tb-padding td {
		padding: 5px 0;
	}	
	.table-for-mobile .tb-heading td span {
		font-size: 1.2em;
	}
	.table-for-mobile .tb-heading td:first-child {
		padding-left: 10px;
	}


}
@media (max-width: 516px) {
	.list-to-run .courses-box-bottom div:first-child h2 {
		width: 17% !important;
		font-size:1em !important;
	}
	.list-to-run .courses-box-bottom div:first-child h2:first-child {
		width: 40% !important;
		margin-left: 10px !important;
	}
	.course-listing-rows .row-cells {
		width: 17% !important;
	}
	.course-listing-rows .row-cells.first {
		width: 40% !important;
		margin-left: 10px !important;
	}			
}

@media (max-width: 479px) {
	.login-form-bottom input[type="text"],
	.login-form-bottom input[type="password"],
	.reg-form-bottom input[type="text"],
	.reg-form-bottom input[type="password"] {
		width:95% !important;
	}
	.login-form-bottom input[type="image"],
	.reg-form-bottom input[type="image"]{
		margin-left:0 !important;
		display: block;
		margin-top: 10px;
	}
	#cms-login,
	#cms-register {
		width: auto !important;
		display:block;
	}


	.list-to-run .courses-box-bottom div:first-child h2 {
		width: 23% !important;
	}
	.list-to-run .courses-box-bottom div:first-child h2:first-child {
		width: 30% !important;
	}
	.course-listing-rows .row-cells {
		width: 23% !important;
	}
	.course-listing-rows .row-cells.first {
		width: 30% !important;
	}

	.table-for-mobile tr.tb-heading td {
		padding-left: 5px;
		padding-right: 5px;
	}
	.table-for-mobile .tb-heading td:first-child	 {
		padding-left: 5px;
	}
	.table-for-mobile tr:not(.tb-heading) td {
		padding-left: 5px;
		padding-right: 5px;
	}
	.table-for-mobile .tb-padding td	 {
		padding: 5px 0;
	}
	#cms-login .err {
		width: 100%
	}	
			
}
@media (max-width: 408px) {
	.list-to-run .courses-box-bottom div:first-child h2 {
		width: 24% !important;
	}
	.list-to-run .courses-box-bottom div:first-child h2:first-child {
		width: 25% !important;
	}
	.course-listing-rows .row-cells {
		width: 24% !important;
	}
	.course-listing-rows .row-cells.first {
		width: 25% !important;
	}
	.list-to-run .courses-box-bottom{
		padding-left: 5px;
		padding-right: 5px;
	}

	.table-for-mobile  {
		table-layout: fixed;
		width:100%;
	}
	/*.table-for-mobile tr td {
		padding: 0px;
	}	*/
	.table-for-mobile td {
		text-align: center;
	}
	.table-for-mobile td.colu1 {
		text-align: left;
		width:32%;
		/*overflow:hidden;*/
	}
	.table-for-mobile td.colu2 {
		width:26%;
	}
	.table-for-mobile td.colu3 {
		width:25%;
	}		
	.table-for-mobile td.colu4 {
		width:17%;
	}		
}

@media (max-width: 400px) {
	.list-of-cat  .courses-box-bottom div:first-child h2 {
		font-size: 1em !important;
		margin-left: 5px !important;
	}
	.table-for-mobile .tb-heading td span {
		font-size: 1em;
	}	
	.courses-box-top {
		background-image: url('/static/images/courses-box-title-bar-med.gif') !important;
	}
	.courses-box-bottom {
		background-image: url('/static/images/courses-box-bottomr-med.gif') !important;
	}				
}