﻿ body {
	padding: 0px;
	margin: 25px 15px 0px 15px;
	background-position: 0%;
	background-color: #3E4368;
	background-repeat: no-repeat;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: small;
}
p {
	margin: 3px 0px;
	border-style:none;
	}
	
a {
	color: #DFB300;
}
ul {
	color: gray;
	list-style-type:disc;
	}


img {
	border: none;
}	


a:link{
	color: #917B00;
	font-size: 1em;
}
a:visited {
	color:#917B00;
}
a:hover  {
	color: #DFB300;
}

h6 {
	margin-left:5px;
	}

h5 {
	margin-left:5px;
	}

h4 {
	margin-left:5px;
	}

h3 {
	margin-left:5px;
	}

h2 {
	margin-left:5px;
	}

h1 {
	margin-left:5px;
	}
h2 {
	font-size: 1.25em;
	text-align:left;
}
h3 {
	color: #DFB300;
	font-size: medium;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 2px;
}

h4 {
margin: 2px 5px 8px 0px;
padding: 2px 3px 2px 5px;
background-color:silver;
font-size: 1em;
}
.infolink {
	
}
.float-left {
	float:left;
}

/* ------------------ bond styles ------------------ */

.bond {
	text-align:center;
}
.bond a { 
display: block; 
width: 156px; 
height: 118px; 
background: transparent  no-repeat; 
} 

.bond a:hover { 
background-position: -156px 0; 
} 






















/* for reference--- 
p.blurb {
	margin: 2px 5px 2px 160px;
	width: auto;
	min-width: 0px;
	max-width: 650px;
	padding-bottom: 0px;
	text-align: left;
	border:none;
}

*/



/* ------------------ highlight section ------------------ */
.photo-float {
	width:auto;
	height: auto;
	}

.placeholder1 {

}

.placeholder2 {
display: none;	
}

.float-right {
	float: right;
	width: 220px;
	height: 187px;
	margin-top: -24px;
	margin-right: -30px;
	z-index: 10;
	/* don't forget to insert gif/jpeg into style_ie6.css */
		background-image: ;
		background-repeat: no-repeat;
}

.float-right2 {
	float: right;
	width: 212px;
	height: 187px;
	margin-top: -24px;
	z-index: 10; /* don't forget to insert gif/jpeg into style_ie6.css */;
	background-image: ;
	background-repeat: no-repeat;
}


.highlight {

	padding: 5px 5px 0px 5px;
	width: auto;
	overflow: hidden;
	text-align: left;

}


.highlight h1 {
margin-bottom: 0px;
margin-top:0px;
}

.highlight h3 {
	padding: 0px;
	margin-left: 0px;
	}
	
.highlight-header {
	color: #AA1B1E;
	font-size: 1.25em;
	font-style: normal;
	font-weight: bold;
}
.highlight p {	
	padding: 2px;
	min-width: 50px;
}


	
	
h6 {
margin-bottom: 0px;
margin-top:0px;
}

h5 {
margin-bottom: 0px;
margin-top:0px;
}

h4 {
margin-bottom: 0px;
margin-top:0px;
}

h3 {
margin-bottom: 0px;
margin-top:0px;
}

h2 {
margin-bottom: 0px;
margin-top:0px;
}


.photo-caption {
	text-align: left;
	font-size: xx-small;
	font-weight: bold;
	color: #898989;
	font-style: italic;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-right: 5px;
	border: none;
}


.newsblurb {
	border-bottom: medium gray double;
	padding: 10px 5px 3px 5px;
	width: auto;
	overflow: hidden;
	text-align: left;
	border-bottom-style: groove;
	border-bottom-width: thin;
	border-bottom-color: #CCCCCC;
}
 	
 	
 	
/*NEWSBLURB 2 */
 	
 	
.newsblurb2 {
	padding: 10px 5px 3px 5px;
	width: auto;
	overflow: hidden;
	text-align: left;
}


.newsblurb2 h3 {
	color: #CCA800;
	margin-left: 165px;
	font-size: small;
	font-family: Tahoma;
	font-weight: bold;

}
 	
.newsblurb2 p {
	margin: 2px 5px 2px 165px;
	width: auto;
	min-width: 0px;
	max-width: 650px;
	padding-bottom: 5px;
	border:none;
}

