/*-----------------------------------------------------------*/
/*|       SoneCreek Village.  InkyFrog 2009 (V1.1) 07052009 |*/
/*-----------------------------------------------------------*/

/* margin: top right bottom left */

/*  ------------------------  */
/* | Universal Tags         | */
/* -------------------------- */
/* | Applied to everything! | */
/*  ------------------------  */

* {
	margin:0;
	padding: 0;
	}

img { 
	border: 0;
}

a {
	font-size: 10pt;
	text-align: right;
	text-decoration: none;
	color: #736357;
	}

a:hover {
	text-decoration: underline;
	}

html {
	overflow: scroll;
}

body {
	background: url("../images/rocktile.jpg") repeat scroll 0 0;
	font-size: 10pt;
	font-family: "Arial", sans-serif;
	text-align: center;
	color: #736357;
	}
	
table {
	border: 0px solid #736357;
	padding: 0px;
	}
	
th  {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	color: #736357;
	text-align: center;
}
	
/* -----------------------*/
/* main | Child of #body |*/
/* -------------------------*/
/* Form wrapper             */
/* -------------------------*/

#main {
	overflow: hidden;
	background: #e9e4d9;
	width: 950px;
	margin: 25px auto 0 auto;
	border: #790000 0px solid;
	}

/* -------------------------*/
/* header | Child of #main |*/
/* ----------------------------------------------------------- */
/* This is the top bar: Logo, Tagline and right Frame          */
/* ----------------------------------------------------------- */

#header {
	position: relative;
	background: url("../images/header2.jpg") repeat-x scroll 0 0;
	height: 164px;
	text-align: left;
	}
	
.headerimgl {
	float: left;
	display: inline;
	}

.headerimgr {
	float: right;
	display: inline;
	}
/* ----------------------------*/
/* headerbar | Child of #main |*/
/* ----------------------------------------------------------------------- */
/* Made it seperate to keep the filesizes low and incase the color changes */
/* ----------------------------------------------------------------------- */

#headerbar {
	background: #790000 url("../images/headerbar1.jpg") no-repeat top right;
	height: 25px;
	text-align: left;
	}

/* ------------------------------*/
/* centralimg  | Child of #main |*/
/* ---------------------------------------------------------------------- */
/* The big picture in the middle. Might set it up to pull one from the DB */
/* ---------------------------------------------------------------------- */

#centralimg {
	overflow: hidden;
	background: #bbbbbb;
	height: 211px;
	text-align: left;
	}

.centerimg {
	float: left;
	display: inline;
	}	


/* ----------------------------*/
/* Shadowbar  | Child of #main |*/
/* ---------------------------------------------------------------------- */
/* Bar contains a nice thin shadow line                                   */
/* ---------------------------------------------------------------------- */

#shadowbar {
	position: relative;
	background: url("../images/shadow.jpg") repeat-x scroll 0 0;
	height: 4px;
	text-align: left;
	}

/* ----------------------------*/
/* linksbar  | Child of #main |*/
/* ---------------------------------------------------------------------- */
/* Bar contains the links (d'uh) and part of the lower frame.             */
/* ---------------------------------------------------------------------- */

#linksbar {
	height: 35px;
	text-align: left;
	}

#links 	{
	width: 770px;
	float: left;
	display: inline;
	margin-left: 25px;
	margin-right: 5px;
	position: absolute;
	}

.linkimgl {
	float: left;
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
	}
/* -------------------------------*/
/* lowerwrapper  | Child of #main |*/
/* ------------------------------------------------------------- */
/* Contains the content text, and the lower tag line on the LRHS */
/* ------------------------------------------------------------- */

#lowerwrapper {
	text-align: left;
	overflow: visible;
	}

/* -------------------------------------------*/
/* calendarwrapper  | Child of #lowerwrapper |*/
/* ------------------------------------------------------------- */
/* Contains the calendar					 */
/* ------------------------------------------------------------- */

#calendarwrapper {
	background: url("../images/flourish3.jpg") no-repeat top right;
	padding: 20px;
	width: 885px;
	float: left;
	clear: both;
	display: inline;
	margin-left: 25px;
	}

.calendarday {
	width:115px;
	height:100px;
	border:0px solid black;
	padding: 2px;
	background: #ffffff;
	overflow: auto;
	}

p.calendarHead {
	font-family: "Arial", sans-serif;
	font-size: 14pt;
	color: #736357;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #736357 solid;
	}
	
.calendarHeadL {
	float: left;
	}
	
.calendarHeadR {
	float: right;
	}
	
.bold {
	font-weight: bold;
}

/* -------------------------------------------*/
/* serviceswrapper  | Child of #lowerwrapper |*/
/* ------------------------------------------------------------- */
/* Contains the services					 */
/* ------------------------------------------------------------- */

#serviceswrapper {
	width: 800px;
	float: left;
	padding: 5px;
	margin-left: 50px;
	margin-bottom: 25px;
	border: 0px solid black;
	}
	
.servicesbullets {
	width: 200px;
	float: left;
	border: 0px solid black;
	padding-left: 25px;
}

/* -------------------------------------------*/
/* missionwrapper  | Child of #lowerwrapper  |*/
/* ------------------------------------------------------------- */
/* Contains the mission statement				 */
/* ------------------------------------------------------------- */

#missionwrapper {
	background: url("../images/flourish3.jpg") no-repeat top right;
	padding-top: 30px;
	width: 250px;
	float: right;
	display: inline;
	margin-left: 0px;
	border: 0px solid gray;
	}

/* ----------------------------------------*/
/* newswrapper  | Child of #lowerwrapper  |*/
/* ------------------------------------------------------------- */
/* Contains the news elements					 */
/* ------------------------------------------------------------- */

