p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.fl { float: left; }
.fr { float: right; }
a:link, a:visited { color: #bdfa66; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #FFFF00; text-decoration: underline; }

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffffff;
	background: #17181a url(../images/body_bg.jpg) repeat-x;
}

#rss_container {
	width: 980px;
	margin: 0 auto;
}

#rss_title_bar {
	width: 960px;
	height: 120px;
	padding: 0 10px;
	background: url(../images/top_bar.jpg) no-repeat;
}

#rss_title_bar  #site_title {
	float: left;
	width: 800px;
	margin-left: 140px;
	padding: 7px 0 0 0;
	text-align: center;
}

#site_title h1 a{
	margin: 0px;
	padding: 0px;
	font-size: 42px;
	color: #bdfa66;
	font-weight: bold;
	text-decoration: none;
}

#site_title h1 a span {
	display: block;
	margin-top: 30px;
	font-size: 25px;
	color: #75a64f;
}
/*
#rss_title_bar #sl_menu {
	float:right;
	width: 124px;
	margin: 50px 30px 0 0;
	padding: 0px;
}

#sl_menu .home_menu a{
	float: left;
	display: block;
	width: 48px;
	height: 52px;
	margin-right: 20px;
	background: url(../images/home_icon.png) no-repeat;
}

#sl_menu .contact_us a{
	float: left;
	display: block;
	width: 49px;
	height: 52px;
	background: url(../images/contact_icon.png) bottom no-repeat;
}
*/
#slideshow {
	margin:0 11px;
	padding:0;
	position:relative;
	border:12px solid #fff;
	-webkit-box-shadow:0 0px 5px #D5D5D5;
	-moz-box-shadow:0 0px 5px #D5D5D5;
	box-shadow:0 0px 5px #D5D5D5;
	margin-top:0px;
}

/* menu */
#nav_menu {
	clear: both;
	margin-top:5px;
	width: 960px;
	height: 56px;
	padding: 0 10px;
	background: url(../images/nav_menu_bg.jpg) no-repeat;
}

#nav_menu ul {
	width:810px;
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
	list-style: none;
}

#nav_menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#nav_menu ul li a{
	float: left;
	display: block;
	height: 24px;
	width: 112px;
	padding: 16px 0 0 0;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	color: #9a9789;	
}

#nav_menu li a:hover, #nav_menu li .current{
	color: #ffffff;
}

/* end of menu */


/* footer */

#footer_bar_wrapper {
	clear: both;
	width: 960px;
	padding: 0 10px;
	background: url(../images/content_bg.jpg) repeat-y;
}

#footer_bar {
	width: 900px;
	padding: 15px 30px;
	border-top: 1px solid #5A6060;
	background: #2A3030;
	text-align: center;
}
/* end of footer */


#content_wrapper {
	clear: both;
	width: 960px;
	padding: 0 10px;
	background: url(../images/content_bg.jpg) repeat-y;
}
#content {
	width: 900px;
	padding: 25px;
	background: url(../images/content_gradient_bg.jpg) top center no-repeat;
}

#side_column {
	float: left;
	width: 300px;
	padding: 0px;
}