.newsblurb2 img {
	float: left;
	margin-top: 0;
	}
	
.newsblurb2 img.v {
	float: left;
	margin-left: 20px;
	margin-top: 0;
	}


img.multi{
margin-top:0px;
clear:left;
}


.newsblurb2 .clearboth {
    clear:both;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px;
    border-bottom-style: groove;
	border-bottom-width: thin;
	border-bottom-color: #CCCCCC;

}

h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	}

h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	}

h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	}

h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	}

h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	}

.newsblurb h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	}
.newsblurb h3 {
	font-size: 1em;
	margin-left: 165px;
}
.newsblurb p{
	margin: 2px 5px 2px 165px;
	width: auto;
	min-width: 0px;
	max-width: 650px;
	padding-bottom: 0px;

	border:none;
}

p.newsblurb2 {
	margin: 2px 5px 2px 165px;
	width: auto;
	min-width: 0px;
	max-width: 650px;
	padding-bottom: 0px;

	border:none;
}

#logo {
	background-image:url('../images/Black_Gold_New_Logo.jpg');
	background-repeat: no-repeat;
	width: 118px;
	height: 160px;
	position: absolute;
	z-index: 10;
	top: 3px;
	left: 3px;
}
#logo p {
	text-transform: none;
	visibility: hidden;
}
#contain {
	border: medium groove #808080;
	width: 100%;
	max-width: 1100px;
	min-width: 850px;
	min-height: 1250px;
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
#contain2 {
	border: medium groove #808080;
	width: 100%;
	
	min-width: 750px;
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

#testalert #contain {
	border: medium groove #808080;
	width: 100%;
	min-width: 750px;
	height: 100%;
	min-height: 1000px;
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

#title{
	margin: 0px;
	font-size: 1.5em;
	position: absolute;
	z-index: 0;
	width: auto;
	height: 70px;
	left: 125px;
	top: 65px;
}

#alumni #title{
	margin: 0px;
	position: absolute;
	z-index: 0;
	width: 350px;
	height: 70px;
	left: 125px;
	top: 65px;
}


#alumni #title p {
	font-size:large;
	font-weight:bold;
}

.subtitle {
	font-size: smaller;
}
#rotate {
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
	height: 155px;
	background-color: transparent;
}

#nr-bond #rotate {
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
	height: 155px;
	background-color: transparent;
}

#head {
	background-image: ;
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 155px;
	background-color: transparent;
}
#header {
	float: none;
	width: 100%;
	height: 100%;
	background: left;
	top: auto;
	right: 0px;
	background-repeat: no-repeat;
	background-position: 50% 5px;
	background-color: transparent;
}
#photos {
	width: 150px;
	height: 100px;
	position: absolute;
	clip: rect(50px, auto, auto, 100px);
}
a hover img {
	z-index:100;
	width: 175px;
	height: 150px;
	padding: 5px;
	background-color:white;
	border: 1px solid #BBA100;
}

#headerinfo {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 5px 0%;
	background-color: transparent;
}
#header ul {
	margin: 0 0px 0 0;
	padding: 129px 10px 0 0px;
	list-style: none;
	float: right;
	height: auto;
	right: -2px;
	z-index: 2;
	background-color: transparent;
}
#header a {
	float: left;
	display: block;
	background:  no-repeat right top;
	text-decoration: none;
	font-weight: bold;
	color: #333333; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #header a {float:none;}
  /* End IE5-Mac hack */
  
#header span {
    display:block;
    background: no-repeat right top;
    padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
    }
    
#header strong {
    display:block;
    background: no-repeat right top;
    padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
    }
    
#header a {
	display: block;
	background:  no-repeat right top;
	font-size: small;
	color: #2E1E1A; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:3px
}
    
#header #current {
    background-image:;
    }
  #header #current a {
	background-image: ;
	padding-bottom: 5px;
	color: #917B00;
	font-weight: bolder
}
#header li {
	float: right;
	background:  no-repeat left top;
	margin: 0;
	padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0
}
#box {
	width: 100%;
	background-color: transparent;
	height: 100%;
}
#titlebar {
	padding: 0px;
	margin: 0px 0px 0px 150px;
	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #FFFFFF;
	text-align: right;
	clear: right;
}
#titlebar p {
	padding: 8px 15px 10px 8px;
	}
	
	
