body {color:#333;margin:0px auto;padding:0px;background-color:#ffffff}

body,td,input,textarea,select {font-size:13px;font-family:"Trebuchet MS",Arial}
td {line-height:1.375}
input,textarea {margin:0px;padding:1px;box-sizing:border-box}
select {margin:0px;padding:0px;box-sizing:border-box}
input:focus,select:focus,textarea:focus,a:focus {outline:none}
textarea {resize:none}
form {margin:0px;padding:0px}
img {border:0px}

a {color:#cc0000;text-decoration:underline}	
a:hover {color:#000000;text-decoration:none}

.widthmax {max-width:1200px;margin:0px auto;position:relative}

.contenthead,.contenthome,.contenttext,.contentfoot {max-width:1200px;margin:0px auto;position:relative}
.contenthead {padding:2% 1%}
.contenthome {padding:0% 1%}
.contenttext {padding:0% 2% 1% 2%;border-top:5px solid #878787;line-height:1.5;color:#505050}
.contentfoot {padding:1% 1%;background-color:#c7c7c7}

.lang {color:#000;text-align:right}
.lang img {padding:0px 2px 4px 2px}

.logo {display:inline-block;text-align:center;padding:0px 0px 1% 0px;margin:0px 5% 0px 0px}
.logo img {width:100%;height:auto}

.menu {display:inline-block;text-align:center;margin-bottom:0px;position:relative}
.menu ul.main {list-style-type:none;padding:0px;margin:0px;display:inline-block}
.menu ul.main li.main {padding:0px;margin:0px;display:inline-block}
.menu a.main {text-transform:uppercase;color:#949599;text-decoration:none;display:inline-block;min-width:84px;height:auto;line-height:20px;padding:64px 3px 0px 3px;text-align:center;vertical-align:bottom;background-position:top center;background-repeat:no-repeat;border-left:4px #ffffff solid;border-right:4px #ffffff solid}
.menu a.main:hover {color:#fff;background-color:#cc0000;background-position:bottom center}
.menu a.menu16 {background-image:url("images/menu16.png")}
.menu a.menu17 {background-image:url("images/menu17.png")}
.menu a.menu2 {background-image:url("images/menu2.png")}
.menu a.menu27 {background-image:url("images/menu27.png")}
.menu a.menu3 {background-image:url("images/menu3.png")}
.menu ul li ul {display:none}
.menu ul li:hover ul {display:block;position:absolute;z-index:1000;background-color:rgba(238,238,238,0.95);padding:6px 6px 6px 0px;margin:0px;border-bottom:4px #ffffff solid;border-left:4px #ffffff solid;border-right:4px #ffffff solid;list-style-type:none}
.menu ul li ul li {width:200px}
.menu ul li ul li a {text-align:left;font-size:14px;color:#666666;text-decoration:none;display:block;background:url(images/arrow.png) 2px 10px no-repeat;margin-left:6px;padding:6px 10px 6px 18px}
.menu ul li ul li a:hover {text-align:left;color:#ffffff;background-color:#cc0000}

.home {background:url("images/home.jpg") #c7c7c7 top center no-repeat}
.homebox {padding:6% 50% 1% 1%}
.homeboxin {background-color:rgba(0,0,0,0.8);padding:4%}
.homeboxin h1 {color:#fff;font-size:150%;padding:0px;margin:0px 0px 6px 0px}
.homeboxin p {color:#fff;font-size:100%;margin:0px;padding:0px;line-height:130%}

.col1,.col2 {float:left;width:23%;padding:1% 0%;margin:0% 1% 1% 1%}
.col1 h2,.col2 h2 {margin:10px 0px 10px 0px;color:#fff;font-weight:normal;letter-spacing:0px;text-transform:uppercase;padding:2% 3%}
.col1 h2 {background-color:#717171}
.col2 h2 {background-color:#878787}
.col1 p,.col2 p {margin:0px;padding:0px 0px 4px 0px;line-height:130%}
.col1 {border-bottom:5px solid #717171}
.col2 {border-bottom:5px solid #878787}

.contacts {float:left;width:280px;height:190px;line-height:150%;padding:10px;margin:5px 12px 5px 0px;border:1px #999999 solid;text-align:center;border-radius:10px}

.contentfoot p,.contentfoot div {color:#666;line-height:130%;padding:0% 2%}
.contentfoot a {color:#666;text-decoration:underline}	
.contentfoot a:hover {color:#000;text-decoration:none}

h1,h2,h3,h4,h5,h6 {font-family:vafle-normal,"Trebuchet MS",Arial;color:#cc0000;font-weight:normal;line-height:130%;clear:both}

h1 {font-size:30px}
h2 {font-size:18px;padding:0px 0px 6px 0px;margin:0px}
h3 {font-size:16px}
h4,h5,h6 {font-size:13px}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.justify {text-align:justify}
.clear {clear:both}
.fl {float:left}
.fr {float:right}
.hid {display:none}
.small {font-size:85%}
.an {text-align:justify;font-weight:bold}

.folder {background:url("images/folder.png") 0px 1px no-repeat;padding-left:34px;margin-bottom:16px}
.folder p {margin:0px;padding:0px;text-align:justify}

.coursestab {width:100%;border-collapse:collapse}
.coursestab td {background-color:#ffffff;padding:6px;border:1px #cccccc solid}
.coursestab th {background-color:#e0e0e0;padding:6px;border:1px #cccccc solid;text-align:left;font-weight:bold}
.nw {white-space:nowrap}
.w70p {width:70%}
.w55p {width:55%}
.w15p {width:15%}

.forminfo {background-color:#eeeeee;border:1px #cc0000 solid;border-radius:10px;padding:10px;margin-bottom:30px}
.formform {background-color:#eeeeee;border:1px #cc0000 solid;border-radius:10px;padding:10px;margin:30px 0px 20px 0px}
.formtab {width:500px}
.forminp {border:1px #999999 solid}
.formtextarea {border:1px #999999 solid;height:70px}
.formdescription {font-style:italic;color:#999999}
.sub {margin:0px;padding:4px 8px 4px 8px;border:1px #cc0000 solid;background-color:#ffffff;font-weight:bold}
.redb {color:#ff0000;font-weight:bold}

.coursetext {margin:0px 15px 0px 15px}

#cookier {position:fixed;z-index:1000;width:100%;bottom:0;left:0;background-color:#000;color:#ccc}
#cookier div {padding:20px}
#cookier a {float:right;margin:14px;padding:6px;background-color:#c00;color:#fff;text-decoration:none;border-radius:6px}

@media (max-width: 1023px) {
.contenthead {text-align:center}
.menu {display:block}
.homebox {padding:10% 1% 1% 1%;margin:0px}
.col1,.col2 {width:48%}
}

@media (max-width: 480px) {
.contenthead {text-align:center}
.menu {display: block}
.homebox {padding:10% 1% 1% 1%;margin:0px}
.col1,.col2 {width:98%}
}

.ix-container div {font-family:Verdana, Helvetica;font-size:10pt}
.ix-container table {background:none}
.ix {outline:none;text-decoration:none}
.ix img {border:2px solid silver}
.ix:hover img {border-color:gray}
.ix-active-anchor img {visibility:hidden}
.ix-gallery .ix-active-anchor img {border-color:black;visibility:visible;cursor:default}
.ix-image {border-width:2px;border-style:solid;border-color:white}
.ix-wrapper, .ix-outline {background:white}
.glossy-dark {background:#111}
.ix-image-blur {}
.ix-number {font-weight:bold;color:gray;font-size:.9em}
.ix-caption {display:none;font-size:1em;
	padding:5px;
	/*background:white;*/
}
.ix-heading {
	display:none;
	font-weight:bold;
	margin:0.4em;
}
.ix-dimming {
	/*position:absolute;*/
	background:black;
}
a.ix-full-expand {
   background:url(conf/ix/fullexpand.gif) no-repeat;
   display:block;
   margin:0 10px 10px 0;
   width:34px;
   height:34px;
}
.ix-loading {
	display:block;
	color:black;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	padding:3px;
	border:1px solid white;
	background-color:white;
	padding-left:22px;
	background-image:url(conf/ix/loader.white.gif);
	background-repeat:no-repeat;
	background-position:3px 1px;
}
a.ix-credits,
a.ix-credits i {
	padding:2px;
	color:silver;
	text-decoration:none;
	font-size:10px;
}
a.ix-credits:hover,
a.ix-credits:hover i {
	color:white;
	background-color:gray;
}
.ix-move, .ix-move * {
	cursor:move;
}

.ix-viewport {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:1;
	background:none;
	left:0;
	top:0;
}
.ix-overlay {
	display:none;
}
.hidden-container {
	display:none;
}

.closebutton {
	position:relative;
	top:-15px;
	left:15px;
	width:30px;
	height:30px;
	cursor:pointer;
	background:url(conf/ix/close.png);
}

.ix-controls {
	width:195px;
	height:40px;
	background:url(conf/ix/controlbar-white.gif) 0 -90px no-repeat;
	margin:20px 15px 10px 0;
}
.ix-controls ul {
	position:relative;
	left:15px;
	height:40px;
	list-style:none;
	margin:0;
	padding:0;
	background:url(conf/ix/controlbar-white.gif) right -90px no-repeat;

}
.ix-controls li {
	float:left;
	padding:5px 0;
	margin:0;
	list-style:none;
}
.ix-controls a {
	background-image:url(conf/ix/controlbar-white.gif);
	display:block;
	float:left;
	height:30px;
	width:30px;
	outline:none;
}
.ix-controls a.disabled {
	cursor:default;
}
.ix-controls a.disabled span {
	cursor:default;
}
.ix-controls a span {
	/* hide the text for these graphic buttons */
	display:none;
	cursor:pointer;
}

.ix-controls .ix-previous a {
	background-position:0 0;
}
.ix-controls .ix-previous a:hover {
	background-position:0 -30px;
}
.ix-controls .ix-previous a.disabled {
	background-position:0 -60px !important;
}
.ix-controls .ix-play a {
	background-position:-30px 0;
}
.ix-controls .ix-play a:hover {
	background-position:-30px -30px;
}
.ix-controls .ix-play a.disabled {
	background-position:-30px -60px !important;
}
.ix-controls .ix-pause a {
	background-position:-60px 0;
}
.ix-controls .ix-pause a:hover {
	background-position:-60px -30px;
}
.ix-controls .ix-next a {
	background-position:-90px 0;
}
.ix-controls .ix-next a:hover {
	background-position:-90px -30px;
}
.ix-controls .ix-next a.disabled {
	background-position:-90px -60px !important;
}
.ix-controls .ix-move a {
	background-position:-120px 0;
}
.ix-controls .ix-move a:hover {
	background-position:-120px -30px;
}
.ix-controls .ix-full-expand a {
	background-position:-150px 0;
}
.ix-controls .ix-full-expand a:hover {
	background-position:-150px -30px;
}
.ix-controls .ix-full-expand a.disabled {
	background-position:-150px -60px !important;
}
.ix-controls .ix-close a {
	background-position:-180px 0;
}
.ix-controls .ix-close a:hover {
	background-position:-180px -30px;
}