/* CSS Document for /index.htm and /m/welcome/index.htm, index-EXPIRED.htm first.htm and first-test.htm */

body {
	background-color: #3C0;
	margin:0;
	width:auto;
	min-width:940px;
}
body,td,th {
	font-family: Trebuchet MS, Verdana, sans-serif;
	color:#009C00;
}

img {border:0}

/* MainEx also appears in memb/css/memb.css, populates from defines1.php*/
#MainEx, #JSwarning {
	width:100%;
	border-bottom: 2px solid #C30; 
	background-color: #F00; 
	padding: 6px 0px; 
	color: #FFF; 
	text-align: center;
}

#MainEx a, #JSwarning a {	
	color:#FFF;
	padding: 0px 5px 2px 5px; 
	background-color:#e20000; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius:5px;
 }

#MainEx a:hover, #JSwarning a:hover {	color:#FFF;  }

#header {
	width:100%;
	height:30px;
	background-color:#060;
	z-index:100;	
	margin-bottom:35px;
	position:relative;
	margin-bottom:25px;
	z-index:2 !important;
}

#header a:link, #header a:visited {
	color:#50cf17;
	text-decoration:none;
}
#header a:hover { color:#fff; }

#header a img { border:none;}

#header ul {
	list-style:none;
	margin:0;
}

#header ul.memb {
	list-style:none;
	margin-left:-40px;
}

#header ul li {
	float: right;
	padding:6px 15px 6px 15px;
	margin:0;
	border-left:1px solid #3C0;
}

#header ul li.memb {
	float: right;
	padding:6px 15px 6px 15px;
	margin:0;
	border-right:none;
	border-left:1px solid #3C0;
}

#header p {
	float:left;
	padding:6px 0 0 15px;
	margin:0;
}

#header p img {
	vertical-align: middle;
	position: relative;
	top: 0;
	border: none;
	padding: 0;
	margin: -6px 3px 0 0;
}

#header p.memb {
	float:right;
	padding:8px 15px 0 0;
	color:#FFF;
	font-size:12px;
}

#header p.memb img {
	margin: -4px 1px 0 0;
}

.header{z-index:2 !important}
.ribbon-container{z-index:3 !important}
.ribbon :after{z-index:-2 !important}
.logo{z-index:4 !important}

#subheader {
	position:absolute;
	top:22px;
	left:5px;
	z-index:5;
}

#subheader a {
	font-size:21px; 
	color:#CF9; 
	white-space:nowrap; 
	text-decoration:none; 
}
	
#subheader a:hover  {color:#FFF;}
#subheader a img { position:relative; top:8px; margin-right:3px; }

h1 {
	color:#CF9;
	font-size:26px ;
	font-weight:normal ;
	text-align:center;
	margin:0 0 10px 0;
}

#main {
	width:940px;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}
#math, #songs {
	width:230px;
	background-color:#00b000;
	text-align:center;
	padding:20px 0 0 0;
	margin:0;
}

#math {
background-image:url(/imgs/2013/panel-mathtop.png);
background-repeat:no-repeat;
}

#songs {
	background-image:url(/imgs/2013/panel-songstop.png);
    background-repeat:no-repeat;
}

img.bottoms {
	margin:3px 0 -10px 0;
	padding:0;
	position:relative;
	top:-5px;
}

#reading {
	width:440px;
	margin:0;
	padding:0 20px;	
}

#logo {
	width: 384px;
	height: 72px;
	margin-right: auto;
	float: none;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}

#math, #reading, #songs {float:left;}

#first {
}

#math a, #songs a, #reading a {
	color:#060;
	text-decoration:none;
	font-size:12px;
}

#reading a {
	display:block;
	text-align:center;
	width:220px;
	float:left;
}

#math p, #songs p, #reading p {
	margin:0 0 5px 0;
}

#help {
color:#060; margin:0 0 0 15px; font-size:12px;
}