#titlebar2 {
	padding: 2px 0px 2px 0px;
	background-color: black;
	border-left-style: none;
	border-left-width: 0px;
	text-align: left;
	font-size: 1.25em;
	font-weight: bold;
	text-transform: uppercase;
	color: #917B00;
	width: 100%;
	height: auto;
	min-height: 25px;
	max-width: 1100px;
	min-width: 750px;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #FFFFFF;
	border-bottom-style: ridge;
	border-bottom-width: 2px;
	border-bottom-color: #C7B02E;
}

#titlebar2 p {

	width: auto;
	margin-left: 175px;
	padding: 5px 15px 5px 0px;
    float: left;

	}
	
.newdiv {
	float:right;

	height: 50px;

}

#leftbar {
	width: 150px;
	float: left;
	background-color: transparent;
	clear: left;
	padding-left: 5px;
	border: none;
	height: 100%;
	min-height:100%;



}
#leftbar p {
	padding-left: 5px;
	padding-right: 3px;
	width: 150px;
}

#leftbar2 {
	border-style: none groove none none;
	width: 160px;
	float: left;
	background-color: transparent;
	clear: left;
	padding-left: 5px;
	border-top-color: inherit;
	border-bottom-color: inherit;
	border-right-color: #FFFFFF;
	border-top-width: medium;
	border-right-width: 0;
	border-bottom-width: medium;
}
#leftbar2 p {
	padding-left: 5px;
	padding-right: 3px;
	width: 150px;
}

.menu_include {
	background-color: transparent;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 8px;
	border-color: none;
}

.quickmenu {
	padding-left:20px;
	padding-top: 5px;
}
.quickmenu h3 {
	color: #917B00 ;
	text-align:center;
}

.translations {
	padding-left: 10px;
}
#rightbar {
	height: 100%;
	min-height:100%;
	clear: right;
	margin: 2px 10px 0 10px;
	padding-right: 0px;
	float: right;
	width: 205px;
}

#rightbar p {
	padding: 5px;
}
.center {
	text-align:center;
}
#dynacal {
	border: thin ridge #808080;
	background-color: #F3F2EC;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	margin-top: 5px;
	color: #FF00FF;
	line-height: -10px;
	vertical-align: -44%;
}
#main {
	clear: none;
	display: block;
	height: auto;
	border-right-style: groove;
	border-right-width: medium;
	border-right-color: #FF00FF;
	border-left-style: groove;
	border-left-width: medium;
	border-left-color: #FF00FF;
}

#maincontent {
	padding: 5px 15px 15px 0px;
	margin: 0px 0px 0px 175px;

	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #E3E0D2;

}
#testalert #maincontent {
	padding: 15px 15px 15px 0px;
	margin: 0px 0px 0px 5px;

	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #E3E0D2;

}


#maincontent2 {
	padding: 15px 15px 15px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #E3E0D2;
}

#alert {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}
#alert p {
	max-width: 480px;
	padding: 8px;
	font-weight: bold;
	color:red;
	border: medium double #FAD700;
	margin-left: auto;
	margin-right: auto;

}
#feature_box {


	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	width: 350px;
}
#feature_box p{
	
	font-weight:bold; 
	padding: 8px;


}

a:visited{
	color: #917B00;
	font-size: 1em;
}

#feature_box a:active a:link{
	color: #917B00;
	font-size: 1em;
}
#feature_box a:hover  {
	color: #DFB300;
}

p.max {
	margin: 10px;
	float:left;
	clear: none;
	border: thin groove #C0C0C0;
	width: 50%;
	max-width: 600px;
	background-color: #FFFFFF;
}

.clear {
	clear: left;
	float: none;
}
.clearboth {
    clear:both;
}

#footer {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: transparent;
	max-width: 1100px;
	color: #000000;
	font-size: x-small;
	margin-top: 20px;
}
#footer p {
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
}
.mainright {
	border-style: solid solid solid solid;
	border-width: thin;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	padding: 5px 15px 2px 15px;
	margin-right: 230px;
	width: auto;

	max-width: 600px;
	background-color: #FFFFFF;
	text-align: left;
	height:100%;
	min-height:100%;
}

