/* CSS Document */

body, p, span {
	font-family: Arial;
	font-size: 1em;
	line-height: 1.5em;
}

.font_sub_sub_title {
	font-weight: bold;
	font-size: 1em;
}

.font_reg {
	font-family: Arial;
	font-size: .7em;
}

.col-right, .col-left {
	display: none;
}

#content-head {
	background-color: #99CC99;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}
#content-main-home {
	float: none;
	margin: 20px;
}

#content-main {
	margin: 20px;
	text-align: center;
}

#mobile-nav {
	display: block;
	text-align: center;
	margin: 20px;
}

#content-news {
	float: none;
	width: auto;
	margin: 20px;
}

#sub-nav-links {
	text-align: center;
}

#sub-section-head {
	background-color: #9999CC;
    color: #333366;
    font-weight: bold;
    padding: 5px;
    margin: 10px 0;
	text-align: left;
}

.footer-links {
	display: block;
}
.footer-links a {
	margin-right: 20px;
	line-height: 30px;
	font-size: 1em;
}


/* INC FORMATS */

.ctr {
	text-align: center;
}

.rgt {
	text-align: right;
}

.lft {
	text-align: left;
}

.bld {
	font-weight: bold;
}

.page_head_color {
	background-color: #9999CC;
}

.page_head_font_start {
	color: #333366;
	font-weight: bold;
}

.font_sub_title_start {
	font-weight: bold;
}

.font_sub_sub_title_start {
	font-weight: bold;
	font-size: small;
	
}

.tbl-table {
	border-collapse: collapse;
	border: 1px solid #003300;
	margin: 0 auto;
}

.tbl-table td {
	padding: 5px;
	border: 1px solid #003300;
}

.tbl_bdr_color {
	background-color: #003300;
}

.tbl_head_color {
	background-color: #336633;
}

.tbl_head_font_start {
	color: #FFFFCC;
	font-weight: bold;
	font-size: small;
}

.tbl_col_color {
	background-color: #99CC99;
}

.tbl_col_font_start {
	color: #003300;
	font-weight: bold;
	font-size: small;
}

#course-tour-sign {
	float: none;
	width: 100%;
}

#course-tour-img {
	float: none;
	width: 100%;
}

#course-tour-tip {
	float: right;
	width: 100%;
}


/* 5th breakpoint - min width of 560px */
@media all and (min-width: 35em) {
	
	#course-tour-sign {
		float: left;
		width: 39%;
	}

	#course-tour-img {
		float: left;
		width: 50%;
	}

	#course-tour-tip {
		float: none;
		clear: both;
		width: 100%;
	}
}


/* 5th breakpoint - min width of 778px */
@media all and (min-width: 48.625em) {
	
	.col-right, .col-left {
		display: table-cell;
	}
	
	#content-main-home {
		width: 64%;
		float: left;
		margin: 20px;
	}
	
	#mobile-nav {
		display: none;
	}
	
	#content-news {
		width: 25%;
		float: right;
		margin: 20px 20px 20px 0px;
	}
	
	.footer-links {
		display: inline-block;
	}
	
	.footer-links a {
		margin-right: 10px;
		font-size: small;
		line-height: normal;
	}
}



/* 5th breakpoint - min width of 1000px */
@media all and (min-width: 62.5em) {
	
	#course-tour-sign {
		float: left;
		width: 18%;
	}

	#course-tour-img {
		float: left;
		width: 40%;
	}

	#course-tour-tip {
		clear: none;
		float: right;
		width: 40%;
	}
}