#newswrappermain {
	padding: 20px;
	width: 600px;
	float: left;
	display: inline;
	margin-left: 25px;
	border: 0px solid black;
	}

.newswrapper, .byline {
	font-style: italic;
	border-bottom: dotted 1px black;
	width: 600px;
	padding: 0px 0 5px 0;
	margin-bottom: 7px;
	border: 0px solid red;
	}
	
.newswrapper h2 {
	border-bottom: dotted 1px black;
	margin-bottom: 5px;
	}
	
.newswrapper h3 {
	border-bottom: dotted 1px black;
	margin-bottom: 5px;
	}

/*----------------------------------------------------------------*/


	
#textwrapper {
	padding: 20px;
	width: 475px;
	float: left;
	display: inline;
	margin-left: 25px;
	}
	
#note {
	padding: 20px;
	width: 525px;
	float: left;
	display: inline;
	margin-left: 25px;
	}

p.space {
	line-height:.1em;
	}

p.event {
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	color: #736357;
	line-height: 1;
	text-align: left;
	font-weight:normal;
	}
	
p.ehead {
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	color: #736357;
	line-height: 1;
	text-align: left;
	font-weight: bold;
	}

p.redserif {
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 9pt;
	color: #736357;
	line-height: 2;
	text-align: left;
	}
	
p.redpadded {
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 9pt;
	color: #736357;
	line-height: 2;
	text-align: left;
	padding-right:25px;
	}

label, p.redserif10, span.redserif10 {
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 10pt;
	color: #736357;
	line-height: 2;
	text-align: left;
	}
	
p.redserif10 a, span.redserif10 a {
	text-decoration: underline;
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 10pt;
}
	
p.brownserif {
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 10pt;
	color: #7c6241;
	line-height: 2;
	text-align: left;
	}	

span.serifbold {
	font-weight: bold;
	}

#brimage {
	float: right;
	display: inline;
	}
	
.footerimgr {
	float: right;
	display: inline;
	}

/* --------------------------------*/
/* simpleviewer  | Child of #main |*/
/* ------------------------------------------------------------- */
/* Contains the flash embedded object.  FLOOR.PHP                */
/* ------------------------------------------------------------- */


#simpleviewer {
	height: 350px;
	}

#flashcontent {
	width: 750px;
	height: 350px;
	float: left;
	display:inline;
	}	

#officesimpleviewer {
	height: 500px;
	}

#kudossvp{
	height: 500px;
	background: url("../images/flourish3.jpg") no-repeat top right;
}

#kudosflashcontent {
	padding: 5px;
	width: 940px;
	height: 490px;
}

#officeflashcontent {
	width: 750px;
	height: 500px;
	padding-top: 25px;
	float: left;
	display:inline;
	}

/*---------------------------------------------------------------*/
	
#rightofviewer {
	background: url("../images/flourish3.jpg") no-repeat top right;
	width: 200px;
	float: right;
	display: inline;
	padding-top: 40px;
	}
	
ul.tallright {
	list-style-position: outside;
	list-style-type: square;
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 9pt;
	color: #736357;
	line-height: 1.8;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	}
	
li { overflow: visible;}

p.smallitalic {
	font-style: italic;
	font-size:8pt;
	text-align: left;
	}

#rightofwrapper {
	background: url("../images/flourish3.jpg") no-repeat top right;
	padding: 20px;
	padding-left: 25px;
	width: 345px;
	float: right;
	display: inline;
}

/*---FORM------------------------------------------------------------*/

#formwrapper {
	clear: left;
	float: left;
	position: relative;
	display: inline;
	overflow: visible;
	margin: 20px 0 30px 45px;
	width: 505px;
	}
	
#formwrapperWide {
	clear: left;
	float: left;
	position: relative;
	display: inline;
	overflow: visible;
	margin: 20px 0 30px 45px;
	width: 650px;
	}

.somemainforminput {
	position: relative;
	width: 500px;
	margin: 5px 0 0 0;
	overflow: hidden;
	}
	
.somemainforminputWide {
	position: relative;
	width: 650px;
	margin: 5px 0 0 0;
	overflow: hidden;
	}
	
.mainformlabel {
	position: relative;
	float: left;
	display: inline;
	text-align: right;
	}
	
.mainformitem {
	position: relative;
	float: right;
	display: inline;
	clear: right;
	width: 380px;
	}
	
/* --------------------------------*/
/* special  | Child of #main      |*/
/* ------------------------------------------------------------- */
/* Z-Index controlled box which sits on top of everything else   */
/* ------------------------------------------------------------- */

#special {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	width: 200px;
	height: 200px;
	margin-left: 25px;
	margin-top: 100px;
}

#special2 {
	position: absolute;
	z-index: 1;
	width: 200px;
	height: 200px;
	margin-left: 785px;
	margin-top: 80px;
}

/* ----------------------------------- */

#bumper {
	overflow: none;
	width: 50px;
	background: url("../images/flourish3.jpg") no-repeat top right;
	padding: 20px;
	padding-left: 25px;
	width: 45px;
	float: right;
	display: inline;
}

.textTitle {
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: underline;
	color: #736357;
	line-height: 2;
	text-align: left;
}

.resource {
	border: dotted 1px black;
	margin-bottom: 15px;
	font-family: "Times New Roman", Times, courier, serif;
	font-size: 10pt;
	width: 850px;
	padding: 5px;
	overflow: hidden;
	
}

.resource .address {
	width: 350px;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.resource .address .label {
	width: 100px;
	float: left;
}

.resource .address .detail {
	width: 250px;
	float: right;
}

.resource .title {
	font-weight: bold;
	font-size:1.1em;
	padding: 0 0 10px 0;
}

.resource .links {
	float: right;
	width: 225px;
}

.resource .links a {
	text-decoration: underline;
}