#testalert .mainright  {
	border-style: solid solid solid groove;
	border-width: thick;
	border-color: #FFFFFF #FFFFFF #FFFFFF #C0C0C0;
	padding: 5px 5px 2px 15px;
	margin-right: 10px;
	float: left;
	width: 100%;

	background-color: #CCCCFF;
	text-align: left;
	height:100%;
	min-height:100%;
}
.mainright2 {
	border-style: solid solid solid groove;
	border-width: thin;
	border-color: #FFFFFF #FFFFFF #FFFFFF #C0C0C0;
	padding: 5px 5px 2px 15px;
	margin-right: 50px;
	max-width: 600px;
	background-color: #FFFFFF;
	text-align: left;
}

	.mainright2nd {
	border: none;
	padding: 5px 5px 50px 15px;
	margin-right: 100px;
	margin-left: 175px;
	max-width:900px;
	background-color: #FFFFFF;
	text-align: left;
}
p.mainright2nd {
	padding-left: 20px;
}
.noborder {
	border-style: none;
}
#quicklinks {
	margin-bottom: 0px;
	background-color:;
	border: medium none; padding-left:5px; padding-right:5px; padding-top:8px; padding-bottom:8px
}
#quicklinks {
	margin-bottom: 0px;
	background-color:;
	border: medium none;
	display: none; padding-left:5px; padding-right:5px; padding-top:8px; padding-bottom:8px
}
#quicklink p{
	
}
#quicklinks ul {
	color: #2E1E1A;
	padding-top: 0px;
	margin-top: 0px;
}
.input_border {
	border: medium inset #FAD700;
}
.search {
	padding-left: 5px;
	text-align: left;
}
.search p {
	padding-bottom: -27px;
	color: #333333;
	font-weight: bold;
}
.formtop {
	
}
.indent5 {
	padding-left: 0px;
	margin-left: 8px;
}
.newStyle1 {
	padding-top: -30px;
	margin-top: 2px;
}
#header #hometab a {
}
#dynacal {
	padding: 4px 4px 5px 8px;

	border: thin ridge #808080;
	background-color: #FAD700;
	margin-top: 5px;
	color: #352400;
}
#dynacal p{
	font-size: x-small;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	text-align:left;
	 color: #31659C;
}

#dynacal-w {
	padding: 4px 2px 5px 3px;
	width: 175px;
	border: thin ridge #808080;
	background-color: #FAD700;
	margin-top: 5px;
	margin-left: 20px;
	color: #352400;
}
#dynacal-w p{
	font-size: x-small;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	text-align:left;
	 color: #31659C;
}

.clearCopy {
	clear: both;
}
.go {
	background-color: #FAD700;
	color: #333333;
	font-weight: bold;
}
	

}

.blurb {
	overflow: hidden; height: 100%;
	
	border:medium gray solid;
	}
	
.blurb h3 {
font-size: 1em;
}

.blurb img {
	border: none;
	margin-top: 8px;

	float: left;
	
}

p.blurb {
	margin: 2px 5px 2px 160px;
	width: auto;
	min-width: 0px;
	max-width: 650px;
	padding-bottom: 0px;
	text-align: left;
	border:none;
}


#testalert p.blurb {
	margin: 2px 5px 2px 5px;
	width: auto;
	min-width: 0px;

	padding-bottom: 0px;
	text-align: left;
	color:fuchsia;
}
.dforms p {
	margin-left: 130px;
	padding-top: 18px;
	
	font-weight: bold;
}
.dforms img {
	padding-left: 5px;
}

.dforms hr {

}

#index .blurb {
	margin-bottom: 15px;
}


#admin p.blurb  {
	margin: 2px 100px 20px 25px;
	width: auto;
	min-width: 0px;
	max-width: 650px;
	padding-bottom: 0px;
	text-align: left;
}
#admin h4 {
margin: 2px 5px 8px 0px;
padding: 2px 3px 2px 5px;
background-color:silver;
font-size: 1em;
}
#admin h5 {
margin: 2px 5px 8px 190px;
font-size: 1em;

}
#admin .clear-right {
    clear:right;
    height: 50px;
}

#stafflinks h4 {
margin: 2px 55px 8px 0px;
padding: 2px 3px 2px 5px;
background-color:silver;
font-size: 1em;
}

