/* Start of CMSMS style sheet '1024px : styles-screen' */
/* general styles  */

body { color: #404040; font: 76%/1.2em Verdana, Tahoma, Arial, sans-serif; background-color: transparent; background-attachment: scroll; background-position: 0 0; margin: 0 auto; padding: 0 }


a{color:#4088b8;font-weight:normal;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:0}

p{margin:0 0 18px 10px}
ul,ol,dl{font-size:0.9em;margin:2px 0 16px 35px}
ul ul,ol ol{margin:4px 0 4px 35px}
blockquote{border:1px solid #dadada; margin:10px 10px; padding:0;}

h1{color:#00;font-size:4.2em;letter-spacing:-5px;margin:0 0 30px 25px}
h1 a{color:#4088b8;text-transform:none}
h2{border-bottom:0px solid #dadada;color:#E15233;font-size:1.4em;letter-spacing:-1px;margin:0 0 10px;padding:0 2px 2px 5px}
h3{border-bottom:0px solid #dadada;color:#E15233;font-size:1.2em;font-weight:700;margin:10px 0 8px;padding:1px 2px 2px 3px}

/* wrapper and header */
#wrap{background: url("uploads/images/cottage.gif") no-repeat 0 30px; color:#404040; width:970px}
#logo  { text-align: center; }
#header{background: url("uploads/images/castle.gif") no-repeat right 30px; height: 220px; padding-right:10px;}
#castle ( )

#toplinks{font-size:0.9em;padding:5px 2px 2px 3px;text-align:right}

#slogan{color:gray;font-size:1.5em;font-weight:700;letter-spacing:-1px;line-height:1.2em;margin:15px 0 20px 35px}

/* sidebar and menu */
#sidebar {float:left;line-height:1.4em;margin:0 0 5px;padding:1px 0 0;width:195px}
#sidebar ul {font-size:0.9em; list-style:none; margin:0; padding:0 0 15px 10px;}
#sidebar li {list-style:none;margin:0 0 4px;padding:0}
#sidebar li a {font-size:1.2em; font-weight:700; padding:2px}
#sidebar ul ul {line-height:1.2em;margin:4px 0 3px 15px;padding:0}
#sidebar h2 {margin:3px 0 8px}

/* main content */

#content{float:right;line-height:1.5em;margin:0 20px 0 0;padding:0;text-align:left;width:750px}
#contentalt{float:left;line-height:1.5em;margin-right:20px;padding:0;text-align:left;width:750px}
#content h3,#contentalt h3{margin:10px 0 8px}
/* footer */
#footer{border-top:4px solid #dadada;clear:both;color:gray;font-size:0.9em;line-height:1.6em;margin:0 auto;padding:8px 0;text-align:right}
#footer p{margin:0;padding:0}
/* additional styles */
.box{background:#4088b8;border:1px solid #c8c8c8;color:#fff;font-size:0.9em;line-height:1.4em;padding:10px 10px 10px 13px}
.box a{color:#f0f0f0}
.left{float:left;margin:0 15px 4px 0}
.right{float:right;margin:0 0 4px 15px}
.readmore{margin:-10px 10px 12px 0;text-align:right}
.timestamp{font-size:1.2em;margin:-5px 0 15px 10px}
.blue{color:#4088b8}
.clear{clear:both}
.fade{color:#c8c8c8}
.photo{background:#fff;border:1px solid #bababa;margin:6px 18px 2px 5px;padding:2px}
#toplinks a,#footer a,.gray{color:gray}
#sidebar ul ul li a,.timestamp a{font-weight:400}

/* begin modifications and additions for cmsms 1.04 theme */
body.narrow {background-image:none} /* replace with your own or remove line to use img from 'wide' layout */
body.fluid {margin:0 10px;background:#e0e0e0 url(uploads/Leaves/bodybg.gif) repeat-x;} /* remove default 'page border' background for fluid width and add a little white space on the sides */
#wrap.fluid {width:100%} /* a 'min-width' solution may be desired to keep the page from 'scrunching' too much */
#wrap.fluid #content {width:72.5%}
#wrap.fluid #sidebar {width:23%}
#wrap.narrow {width:750px} /* narrow width for 800px wide display */
#content.rightnav{float:left;margin-right:20px} /* float content left, forces sidebar to the right */
#wrap.narrow #content {width:530px} /* narrow width content area for 800px variant */
/* additional styles for cmsms */
.NewsSummary {margin-bottom:.67em}
#NewsPostDetailDate {text-align:right;font-weight:normal;padding-top:1em}
.NewsSummaryPostdate {text-align:right;font-style:italic;padding-bottom:.33em}
#NewsPostDetailReturnLink,.NewsSummaryMorelink {text-align:center}
.currentpage {color:#00000;font-size:1.2em;font-weight:700;padding:2px}
h1 {font-size:1.8em;letter-spacing:-1px} /* template default size is just too big for more than one word */
/* utility styles */
.printonly,.hide {display:none}

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: normal;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 400px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:0px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */

/*TOM-03-17-06*/

.input { margin-left: 10px; margin-bottom: 10px }

.required{ background-color: #FFCCFF; }

.ffsubmit {
		width: 10em;
                border-bottom: 1px solid #C0C0C0;
                border-right: 1px solid #C0C0C0;
		background-color: #ddd;
	}

.fbsubmit {
		width: 10em;
                border-bottom: 1px solid #C0C0C0;
                border-right: 1px solid #C0C0C0;
		background-color: #ddd;
	}

input.name {
		width: 10em;
		border:0px solid black;
		background-color: #ddd;
	}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog-800x1600.png) no-repeat top right;
 _background-image:url(images/dialog-800x1600.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0.5em 0.5em 0.5em;
}

.dialog h2 {
padding:1em 0.5em 0.5em 0.5em; line-height:1.4em;
}
.dialog h1 {
 padding-bottom:0px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons  { text-decoration: none; background: url("images/roundedge-green-left.gif") no-repeat left top; display: block; padding: 4px 0px 0px 4px;height: 30px }

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span { background: url("images/roundedge-green-right.gif") no-repeat right top; display: block; padding: 4px 10px 4px 4px;}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper1  { margin-bottom: 6px; width: 190px; overflow: hidden }
/* End of '1024px : styles-screen' */