/* CSS Document */

html, 
body {
	margin:0;
	padding:0;
	height:100%;
	/*background-image: url(../images/etu_combback_topgrad2.jpg);*/
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: 0px -50px;
	margin-top:0em !important;
}

#container {
	min-height:100%;
	position:relative;
	/*background-image: url(../images/sting_watermark.png);
	background-repeat: no-repeat;
	background-position: 110% 75%;*/
}

#header {
	background-color: #fff;
	height: auto;/*180px;*/
	overflow:auto;
	/*background-image: url(../images/new-Header2.png);
	background-position: 0px -80px;*/
	padding: 10px;
	text-align: left;
	background-repeat: repeat-x;/*font-family: Georgia, "Times New Roman", Times, serif;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border-bottom-width: 24px;
	border-bottom-style: solid;
	border-bottom-color: #002856;
}

#header h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #002856;
	font-size: 36px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	margin: 0px;
	display: block;
	text-shadow: 4px 4px 4px rgba(92, 92, 92, 0.5);
}

#header .heading {
	/*	font-family:'YouAreLoved', Gadget, sans-serif;
*/ font-family:Arial;
	color: 002856;
	font-size: 36px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	/*text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);*/
	text-align: center;
	margin: 0px;
	display: block;
}

#rctc_expect {
	width: 305px;
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#rctc_expect .rctc {
/*	font-family:'YouAreLoved', Gadget, sans-serif;
*/ font-family:Arial;	font-size: 60px;
	float: left;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 24px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8), -0px -0px 0px rgba(255, 255, 255, 0.5);
}

#rctc_expect .unexpected {
/*	font-family:'YouAreLoved', Gadget, sans-serif;
*/ font-family:Arial;	font-size: 20px;
	padding-top: 30px;
	color: #FC0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8), -0px -0px 0px rgba(255, 255, 255, 0.5);/*text-shadow: 3px 3px 3px #000;*/
}

#test a {
	text-decoration: none;
	color: #666;
	position: absolute;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));
	font-size: xx-large;
	font-family: "Arial Black", Gadget, sans-serif;
}

#test:after {
	content : 'Hello World';
	color: #d6d6d6;
	text-shadow: 0 1px 0 white;
	font-size: xx-large;
	font-family: "Arial Black", Gadget, sans-serif;
}

#main {
	padding-bottom:100px;	/*240px; Must match height of the footer */
	padding-top: 10px;
	padding-right: 5%;
	padding-left: 5%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main h1 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 56px;
	text-shadow: 5px 5px 5px rgba(92, 92, 92, 0.5);
}

#main h2 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 42px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.3);
}

#main h3 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 36px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.3); }

#main h4 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 30px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.5); 
}

#main h5 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 26px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.5);
}
#main2 {
	padding-bottom: 140px;	 /*475px;	Must match height of the footer */
	padding-top: 10px;
	padding-right: 5%;
	padding-left: 5%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main2 h1 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 56px;
	text-shadow: 5px 5px 5px rgba(92, 92, 92, 0.5);
}

#main2 h2 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 42px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.3);
}

#main2 h3 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 36px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.3); }

#main2 h4 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 30px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.5); 
}

#main2 h5 {
	margin:0;
	padding:10px 0 0 10px;
/*	font-family:'TrashHand', Georgia, Serif;
*/ font-family:Arial;	font-size: 26px;
	text-shadow: 2px 2px 2px rgba(92, 92, 92, 0.5);
}

#footer {
	position: relative;
	overflow:auto;
	right: 0;
	bottom: 0;
	left: 0;
	/*padding: 1rem;*/
	width: 100%;
	/*height: 160px; 240px; This is flexible, but the height of the body bottom-padding should match this */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: bottom;
	background-repeat: repeat-x;
	/*padding-bottom: 20px;*/
	background-color: #fff;
	border-top-width: 24px;
	border-top-color: #002856;
}

#footer a:link {
	color: #69F;
}

#footer a:visited {
	color: #69F;
}

#footer a:hover {
	color: #FFF;
}

#footer a:active {
	color: #FF9;
}

#footer-rctc-logo {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* other non-essential CSS */




.indent {
	padding-top: 15px;
	padding-right: 5%;
	padding-left: 5%;
}

.textarea {
	max-width: 750px;
 width: expression(this.width > 800 ? 800: true);/* sets max width for IE*/
	padding-left: 5%;
	text-align: left;
}

.centered {
	text-align: center;
	width: 80%;
	margin: auto
}

.centered div p {
	text-align: justify;
}

/* RCTC font faces:*/
@font-face {
	font-family: 'YouAreLoved';
	src: url('../fonts/youareloved-webfont.eot');
	src: url('../fonts/youareloved-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/youareloved-webfont.woff') format('woff'), url('../fonts/youareloved-webfont.ttf') format('truetype'), url('../fonts/youareloved-webfont.svg#YouAreLovedRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TrashHand';
	src: url('../fonts/trashhand-webfont.eot');
	src: url('../fonts/trashhand-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trashhand-webfont.woff') format('woff'), url('../fonts/trashhand-webfont.ttf') format('truetype'), url('../fonts/trashhand-webfont.svg#TrashHandRegular') format('svg');
}

@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('../fonts/websymbols-regular-webfont.eot');
	src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype'), url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}

/* :RCTC font faces*/
/*ids with font faces applied:*/

.loved {
	font-family:'YouAreLoved', georgia, serif;
	font-size: 80px;
	color:#006
}

.trashed {
	font-family:'TrashHand', Arial, Helvetica, sans-serif;
	font-size: 40px;
	color:#006
}

#zfonttester {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #666;
	text-shadow:2px 2px 2px rgba(255, 255, 255, 0.5), -2px -2px 2px rgba(0, 0, 0, 0.7);
	font-size: 36px;
}

.web-symbol {
	font-family: 'WebSymbolsRegular', Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-decoration: none;
}

#left-navigation {
	background-image: url(../images/etu_combback.png);
	background-color: #FC6;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFC;
	border-right-color: #C90;
	border-bottom-color: #C90;
	border-left-color: #FFC;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
}

#left-navigation-shadow {
	background-color: #666;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	float: left;
	clear: right;
	margin-right: 30px;
	margin-bottom: 30px;
	padding-right: 1px;
	padding-bottom: 1px;
	margin-top: 30px;
}

#filler {
	background-color: #072C50;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#footer-left-box {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 200px;
	padding: 0px;
	text-align: center;
}

#footer-middle-box {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #36C;
	padding-left: 8px;
}

#footer-right-box {
	text-align: left;
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 8px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #36C;
}

.centered-heading {
	padding-right: 22%;
}