h5 {	display: block;	margin: 0;	padding: 10px 0px;	width: 280px;height: 35px;font-size: 18px;font-weight: normal;text-align: center;	letter-spacing: 2px;background: url(../images/box_top.jpg) no-repeat;}
.box {position: relative;float: left;width: 280px;padding-bottom: 12px;background: #1f2124;margin-bottom:20px;}
.box_bottom { position: absolute; width: 280px; height: 12px; bottom: 0px; left: 0px;background: url(../images/box_bottom.jpg) no-repeat;}
.box .box_content {padding: 10px;}
.box .box_content marquee { height:180px; width:250px;}
.box .box_content b {color:#bdfa66;font-size: 14px;}
.box .box_content ul {list-style-type: none; float:left;}
.box .box_content a {color:white; text-decoration:none;}
.box .box_content a:hover {color:#FFFF00; text-decoration:none;}
.box .box_content hr {color:#bdfa66; margin:15px 0;}

.list {	margin: 10px 0;	padding: 0 0 0 15px;	list-style: none;}
.list li { background: transparent url(../images/list.png) no-repeat scroll 0 0px; font-size:13px; margin:0 0 10px; padding:0 0 0 25px;	line-height: 1.2em; text-align:left;}
.list li a { text-decoration: none;}
.list li a:hover { text-decoration: underline; }

#content_index {float: right; width: 595px;}
#content_index h1{font-size:30px; color:#bdfa66; font-family: Arial, Helvetica, sans-serif; line-height: 1em; text-align:center; margin-bottom:0px;}
#content_index h2{font-size:25px; color:#ef7716; font-family: Arial, Helvetica, sans-serif; text-align:center; margin-top:0px; margin-bottom:0px;}
#content_index .left{width:100%; border:solid 1px #a1c7fa; border-radius:5px; margin-bottom:25px; height:250px;box-shadow:3px 3px black;}
#content_index .left_h1{width:98%;float:left; margin:3px 3px 6px 3px; background-color:#ef7716; color:#FFFFFF;border-radius:5px; padding:5px 0px 5px 5px; font-size:16px;}
#content_index .left_content{width:600px; text-align:justify;}
#content_index .left img{float:left; padding-left:5px; padding-right:9px;}
#content_index .left p{padding-right:10px; margin-top:0px; margin-bottom:0px; font-size:16px;  margin-bottom:8px; line-height:22px;}

#about .boxline{width:100%; border:solid 1px #a1c7fa; border-radius:5px; margin-bottom:25px;box-shadow:3px 3px #888888;}
#about .h1{width:862px; margin:3px 3px 6px 3px; background-color:#75a64f; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px orange, 0 0 5px gray; text-align:center; font-style: oblique; border-radius:5px; padding:15px; font-size:25px;}
#about .content p{text-align:justify; padding:20px; margin-top:0px; margin-bottom:0px; font-size:20px;  margin-bottom:8px; line-height:32px; font-family: Arial, Helvetica, sans-serif;}
#about span{font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px #bdfa66, 0 0 5px gray;font-style: oblique; padding:15px; font-size:25px;}

#courses {float: right; width: 595px;}
#courses .boxline{ border:solid 1px #a1c7fa; border-radius:5px; margin:25px 0 0 0;box-shadow:3px 3px black;padding:10px;background-color:gray;}
#courses table{width:560px;}
#courses th{background-color:#75a64f; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px orange, 0 0 5px gray; text-align:center;box-shadow:3px 3px black; font-style: oblique; border-radius:5px; font-size:16px; padding:5px 0;}
#courses td{padding:3px; text-align:center; background-color:#2A3030; border-radius:5px;box-shadow:3px 3px black;}

#facility {float: right; width: 595px;}
#facility .boxline{ border:solid 1px #a1c7fa; border-radius:5px; margin:25px 0 0 0;box-shadow:3px 3px black;padding:10px;background-color:gray;}
#facility table{width:560px;}
#facility th{background-color:#75a64f; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px orange, 0 0 5px gray; text-align:center;box-shadow:3px 3px black; font-style: oblique; border-radius:5px; font-size:20px; padding:5px 0;}
#facility td{padding:3px; text-align:center; background-color:#2A3030; border-radius:5px;box-shadow:3px 3px black; font-size:16px; padding:5px;}

#faculty {float: right; width: 595px;}
#faculty .boxline{ border:solid 1px #a1c7fa; border-radius:5px; margin:25px 0 0 0;box-shadow:3px 3px black;padding:10px;background-color:gray;}
#faculty table{width:560px;}
#faculty th{background-color:#75a64f; font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px orange, 0 0 5px gray; text-align:center;box-shadow:3px 3px black; font-style: oblique; border-radius:5px; font-size:20px; padding:5px 0;}
#faculty td{padding:3px; text-align:center; background-color:#2A3030; border-radius:5px;box-shadow:3px 3px black; font-size:16px; padding:5px;}

#contact .aside{float:left; width:380px; margin:0; padding:0 0 0 20px; }
#contact .aside img{width:190px; border-radius:100px;  margin-right:10px; }
#contact .aside table{background:#517337; padding:10; border-radius:30px;box-shadow:3px 3px black;}
#contact .aside tr{height:27px;}
#contact .aside th { font-size:18px; color: white; text-align:left; width:100px;}
#contact .aside td { font-size:16px; color:white; width:250px; font-family:Arial, Helvetica, sans-serif;}
#contact .bside{float:right; width:475px;  margin:0;}
#contact .bside h1{font-weight:bold; text-shadow: 1px 1px 2px black, 0 0 25px orange, 0 0 5px gray; text-align:center; font-style: oblique;font-size:25px;}
#contact .bside h3{padding-top:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#c30000; font-size:28px; line-height:1em; font-weight:normal; margin-bottom:16px; text-align:center;}
#contact .bside b{color: white; font-size:16px;}
#contact .bside table{background:#517337; padding:12px; border-radius:30px; width:470px;box-shadow:3px 3px black;}
#contact .bside tr{height:66px;}
#contact .bside th{width:100px; text-align:left; color:white;}
#contact .bside input[type="text"] {display: inline-block; background: white; border: 1px solid #A3A1A1; box-shadow:3px 3px black;border-radius:100px; width: 100%;margin:5px 0px; outline: none;	font-size: 16px; color:black; font-weight: 500; padding: 5px 15px;}
#contact .bside textarea {background: white; border: 1px solid #A3A1A1; border-radius:10px; width: 100%; box-shadow:3px 3px black;display: block; height: 120px; outline: none; font-size: 16px; color: black; font-weight: 500; padding: 10px 15px; }
#contact .bside input[type="submit"]{background: #bdfa66;border: 1px solid #75a64f;padding: .6em 0;box-shadow:3px 3px black;border-radius:20px;width: 30%; margin-top:10px; font-size: 16px;color: black;font-weight: 400;letter-spacing: 1px;outline: none;transition: .5s all;}
#contact .bside input[type="submit"]:hover{color: #bdfa66; background: none;}
#contact .bside input[type="reset"]{background: #bdfa66;border: 1px solid #75a64f;padding: .6em 0;box-shadow:3px 3px black;border-radius:20px;width: 30%; margin-top:10px; font-size: 16px;color: black;font-weight: 400;letter-spacing: 1px;outline: none;transition: .5s all;}
#contact .bside input[type="reset"]:hover{color: #bdfa66; background: none;}


/*Stacks CSS for Gallery ----------------------------------------------------------------------------------------------------------- */

.gallery{
	padding: 40px 0px 0px 30px;
}

/*Float clearing goodness from Handcrafted CSS book ------------------------------------------------------------- */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Layout */
.stack { float: left; width: 21%; margin: 0 4% 4% 0; position: relative; z-index: 10; }

/* Image styles */
.stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.stack:last-of-type { margin-right: 0; }

/* Stacks creted by the use of generated content */
.stack:before, .stack:after { content: ""; border-radius: 3px; width: 100%; height: 100%; position: absolute; border: 10px solid #fff; left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}
.stack:before { top: 4px; z-index: -10; } /* 1st element in stack (behind image) */	
.stack:after { top: 8px; z-index: -20; } /* 2nd element in stack (behind image) */

/* Second stack example (rotated to the right from the bottom left) */
.stack.rotated:before { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	transform: rotate(2deg);
}
.stack.rotated:after { 
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	

/* Third stack example (One stack element rotated in the opposite direction) */
.stack.twisted:before {
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	transform: rotate(4deg);
}	
.stack.twisted:after {
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
}	

/* Fourth stack example (Similar to the second but rotated left) */
.stack.rotated-left:before {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.stack.rotated-left:after {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

/* Reset all rotations on hover */
.stack:hover:before, .stack:hover:after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}