<style>
form {margin: 0px 0px 0px 0px; }

p {
	margin: 0px;
	padding: 0 0 15px;
	}
	
html,body {
	margin-bottom: 1px;
	min-height:900px;
	font-size:12px;
	color: #000000;
	font-family:arial, sans-serif;
	background-color:#666;
	}

	
body { 
			background-image:url('https://schoolclassics.org/images/backgrounds/background.jpg');
		background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

table {
	font-size:12px;
	color: #000000;
	font-family:arial, sans-serif;
	border:0px;
	border-color:#000000;
	text-align:left;
	vertical-align:top;
	border-spacing: 0;
    border-collapse: collapse;
	}

tr, td { 	
	text-align:left;
	vertical-align:top;
	padding:3px;
	}
	
.tableheader {
	border-bottom:1px solid #ccc;
	background: -webkit-linear-gradient(left top, #ffe, #ffa); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #ffe, #ffa); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #ffe, #ffa); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #ffe, #ffa); /* Standard syntax */
	}
	
.tableheader2 {
	border-bottom:1px solid #ccc;
	background: -webkit-linear-gradient(left top, #ffe4b2, #ffb732); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #ffe4b2, #ffb732); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #ffe4b2, #ffb732); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #ffe4b2, #ffb732); /* Standard syntax */
	}
	
	
.mainpage, .default, .table , .admintables, .edittables {
	margin:0px;
	background-color:#eeeeee;
	color:#000000;
	font-family:arial, sans-serif;
	}

.mainpage, .table {	font-size:12px;	}
.admintables { font-size:12px; }
.edittables { font-size:px; }
.default { font-size:12px; }
	
a:link{color:#f1d410; text-decoration:none; outline:none;}
a:visited{color:#f1d410; text-decoration:none; outline:none;}
a:hover{color:#666; text-decoration:none; outline:none;}
a:active{color:#938000; text-decoration:none; outline:none;}

a:link.redlink {color: #ff0000; text-decoration:none;}
a:visited.redlink{color: #ff0000; text-decoration:none;}
a:hover.redlink{color: #dd0000; text-decoration:none;}
a:active.redlink{color: #dd0000; text-decoration:none;}

.headerlink a:link{color:#; text-decoration:none; outline:none;}
.headerlink a:visited{color:#; text-decoration:none; outline:none;}
.headerlink a:hover{color:#; text-decoration:none; outline:none;}
.headerlink a:active{color:#; text-decoration:none; outline:none;}
.headerlink {
	vertical-align:bottom; 
	text-shadow: # 1px 1px 2px; 
	letter-spacing: 1px;
	color:#;
	}

strong {color:#000000; font-weight:bold;}

h1, h2, h3, h4, h5 {
	margin: 0 0 15px 0;
	line-height: 1.1em; 
	text-shadow: #aaaaaa 2px 2px 2px; 
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=2);*/
	letter-spacing: 3px;
	}
	h1 {font-size: 200%;}
	h2 {font-size: 175%;}
	h3 {font-size: 150%;}
	h4 {font-size: 120%;}
	h5 {font-size: 120%;}
	h6 {font-size: 110%;}

hr.fadedends {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	}

.vcentertext p {
  position: relative;
  top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	}	
	
.largenumber {
	color:#000000;
	font-family:arial, sans-serif;
	font-size:35px;
    float: left;
    margin: -5px 2px 0px 2px;
	font-weight: bold; 
	}

.headerfont {
	color:#777;
	}

img { border:0px; }
	
.displayimage {
	max-width: px;
	max-height: px;
	width: expression(this.width > 100 ? "px" : true);
	height: expression(this.height > 100 ? "px" : true);
	padding: 5px; 
	border: 1px; 
	margin: 5px 25px 5px 5px;
	solid #000000;
		-moz-box-shadow:    1px 1px 2px 2px #888888;
		-webkit-box-shadow: 1px 1px 2px 2px #888888;
		box-shadow:         1px 1px 2px 2px #888888;
	}


img {
	border:0px;
	}
	

.selectimage {
	max-width: 100px;
	max-height: 100px;
	width: expression(this.width > 100 ? "100px" : true);
	height: expression(this.height > 100 ? "100px" : true);
	padding: 5px; 
	border: 1px; 
	margin: 5px 25px 5px 5px;
	solid #000000;
		-moz-box-shadow:    1px 1px 2px 2px #888888;
		-webkit-box-shadow: 1px 1px 2px 2px #888888;
		box-shadow:         1px 1px 2px 2px #888888;
	}	
	
.selectimagesmall {
	max-width: 60px;
	max-height: 60px;
	width: expression(this.width > 100 ? "60px" : true);
	height: expression(this.height > 100 ? "60px" : true);
	padding: 5px; 
	border: 1px; 
	margin: 5px 25px 5px 5px;
	solid #000000;
		-moz-box-shadow:    1px 1px 2px 2px #888888;
		-webkit-box-shadow: 1px 1px 2px 2px #888888;
		box-shadow:         1px 1px 2px 2px #888888;
	}	
	
.imageframe {
	padding: 5px; 
	border: 1px; 
	margin: 5px 25px 5px 5px;
	solid #000000;
		-moz-box-shadow:    1px 1px 2px 2px #888888;
		-webkit-box-shadow: 1px 1px 2px 2px #888888;
		box-shadow:         1px 1px 2px 2px #888888;
	}

.formbox {
	font-size:12px;
	color : #444444;
	height:18px;
	padding:1px 1px;
	margin-bottom:0px;
	border:0;
	border-color:#dddddd;
	box-shadow:inset 0 0 10px 6px #eeeeee;
	box-shadow: 0 0 8px 4px #eeeeee;
	background: #fff;
	}	
	
label, select[id="required"], input[id="required"] {
	border-style:solid;
	border-width:2px;
	border-color:#938000;
	}
	
label, input[id="look"] {
    float:right;
    display:block;
	padding-left:5px;
    text-indent:0px;
}

label, input[id="lookrequired"] {
    float:right;
    display:block;
	padding-left:5px;
    text-indent:0px;
	border-style:solid;
	border-width:2px;
	border-color:#938000;
}

label, select[id="look"] {
    float:right;
    display:block;
}

label, select[id="lookrequired"] {
    float:right;
    display:block;
	border-style:solid;
	border-width:2px;
	border-color:#938000;
}

label, input[id="lookleft"] {
	float:left;
	margin-left: 20px;
    display:block;
	padding-right: 20px;
    text-indent: 30px;
}

label, select[id="lookleft"] {
    display:block;
}

label { margin-right: 10px; }

label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

input, select {
    padding: 0;
    margin:0;
    vertical-align: top;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

input[type="checkbox"]{
	background: none;
	margin-top: 1px;
	border: 0px;
	position: relative;
	}

input[type="radio"]{
	background: none;
	padding: 0px;
	border: 0px;
	position: relative;
	}

input[type="submit"]{
	padding:1px 5px 1px 5px;
	margin: 3px 3px 3px 3px;
	}

textarea.inputbox, .contact-form textarea{
  background: url(images/input.jpg) repeat-x #fff;
  border: 1px solid #dadada;
}

#preview_div {display: none; position: absolute; z-index: 110;} /* for expanding photo divs */
.border_preview{
	background: #fff; 
	border: 1px solid #ccc; 
	padding: 5px; 
	margin: 5px 25px 5px 5px;
	solid #000000;
		-moz-box-shadow:    1px 1px 2px 2px #888888;
		-webkit-box-shadow: 1px 1px 2px 2px #888888;
		box-shadow:         1px 1px 2px 2px #888888;
	position: absolute; 
	z-index: 100;
	}
.preview_temp_load {padding: 10px; text-align: center; vertical-align: middle;}
.preview_temp_load img, .featured_listings_center {text-align: center; vertical-align: middle;}


.highlightbutton {
	background:#e8d5f3;
	background:-moz-linear-gradient(top,#f6eafd 0%,#e8d5f3 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6eafd),color-stop(100%,#e8d5f3));
	background:-webkit-linear-gradient(top,#f6eafd 0%,#e8d5f3 100%);
	background:-o-linear-gradient(top,#f6eafd 0%,#e8d5f3 100%);
	background:-ms-linear-gradient(top,#f6eafd 0%,#e8d5f3 100%);
	background:linear-gradient(top,#f6eafd 0%,#e8d5f3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6eafd',endColorstr='#f6eafd',GradientType=0);
	
	-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
	border-bottom-color:#333;
	border:1px solid #000000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	color:#000000;
	height:28px;
	font-family: arial, sans-serif; 
	font-size:12px;
	text-shadow:#50396a0 1px 0;
	padding:1px
	}

.button {
  background-color: #eee;
  border: 1px solid #000;
  color: #000;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.button:hover {
  background-color: #ddd;
}

             
                

.smallbutton {
	padding:2px;
	margin:2px;
	color:#000000;
	font-family: arial, sans-serif; 
	font-weight: normal;
	font-size:8px;
	cursor: pointer;
	text-decoration: none;
	background-color:#CCCCCC;		/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#FFFFFF)); 		/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #CCCCCC, #FFFFFF); 		/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF); 		/* IE 10 */ 
	background: -ms-linear-gradient(top, #CCCCCC, #FFFFFF); 		/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #CCCCCC, #FFFFFF); 
	background-image: -ms-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 100%);
	background-image: linear-gradient(to top, #CCCCCC 0%, #FFFFFF 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#FFFFFF'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCCCCC', endColorstr='#FFFFFF')"; /* IE8 */
	border: 0px solid #938000;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;	
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	display: inline-block;
	text-shadow: #eeeeee 1px 1px 2px;
	letter-spacing: 1px;
	-moz-box-shadow:    2px 2px 3px 1px #AAAAAA;
	-webkit-box-shadow: 2px 2px 3px 1px #AAAAAA;
	box-shadow: 2px 2px 3px 1px #AAAAAA;
	}

.button:focus {
	outline:none;
	 -moz-outline:none; 
	}
	
.button:active, .highlightbutton:active, .smallbutton:active{
		border: 1px solid #000000;
	outline:none; /* FF1.5+ IE7+*/
    -moz-outline:none; /* FF<=1.5*/
	color: #937c18;
	background-color:#ccc8e4;		/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc8e4), to(#fffc17)); 		/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #ccc8e4, #fffc17); 		/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #ccc8e4, #fffc17); 		/* IE 10 */ 
	background: -ms-linear-gradient(top, #ccc8e4, #fffc17); 		/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #ccc8e4, #fffc17); 
	background-image: -ms-linear-gradient(bottom, #ccc8e4 0%, #fffc17 100%);
	background-image: linear-gradient(to top, #ccc8e4 0%, #fffc17 100%);
	}

:focus {
  -moz-outline-style: none;
}

fieldset {  
	-moz-border-radius:12px; 
	-webkit-border-radius:12px;	
	-o-border-radius:12px;
	-ms-border-radius:12px;
	-khtml-border-radius:12px;
	border-radius:12px;
	border: 0px;
	}

	#standard {
		padding:10px;
		margin:10px;
		color:#000000;
		font-family: arial, sans-serif; 
		font-weight: normal;
		font-size:12px;
		background-color:#FFFFFF;		/* ? */ 
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#CCCCCC)); 		/* ? */ 
		background: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); 		/* Safari Chrome*/ 
		background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF); 		/* FireFox */ 
		background: -ms-linear-gradient(top, #CCCCCC, #FFFFFF); 		/* Opera 11.10+ */ 
		background: -o-linear-gradient(top, #CCCCCC, #FFFFFF); 
		background-image: -ms-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 100%);
		background-image: linear-gradient(to top, #CCCCCC 0%, #FFFFFF 100%);
		filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#CCCCCC'); /* IE6 & IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#CCCCCC')"; /* IE8 */
		border: 0px solid #000000;
		display: inline-block;
		text-shadow: #eeeeee 1px 1px 2px;
		letter-spacing: 1px;
		/*
		-moz-box-shadow:    5px 5px 6px 3px #AAAAAA;
		-webkit-box-shadow: 5px 5px 6px 3px #AAAAAA;
		box-shadow: 5px 5px 6px 3px #AAAAAA;
		*/
		-webkit-box-shadow: 0 0 34px #DBD8E3;
		-moz-box-shadow: 0 0 34px #DBD8E3;
		box-shadow: 0 0 34px #DBD8E3;
		
		border: 12px solid #dcdcdc;
		-moz-border-radius:12px; 
		-webkit-border-radius:12px;	
		-o-border-radius:12px;
		-ms-border-radius:12px;
		-khtml-border-radius:12px;
		border-radius:12px;
		} 
	
	#headerfield {
		float: right;
		}
   
legend { 
	font-weight:bold;
	font-size:120%;
	}

/* Layers structure */
#rt-header {
	background:none;	padding: 0px 0px 4px 0px;
	text-shadow: none;
		}
#rt-bottom {color: #000000;}
.rt-container {	background: #eeeeee; } 
#page-wrapper{
	width: 100%;
	padding: 0px 0px;
	margin: 0px auto 0px auto;
	}
#in-page-wrapper{	
	padding-bottom: 0px;
	}
#in-page-wrapper-2{
	padding-top: 0px;
	padding-bottom: 15px; /* padding at bottom below shadow margin */
	min-height: 500px;
	}
.rt-container { background: none; }
.rt-block {
	padding: 0px;
	margin: 0px 0px;
	/*overflow: hidden;*/
	word-wrap: break-word;
	}
/* blank suffix */
.blank .rt-block , .blank .module-outline-1 , .blank .module-outline-2{
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background: none !important;
	box-shadow: none !important;
	}
.blank h2.title, .blank .module-title h2.title{
	text-align:left !important;
	border:0 !important;
	background: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	}
.blank .rt-block .module-content{
	margin:0 !important;
	padding:0 !important;
	box-shadow: none !important;
	}
.blank .equalsFeatureContent, .equalsMaintopContent, .equalsMainbottomContent, .blank .module-content  {
	border: none !important;
	}
/* Grid Container */
.rt-container {margin:0 auto; width:960px;}
body {min-width: 960px;}
/* Grid Block */
.rt-block {padding: 5px;margin-bottom: 10px;position: relative;}
#gantry-viewswitcher.off {background-position: bottom left;}
#gantry-viewswitcher span {display: none;}
/* Clear Set */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#passwordStrength	{
		height:6px;
		display:block;
		float:left;
		}
	.strength0	{
		width:30px;
		background:#dddddd;
		}
	.strength1	{
		width:30px;
		background:#9f060d;
		}
	.strength2	{
		width:60px;	
		background:#fa0813;
		}
	.strength3	{
		width:90px;
		background:#fe9806;
		}
	.strength4	{
		background:#4dcd00;
		width:120px;
		}
	.strength5	{
		background:#399800;
		width:150px;
		}
	.strength6	{
		background:#399800;
		width:150px;
		}
	
div#parent { position:relative; }
div#child { position:absolute; z-index:2; }
div#childbg { 
	position:absolute; z-index:2; 
	background: #CCCCCC;
	background: -moz-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 80%);
	background: -webkit-linear-gradient(bottom,#CCCCCC 0%, #FFFFFF 80%);
	background: -o-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 80%);
	background: -ms-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 80%);
	background: linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CCCCCC',GradientType=0 );
	}

div#opacity { 
	position:absolute; 
	z-index:1; 
	opacity:.02; 
	-webkit-opacity: 0.02;
	-moz-opacity: 0.02;
	filter: alpha(opacity=2);
	background-color:#ffffff; 
	}

.wrapper {
	padding: 10px;
	width: 310px;
	height: 370px;
	background: white;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90;
	}

	.ribbon-wrapper-yellow {
	  width: 85px;
	  height: 88px;
	  overflow: hidden;
	  position: absolute;
	  top: -3px;
	  right: -3px;
	}

	.ribbon-yellow {
	  font: bold 15px Sans-Serif;
	  color: #333;
	  text-align: center;
	  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	  -webkit-transform: rotate(45deg);
	  -moz-transform:    rotate(45deg);
	  -ms-transform:     rotate(45deg);
	  -o-transform:      rotate(45deg);
	  position: relative;
	  padding: 7px 0;
	  left: -5px;
	  top: 15px;
	  width: 120px;
	  background-color: #FCE94A;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#FCE94A), to(#f2f79b)); 
	  background-image: -webkit-linear-gradient(top, #FCE94A, #f2f79b); 
	  background-image:    -moz-linear-gradient(top, #FCE94A, #f2f79b); 
	  background-image:     -ms-linear-gradient(top, #FCE94A, #f2f79b); 
	  background-image:      -o-linear-gradient(top, #FCE94A, #f2f79b); 
	  color: #6a6340;
	  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}

	.ribbon-yellow:before, .ribbon-yellow:after {
		content: "";
		border-top:   3px solid #6e8900;   
		border-left:  3px solid transparent;
		border-right: 3px solid transparent;
		position:absolute;
		bottom: -3px;
		}

	.ribbon-yellow:before { left: 0; }
	.ribbon-yellow:after { right: 0; }​	
	
</style>