@charset "utf-8";
body,#wrapper,#banner,#years,#body,#students,#images,#quickLinks{
	margin: 0 auto;
}

body{
	height:100%;
	width:100%;
	background-color: #fff;
	background-image: url(../images/bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	min-width:800px;
	text-align:center;
	font-family: georgia, times, sans-serif;
	font-size: 1em;
	color: #666;
	padding: 20px 0 20px 0;
	overflow:visible;
}

div#wrapper{
	height:100%;
	width:1000px;
	color: #666;
}
div#menu{
	background-color: #fff;
	width:1000px;
	height:327px;
	color: #666;
	margin: 0 auto;
	overflow:hidden;
		
}

div#banner{
	color: #666;
	height:227px;
	width:1000px;
	background-color:#fff;
	background-image: url(../images/logo.jpg);
	background-attachment:scroll;
	overflow:hidden;
}

div#years{
	height:40px;
	width:1000px;
	color: #666;
	background-image: url(../images/flash.jpg);
	background-color:#fff;
	text-align:left;
	overflow:hidden;
}

div#body{
	width:1000px;
	background-color:#000;
	background-image: url(../images/body.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color: #666;
	border-top: thin solid #666;
	overflow:hidden;
}
div#welcome{
	border-bottom: thin solid #666;
	background-image: url(../images/welcome.jpg);
	width:1000px;
	height:60px;
	margin: 0 auto;
	overflow:hidden;
}

div#students{
	width:220px;
	text-align:left;
	float:left;
	overflow:hidden;
	margin: 40px 0 0 5px;
}
h3{
	color: #333;
}
h2{
	color: #444;
}

div#images{
	width:530px;
	color: #666;
	text-align:right;
	border: thin solid #666;
	margin: 0 auto;
	overflow:hidden;
}

#quickLinks{
	width:150px;
	color: #666;
	text-align:center;
	float:right;
	margin: 40px 40px 0 0;
}

#footer{
	width:1000px;
	color: #666;
	text-align:center;
	border-top: thin solid #666;
	margin: 0 auto;
}

.clear{
	clear:left;
	clear:right;
}

object#movie{
	height: 406px;
	width: 520px;
	margin: 5px 5px -10px 0;
	overflow:hidden;
}
object#flash{
	width:1000px;
	height:40px;
	overflow:hidden;
	margin: 0 auto;
	}


div#container{
	text-align:right;
	width:530px;
	margin: 0 auto;
}

div#container > div:first-child{
	width:520px;
	text-align:left;
	margin: 0 0 -10px 10px;
}

p#courses{
 	margin: 20px 20px 20px 0;
 	text-align:right;
}

p#stList{
	margin: 20px 20px 20px 20px;
}

span.invisible{
	color:#414141;
}
span.invisible2{
	color:#73737b;
}
.left{
	width:400px;
	color: #666;
	float:left;
	margin: 20px 0 0 20px;
}
.right{
	width:200px;
	color: #666;
	float:right;
	margin: 20px 20px 0 0;
}
	
div#imageLeft{
	float:left;
	margin: 0 0 0 5px;
}
div#imageRight{
	margin: 0 5px 0 0;
}
div#students div{
	background-image: url(../images/transparent3.png);
	padding: 20px 0 20px 0;
}
div#text{
	background-image: url(../images/transparent3.png);
	padding: 10px 0 20px 0;
}
div#top{
	background-image: url(../images/top-course.png);
	background-repeat:no-repeat;
	width:150px;
	height:10px;
	overflow:hidden;
	margin: 0 auto;
}


.margin{
	margin: 0 0 0 0;
	}

a{
	color: #000;
	text-decoration: none;
	font-size: 18px;
}

a:link{
	color: #000;
	text-decoration: none;
	font-size: 18px;
}
	
a:visited{
	color: #000;
	text-decoration: none;
	font-size: 18px;
}
	
a:hover{
	color: #ccc;
	text-decoration: none;
	font-size: 18px;
}

.right a{
	color: #666;
	text-decoration: none;
	font-size: 18px;
}
.right a:link{
	color: #666;
	text-decoration: none;
	font-size: 18px;
}

.right a:visited{
	color: #666;
	text-decoration: none;
	font-size: 18px;
}

.right a:hover{
	color: #ccc;
	text-decoration: none;
	font-size: 18px;
}

/*Gives the div round corners with the help of nifty.js*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}