#stafflinks .mainright p{
	padding: 5px;
	margin-right:55px;
}

#stafflinks #leftbar ul{
	margin-left: 15px;
	list-style-type:square;
}

#stafflinks a:visited {
	color:#917B00;
}
.blurb a{
	font-style: italic;
	font-size: 1em;
	color: #917B00;	
}

p.blurb a{
	font-style: italic;
	font-size: .85em;
	color: #917B00;
}

.blurb a:visited  {
	color: #917B00;
	}

.blurb a:hover  {
	color: #DFB300;
	}

p.blurb a:hover  {
	color: #DFB300;
	}

.highlight a{
	font-style: italic;
	font-size: 1em;
	color: #917B00;	
}


.highlight a:visited  {
	color: #917B00;
	}

.highlight a:hover  {
	color: #DFB300;
	}


.date {
	text-align: right;
	font-size: xx-small;
	font-weight: bold;
	color: #A29988;
	font-style: italic;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-right: 5px;
	border: none;
}
.style18 {
	border: thin ridge #DFB300;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 8px;
}

.style20 {
	color: #CCA800;
	font-size: small;
	font-family: Tahoma;
	font-weight: bold;
}
.style27 {
	text-align: center;
	margin-top: 3px;
}
hr  .maincontent  {
	margin-right: 225px;
	width: 50%;
}
.style35 {
	color: #333333;
}
.style37 {
	color: #000;
	font-size: 8pt;
	margin-top: 3px;
	text-align: center;
}
.style38 {
	font-size: large;
}
.style39 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
}
.style41 {
	text-align: center;
	margin-top: 3px;
	color: #FF0000;
	font-size:1.2em;
}
p.blurb .photo-caption {
	text-align: left;
	font-size: xx-small;
	font-weight: bold;
	color: #898989;
	font-style: italic;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-right: 5px;
	border: none;
}

/* Gallery */

#gallerydiv {
	margin-left: 25px;
}

/* Removing the list bullets and indentation */
ul#gallery {
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px; 
  position:relative;
  list-style-type:none;
  background:#888;
  }
  
  /* Resize the images to 64px x 48px */
#gallery a img {
  position:relative;
  width:62px; 
  height:46px; 
  border:1px solid #888; 
  z-index:100;
  }


/* Default style for list items */
#gallery li {
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }


/* Styling the left side of the display area */
#gallery li.lft {
  float:left; 
  clear:left;
  }


/* Styling the right side of the display area */
#gallery li.rgt {
  float:right; 
  clear:right;
  }


/* Force the bottom row of images into place (IE only) */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }

/* Getting rid of the image gaps */
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }



/* Resizing the link on hover */
#gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }


/* Resizing the thumbnail on hover */
#gallery a:hover img {
  background:#eee; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0px none; 
  z-index:20
  }


/* Resizing the link when 'clicked' */
#gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }



#gallery a:active {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }



/* Resizing the image when 'clicked' */
#gallery a:focus img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0px none; 
  z-index:10
  }


#gallery a:active img {
  background:#eee; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0px none; 
  z-index:10
  }


/* The 'click' hack for Internet Explorer */
a:visited {
  color: #917B00;
  }

/* Adding the background image */
ul#gallery {
  padding:0; 
  margin:0; 
  width:448px; 
  height:336px; 
  position:relative; 
  background:#888 ;
  }

.style46 {
	border:none;
	}
	
	
.announce {
	border:thin #917B00 ridge;
	padding: 5px;
}	

.announce p {
	margin: 3px 5px 0 5px;
}
.announce h3 {
	margin: 5px;
}


 /* ------ SPRITES------ */




.ic a { 
display: block; 
width: 117px; 
height: 38px; 
background: url('http://www.newton.k12.ks.us/home/webmenus/images/quicklinks/ic_sprite2.jpg') 0px 0px;
} 

.ic a:hover { 
background-position: 0px -38px; 
} 

.ic p {
	text-indent: -9999px;
}

.ic {

	text-align: center;
	width: 117px; 
	height: 38px; 
	margin-top:5px;
	margin-left: 4px;


}

.logolink {
	 /* remove "display:none" when in use */
	text-align:center;
}
.logolink a { 
display: block; 
width: 156px; 
height: 118px; 
background:  no-repeat; 
} 

