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

body {
	background-color:#000;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

img {
	border:none;
}

@font-face {
	font-family:"Myriad";
	src: url(myriad.otf);
}

@font-face {
	font-family:"Theramin";
	src: url(theramin.ttf);
}

@font-face {
	font-family:"TheraminIt";
	src: url(theraminit.ttf);
}

#bg {
	width:1291px;
	min-height:636px;
	background:url(images/bg.jpg) no-repeat;
	margin-left:-150px;
}

#wrap {
	width:980px;
	margin-left:150px;
	background:#222;
	top:180px;
	position:relative;
}

#header {
	background:url(images/header.jpg) no-repeat;
	width:980px;
	height:200px;
}

#menu {
	width:970px;
	height:44px;
	position:relative;
	top:5px;
}

.sep {
	width:138px;
	text-align:center;
	background:url(images/sep.png) no-repeat;
	background-position:right center;
}

.nosep {
	width:138px;
	text-align:center;
}

#menu a, #menu a:visited {
	text-decoration:none;
	color:#fff;
	font-family:"Myriad", Arial;
}

#menu a:hover {
	color:#d80000;
}

.alert {
	background:#FFEAEA;
	border:1px solid #d80000;
	width:570px;
	padding:15px;
	color:#d80000;
	font-size:12px;
}

#save {
	background:url(images/save.png) no-repeat;
	width:722px;
	height:60px;
	position:relative;
	top:5px;
}

#content {
	background:#fff;
	width:950px;
	margin-top:-94px;
	padding:15px 15px 40px 15px;
	margin-bottom:10px;
	text-align:left;
}

#left {
	width:600px;
	float:left;
}

#right {
	width:330px;
	float:right;
	color:#666;
}

#slide {
	width:600px;
	height:380px;
	background:url(images/slide1.jpg) no-repeat;
	position:relative;
}

#about {
	background:url(images/about.jpg) no-repeat;
	width:600px;
	height:59px;
}

#about_content {
	background:#f1f1f1;
	width:580px;
	padding:10px;
	color:#666;
	text-align:left;
}

#slide_caption {
	height:70px;
	width:580px;
	background:#000;
	opacity:0.8;
	filter: alpha(opacity=80);
	position:absolute;
	bottom:0px;
	text-align:left;
	padding:5px 10px 5px 10px;
}

.slide_text {
	position:absolute;
	left:10px;
	top:305px;
	text-align:left;
	font-size:14px;
	color:#CCCCCC;
}

.title {
	font-size:30px;
	color:#fff;
}

#classes {
	width:420px;
}

#classes td {
	background:#f1f1f1;
	padding-top:5px;
	padding-bottom:5px;
}

.name {
	padding-left:15px;
}

.gr {
	color:#666;
}

.schitem {
	background:#ddd;
	padding:10px;
}

.trdesc {
	font-size:12px;
}

h1 {
	font-family:"TheraminIt", Arial;
	margin:0px;
	color:#666;
}

h2 {
	font-family:"TheraminIt", Arial;
	margin:0px;
	font-size:24px;
	color:#666;
}

.add {
	background:url(images/add.gif) no-repeat;
	padding-left:12px;	
	background-position:0px 4px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}