@charset "utf-8";
/* CSS Document */

body { 
	margin: auto;
	font-family: Arial;
	font-size: 12px;
	color: #252525;
	}
	
img {
	border: 0;
	}

h5 {
	margin: 0;
	font-family: Century Gothic;
	font-size: 15px;
	font-weight: normal;
	color: #cc1f1f;
	}
	
h6 {
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	}

a {
	color: #cc1f1f;	
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;	
	}

a.active {
	color: #252525;	
	}
	
.wrapper {
	width: 770px;
	margin: auto;
	border-right: solid 1px #cc1f1f;
	border-left: solid 1px #cc1f1f;
	}
	
.header {}

.nav { 
	display: table;
	}
	
.tr {
	display: table-row;
	}
	
.td {
	display: table-cell;
	*float: left;
	}
	
.content { 
	border-top: solid 5px #cc1f1f;
	padding: 20px 0 20px 0;
	background-color: #FFFFFF;
	}

.main {
	width: 515px;
	*width: 510px;
	padding: 10px;
	text-align: left;
	}

.article {
	margin: 0 0 20px 0;
	}

.main .article .title {
	font-family: Century Gothic;
	font-size: 25px;
	font-weight: normal;
	color: #cc1f1f;
	}
	
.main .last-article .title {
	font-family: Century Gothic;
	font-size: 25px;
	font-weight: normal;
	color: #cc1f1f;
	}

.subtitle {
	line-height: 12px;
	margin: 0 0 20px 0;
	font-family: Century Gothic;
	font-weight: normal;
	color: #cc1f1f;
	}

.img-left {
	float: left;
	margin: 0 10px 10px 10px;
	}

.img-right {
	float: right;
	margin: 0 10px 10px 10px;
	}
	

.img2 {
	margin: auto;
	text-align: center;
	width: 482px;
	}
	
table.events, table.course-offerings {
	margin: auto;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #cc1f1f;
	border-collapse: collapse;
	}

td.categories {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #cc1f1f;
	background-color: #cc1f1f;
	color: #FFFFFF;
	text-align: center;
	}

td.course-title, td.date {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #cc1f1f;
	width: 25%;
	text-align: left;	
	}

td.venue {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #cc1f1f;
	width: 25%;
	text-align: center;	
	}
	
td.duration {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #cc1f1f;
	width: 25%;
	text-align: center;	
	}

.contact-form-container, .application-form-container {
	margin: 0 0 0 40px;
	}	
	
#contact-form label {
	width: 12em;
	float: left;
	text-align: left;	
	}	

#contact-form input {
	width: 13em;
	}
	
#contact-form textarea {
	width: 13em;
	}
	
#contact-form p {
	margin-bottom: -0.5em;
	}

#application-form label {
	width: 14em;
	float: left;
	text-align: left;	
	}
	
#application-form input {
	width: 21em;
	}
	
#application-form input.button {
	width: 9.5em;
	}	
	
#application-form textarea {
	width: 32.3em;
	}	

.side {
	float: right;
	width: 215px;
	*width: 213px;
	padding: 10px;
	}

.side .box .title {
	background-color: #cc1f1f;
	padding: 0 0 0 10px;
	font-family: Century Gothic;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
	}

.text {
	padding: 0 10px 0 10px;
	}
	
.logo {
	text-align: center;
	}

.slogan {
	margin: 10px 0 5px 0;
	text-align: center;
	font-family: Century Gothic;
	line-height: 10px;
	}

ul.list-small {
	margin-left: -25px;
	*margin-left: 15px;
	font-size: 11px;
	}
	
.view-more-small {
	padding: 0 0 0 25px;
	font-size: 11px;
	}
		
.view-more-big {
	padding: 0 0 0 40px;
	}

.box {
	position: relative;
	border: solid 1px #cc1f1f;
	padding: 10px 0 10px 0;
	margin: 0 0 20px 0;
	*width: 100%;
	*height: 100%;
	}

.box-top {
	position: absolute;
	top: -1px;
	left: -1px;
	}
	
.box-bottom {
	position: absolute;
	bottom: -1px;
	*bottom: -2px;
	right: -1px;
	*right: -2px;
	}

*:first-child+html .box-bottom {
	right: -1px;
	}
	
.footer {
	clear: both;
	background-color: #cc1f1f;
	text-align: center;		
	font-family: Century Gothic;
	font-weight: normal;
	color: #ffffff;	
	}
	
.course-offerings-title {
	text-align: center;
	margin: 0 0 20px 0;
	font-family: Century Gothic;
	font-size: 20px;
	}

.inquiry {
	text-align: center;
	}