.logolink a:hover { 
background-position: -156px 0; 
} 

.logolink p {
	display: none;	text-indent: -9999px;}


.logolink {
	 /* remove "display:none" when in use */
	text-align:center;
}

.logolink-update a { 
display: block; 
width: 200px; 
height: 105px; 
background: url('http://www.newton.k12.ks.us/home/images/updates2_sprite.jpg') 0px 0px;
} 

.logolink-update a:hover { 
background-position: -200px 0px; 
} 

.logolink-update p {
	text-indent: -9999px;
}

.logolink-update {

	text-align: center;
	margin-top: 5px;
	clear:both;
}

.logolink-w a { 
display: block; 
width: 200px; 
height: 105px; 
background: url('http://www.newton.k12.ks.us/home/images/w-logo2.jpg')0px 0px;
} 

.logolink-w a:hover { 
background-position: -200px 0; 
} 

.logolink-w p {
	text-indent: -9999px;
}

.logolink-w {

	text-align: center;
	margin-top: 5px;
}
 /* community sprite */

.community-brd a {

	display: block;
	width: 200px;
	height: 155px;
	background: url('http://www.newton.k12.ks.us/home/images/community_brd_sprite4.jpg') 200px 0px; 
}

.community-brd a:hover { 
background-position: -400px 0px; 
} 

.community-brd p{
	text-indent: -9999px;
}

.community-brd {
	/* remove "display:none" when in use */

	width: 200px;
	height: 155px;
	margin-top: 10px;
	
}







.recycle a { 
display: block; 
width: 200px; 
height: 70px; 
background: url('../testing/images/recycle_sprite.gif') no-repeat; 
} 

.recycle a:hover { 
background-position: 0 -70px; 
} 

.recycle p {
	text-indent: -9999px;
}

.recycle {
	 /* remove "display:none" when in use */
	text-align:center;
	margin-top:5px;
}


.apple-award a { 
display: block; 
width: 200px; 
height: 105px; 
background:  no-repeat; 
} 

.apple-award a:hover { 
background-position: -200px 0; 
} 

.apple-award p {
	text-indent: -9999px;
}

.apple-award {
	 /* remove "display:none" when in use */
	text-align:center;
	margin-top:5px;
}



.alumni-award a { 
display: block; 
width: 200px; 
height: 105px; 
background:  no-repeat; 
} 

.alumni-award a:hover { 
background-position: -200px 0; 
} 

.alumni-award p {
	display: none;
}

.alumni-award {
	 /* remove "display:none" when in use */
	text-align:center;
	margin-top:5px;
}


.class-reunions  a { 
display: block; 
width: 200px; 
height: 105px; 
background:  no-repeat; 
} 

.class-reunions  a:hover { 
background-position: 200px 0; 
} 

.class-reunions  p {
	display: none;
}

.class-reunions  {
	 /* remove "display:none" when in use */
	text-align:center;
	margin-top:5px;
}

.railer125 a { 
display: block; 
width: 200px; 
height: 105px; 
background: url('http://www.newton.k12.ks.us/home/images/sprites/railer_125_sprite2.jpg') 0px 0px;
} 

.railer125 a:hover { 
background-position: -200px 0px; 
} 

.railer125 p {
	text-indent: -9999px;
}

.railer125 {

	text-align: center;
	margin-top: 5px;

}


/*--------jobfair sprite------------------------*/

.jobfair {
	 /* remove "display:none" when in use */
	text-align:center;
	margin-top:5px;
}

.jobfair a { 
display: block; 
width: 500px; 
height: 175px; 
background:  no-repeat; 
text-indent: -9999px;
} 

.jobfair a:hover { 
background-position: 0 -175px; 
} 


.jobfair a:focus {
	outline:none;
}
/*--------robotics sprite------------------------*/
.robotics {
	 /* remove "display:none" when in use */
	text-align:center;
	margin: 5px auto;
	width:470px;
}

.robotics a { 
display: block; 
width: 470px; 
height: 125px; 
background:  no-repeat; 
text-indent: -9999px;
} 

.robotics a:hover { 
background-position: 0 -125px; 
} 


.robotics a:focus {
	outline:none;
}




.photo-drop {
	width: 160px;
	height: 122px;
	float: left;
	padding: 0px 0px 0px 0px;
	background:  no-repeat 1px 1px;
}

