/*---------------- GLOBAL STYLES -----------------*/

 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: 5px;
	border-style:none;
	}
	
a {
	color: #DFB300;
}

a:link{ color: #917B00; font-size: 1em;
}
a:visited { color:#917B00;
}
a:hover  {  color: #DFB300;
}
a:active  {  color: #DFB300;
}


ul {
	color: #3A3A3A;
	list-style-type: disc;
}

img {
	border: none;
}	

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.25em;
}
h3 {
	color: #DFB300;
	font-size: 1.05em;
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
h4 {
margin: 5px 5px 15px 0px;
padding: 5px;
background-color:silver;
font-size: 1em;
}

.clearboth {
    clear:both;
    width: 100%;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.float-left {
	float:left;
}
.float-right {
	float:right;
}




/*---------------- SPECIAL FEATURES -----------------*/

.style /*-This is only used for the "Styles" page heading -*/{
	font-family: "Brush Script Std";
	font-size: 2em;
	color: #31659C;
	text-decoration: underline;
}


.alert {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	max-width: 400px;

}
.alert p {
	padding: 8px;
	font-weight: bold;
	color: red;
	border: medium double red;
	text-align: center;
	margin: 20px 0px 25px 0px;

}

.announce {
	text-align: center;
}
.feature_box {


	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	width: 350px;
}
.feature_box p{
	
	font-weight:bold; 
	padding: 8px;
}


#feature_box a:active a:link{
	color: #917B00;
	font-size: 1em;
}
#feature_box a:hover  {
	color: #DFB300;
}


.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;
}

.date {
	text-align: right;
	font-size: xx-small;
	font-weight: bold;
	color: #D4D0C8;
	font-style: italic;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 1px;
	padding-right: 5px;
	border: none;
}



/*--------------------- PAGE CONTAINER SECTION ----------------*/

#contain {
	border: medium groove #808080;
	width: 100%;
	max-width: 1100px;
	min-width: 850px;
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
}


/*------------------------ HEADER SECTION -------------------------*/

#logo  /*  Note:#logo is absolutely positioned and not technically within the header section   */{
	background-image: url('http://www.newton.k12.ks.us/home/images/logo_bg3.png');
	background-repeat: no-repeat;
	width: 118px;
	height: 160px;
	position: absolute;
	z-index: 10;
	top: 3px;
	left: 3px;
}
#logo p {
	text-transform: none;
	visibility: hidden;
}

#title{
	margin: 0px;
	position: absolute;
	z-index: 0;
	width: auto;
	height: 70px;
	left: 125px;
	top: 65px;
}


#title h1 {
	font-size: 1.25em;
	width:auto;
	padding: 0px;
	margin: 0px;
	}
	
#title h2 {
	font-size: 1em;
	width:auto;
	padding: 0px;
	margin: 0px;

}

hover  {
	color: #000000;
	text-decoration:none;
}

visited  {
	color: #000000;
	text-decoration:none;
}

.title a  {
	color: #000000;
	text-decoration:none;
}

#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: auto;
	min-width: 850px;
	height: 155px;
	background-color: transparent;
}

#head {
	background-image: ;
	background-repeat: repeat-x;
	background-position: 50% bottom;
	width: auto;
	height: 155px;
	background-color: transparent;
}
#header {
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
	height: 155px;
	background-color: #FAD700;
	border-bottom-style: groove;
	border-bottom-width: medium;
	border-bottom-color: #808080;
}
	




/*-------------------------- SIDE BARS --------------------------*/




#leftbar {
	width: 160px;
	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: #808000;
	border-top-width: medium;
	border-right-width: thin;
	border-bottom-width: medium;
}
#leftbar2 p {
	padding-left: 5px;
	padding-right: 3px;
	width: 150px;
}

.translations {
	padding-left: 10px;
}
#rightbar {
	height: 100%;
	min-height:100%;
	clear: right;
	margin: 2px 10px 0 15px;
	padding-right: 0px;
	float: right;
	width: 205px;
}
#rightbar p {
	padding: 5px;
}
.center {
	text-align:center;
}

/* MENU-INCLUDE */

.menu_include {
	background-color: transparent;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 8px;
	border-color: none;
}


/* TRANSLATIONS */

.translations {
	padding-left: 10px;
}


/* DYNACAL */

#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 h5 {
	text-align: center;
	margin-top: 3px;
}

#dynacal hr {
	color: #333333;
}


/* LOGO-LINK  */

/* use this to add an image/logo link in the sidebar */
.logolink {
	display:none;  /* 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; 
} 


/* QUICKLINKS */

#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;
}


/*  SEARCH  */
.search {
	padding-left: 5px;
	text-align: left;
}
.search p {
	padding-bottom: -27px;
	color: #333333;
	font-weight: bold;
}

.input_border {
	border: medium inset #FAD700;
}
.go {
	background-color: #FAD700;
	color: #333333;
	font-weight: bold;
}



/* ---------------- MAIN CONTENT SECTIONS---------------------- */

#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 170px;

	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #E3E0D2;
}



.mainright {
	border-style: solid solid solid groove;
	border-width: thin;
	border-color: #FFFFFF #FFFFFF #FFFFFF #C0C0C0;
	padding: 5px 15px 2px 15px;
	margin-right: 225px;
	width: auto;

	max-width: 600px;
	background-color: #FFFFFF;
	text-align: left;
	height:100%;
	min-height:100%;
}





/*------------------------------ BLURB SECTION ---------------------------------------*/

.blurb {
	overflow: hidden; height: 100%;
	}
	
.blurb img {
	border: none;
	margin-top: 8px;
	float: left;	
}






/*--------------------- FOOTER SECTION ---------------------------------------*/
#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;
}