#help a{
color:#FFF; 
}

#contact {
	clear:both;
	text-align:center;
	font-size:18px;
}

#contact a {
	color:#FFF;
	text-decoration:none;
}

#contact a:hover { color:#CF9 }

#copyright {
	clear:both;
	font-size:0.750em;
	text-align:center;
	margin:25px auto;
}


/* FIRST GRADE INDEX*/

.ampersand {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#firstgrade {
	background-color: #906;
	color: #300;
	min-width:940px;
	margin:0;
}

#header.first { background-color:#603; z-index:100; margin-bottom:45px; }
#header.first a:link, #header.first a:visited { color:#C69; }
#header.first div { float:right; width:215px; text-align:right; margin: 5px 15px -35px 0; }
#header.first div a { text-decoration:underline; display:block; z-index:2 }
#contact.first { color: #58002c;}
#copyright.first {color: #300;}

#firstgrade a img { border: none; }

#firstgrade table {
	width:100%;
	postition:relative;
}

#firstgrade td {
	white-space:normal;
	padding-bottom:25px;
	vertical-align:top;
	width:50%;
}

#firstgrade td:first-child {
	padding-right:20px;
	padding-left:50px;
	border-right:dashed 1px #58002c;
}
 #firstgrade td:last-child {
	 padding-left:20px;
	 padding-right: 50px;
 }

#firstgrade h1{
	color: #58002c;
	font-size:28px;
	text-align:left;
	font-weight:bold;
	padding-bottom:0;
	margin:0;
	position:relative;
	z-index:-1;
}

#firstgrade h2{
	font-size:18px;
	color: #58002c;
	margin:0;
	margin-bottom:5px;
	clear:both;
	padding-top:15px;
	padding-left:5px;
	font-weight:normal;
	white-space:nowrap;
}

.ficon, .ficonlg {
	font-size:9px;
	text-align:center;
	float:left;
	margin: 5px;
	width:75px;
}

.ficon a, .ficonlg a {
	text-decoration:none;
	color: #58002c;
}

.ficonlg {
	width:120px;
}

.ficon img, .ficonlg img {
	clear:right;
	/*background-color:#C69;*/
	
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: 0 3px 3px #603;
	-moz-box-shadow: 0x 3px 3px #603;
	-webkit-box-shadow: 0 3px 3px #603;
	
	margin-bottom:5px;
	
	height:72px;
	width:72px;
	
}

.ficonlg img {
	height:72px;
	width:120px;
}

.logo {
	background: #00b000;
	width: 225px;
	border-radius: 0 0 15px 15px;
	box-shadow: 0 2px 2px rgba(0,0,0,.35);
	margin: 0 0 0 20px;
	text-align: center;
	position: absolute;
	display: block;
	z-index: 10;
	behavior: url(/css/PIE.htc); /* well-tested solution for adding border-radius to IE 6-9 */
}
.logo img {
	position: relative;
	top: -4px;
}
.ribbon-container {
	position: relative;
	top: 0;
	z-index: 3;
}
.ribbon {
	font-size: 16px;
	width: 400px;height: 22px;
	position: relative;
	display: block;
	top: -30px;
	left: 240px;
	background: #39f;
	color: #fff;
	padding: 3px 0 0 8px;
	box-shadow: 0 1px 1px rgba(0,0,0,.35);
	background: linear-gradient(to right, rgba(51,153,255,1), rgba(63,170,255,1), rgba(51,153,255,1)); /*Standard*/
	margin-bottom: -20px;
}
.ribbon:after {
	content: "";
	position: absolute;
	display: block;
	top: 3px;
	left: 400px;
	border: 12px solid #2d90ff;
	border-left-width: 8px;
	border-right-color: transparent;
	z-index: -2;
}
.ribbon a {
	color: #FFF;
	text-decoration: none;
	padding: 0 4px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);
}
.ribbon a:hover {
	background: #FFF;
	color: 2d90ff;
}