.photo-dropV {
	width: 122px;
	height: 160px;
	float: left;
	margin-left: 20px;
	padding: 0px 0px 0px 0px;
	background:  no-repeat 1px 1px;
}

.photo-drop-right {
	width: 160px;
	height: 122px;
	float: right;
	padding: 0px 0px 0px 0px;
	background:  no-repeat 1px 1px;
}

.photo-dropV-right {
	width: 122px;
	height: 160px;
	float: right;
	margin-left: 37px;
	padding: 0px 0px 0px 0px;
	background:  no-repeat 1px 1px;
}


.photo-drop img {
	margin-left:5px;
	margin-top: 5px;
}

.photo-dropV img {
	margin-left:5px;
	margin-top: 5px;
}
.clear {
	clear: left;
	float: none;
}
.clearboth {
    clear:both;
    width: 100%;
}
.clearleft {
	clear:left;
	height:5px;
	background-color:lime;
}

.indent-40 {
	margin-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;

}

/*---------blog--------------*/

.blog {
	background-position: left top;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-bottom: 0px;
	font-size: 1.1em;
	background-image: url('../images/morton_banner3.jpg');
	height: 180px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.newsLinkAlt {
	color: #6A5000;
}
a.newsLinkAlt:hover {
	color: #352800;
	text-decoration: none;
}

.blog h3 a {
	color: #352800;
 	text-decoration: none;
}

.blog h3 a:link {

 	text-decoration: none;
}
.blog h3 a:hover {
 
 	text-decoration: underline;
}

.blog A:hover {
	text-decoration: none;
}
.blog .newsAlt {
	color: #000;
	padding-bottom: 80px;
	padding-left: 150px;

}
.blog img {
	float:left;
}
.blog h3 {
	margin-left: 152px;
	padding-top: 10px;
	font-weight:bolder;

}
.blog h6 {
	margin-left: 200px;
	margin-top: 8px;
	margin-bottom: 8px;
}


h6.m-blog {
	float: right;
	margin-top: -2px;
	margin-right: 200px;
}

/* ------------------ blog section ------------------ */

.style48 {
	color: #000000;
	font-weight: normal;
}

.blog {

	background-position: left top;
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 1em;
	background-image: ;
	height: 180px;
	background-repeat: no-repeat;
	overflow: hidden;
}
p.read {
	font-style:italic;
	font-size: 1em;
}
p.small {
	font-size: small;
	margin-left: 170px;
	margin-top: 6px;
	font-style:italic;
}
a.newsLinkAlt {
	color: #6A5000;
}
a.newsLinkAlt:hover {
	color: #352800;
	text-decoration: none;

}
.blog .newsAlt {
	color: #000;
	padding-bottom: 80px;
	margin-top: -25px;
	padding-left: 150px;

}
.blog img {
	float:left;
	margin-right: 8px;
}
.blog h3 {
	margin-left: 150px;
	padding-top: 10px;
	margin-bottom: 10px;
	color:#352800
}
.blog h3 a {
 	color:#6A5000;
 	text-decoration: none;
}
.blog h6 {
	float: left;
	width: auto;
	margin-left: 155px;
	margin-top: -75px;
}

h6.m-blog {
	color:#6A5000;
	float:right;

	text-align:right;
	font-style:italic;
	margin-top: -5px;
}

.blog h5 {
	color: #917B00;

}
.small {
	font-size:.7em;
}

/* ------------------ news-sprite section ------------------ */

.news-sprite  a { 
margin: auto;
display: block; 
width: 470px; 
height: 230px; 
outline:none;
}
.news-sprite  a:hover { 
background-position: 0 -230px; 
} 


.news-sprite  {
	/* remove "display:none" when in use */

	margin-top:-10px;
	text-align: center;
	text-indent: -9999px;
	background-image: url('http://www.newton.k12.ks.us/home/images/09-10/camp_invent_2010.jpg')no-repeat; 
} 

}




.princess  {
	background:  no-repeat; 
	width: 465px;
	height: 150px;
	margin: 0 auto;
	text-align:center;
	text-indent: -9999px;
}
.camp-invent {
	/* does not contain sprite info */	
	margin: 0 50px;
	text-align:center;
	
}

