/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Nichols Park
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML / BODY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {height: 100%; margin-bottom: 1px}
body {background: #DEDABD; margin: 0; width: 100%}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TEXT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, table, form, select, option, input {color: #333; font: 12px/20px trebuchet ms, tahoma, sans-serif}
p {margin: 0}
.text_centered {text-align: center}
.text_right {text-align: right}
.dropcap {font-size: 26px}
.description {font-size: 11px; font-style: italic; line-height: 11px}
.footnote {color: #666; font-size: 11px; font-style: italic}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2 {
	clear: both;
	color: #2C5347;
	margin: 0 0 20px 0;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2C5347;
	font-family: georgia, san-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#body .container #col1 #sidebar  {
	margin-left: 30px;
	margin-top: 10px;
	
	
}


._update1 {
	border-top-color: #2A463A;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #2A463A;
	height: 67px;
	width: 140px;
	padding-right: 80px;
	margin-top: 50px;
}

#body .container #col2 #news {
	height: 150px;
	width: 480px;
	background-image:url(images/update1.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	
}
.news_p {
	height: 70px;
	width: 100px;
}
#body .container #col2 #news p {
	height: 90px;
	width: 240px;
	padding-top: 80px;
	float: left;
	
	
}


h2 {border-color: #DEDABD; font-size: 17px; font-style: italic; margin-bottom: 10px}
#body .container #col2 #news #update {
	width: 220px;
	float: left;
	/*padding-left:2px;*/
}

h3, .highlight {color: #2b5347; font-size: 13px; font-weight: bold; margin: 0}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link, a:visited {color: #2B5347; text-decoration: underline}
a:hover {text-decoration: none}
#nav a {display: block; font-size: 14px; height: 25px; padding: 5px 0 0 10px; text-decoration: none; width: 220px}
#nav a:hover {background: #2b5346; color: #ffffff}
#active, a#active:hover {background:  color: #2b5448; cursor: default; font-weight: bold}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul {list-style-type: circle; margin-top: 0}
ul#nav {border: 1px solid #602100; border-width: 1px 0; list-style: none outside; margin: 33px 0 0 0; padding: 0}

#nav li {border-bottom: 1px dashed #DEDABD; padding: 1px 0}
ul.chart {font-style: italic; list-style-type: none; margin: 0; padding: 0}
ul.chart li {float: left; padding: 4px 0; text-align: center; width: 25%}
ul.every_other li {background: #F4F1D4; border: 1px solid #DEDABD; border-width: 1px 0}
ul.height {background:no-repeat 0 18px; font-style: italic; height: 130px; list-style-type: none; margin: 0; padding: 0; width: 480px}
ul.height li {border-bottom: 1px dashed #602100; margin-bottom: 15px}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
select {margin-bottom: 10px; width: 200px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
IMAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 {border: none}
.image {border: 5px solid #DFDBB8}
.left {float: left}
.right {float: right}
.margin_left {margin-left: 10px}
.margin_right {margin-right: 10px}
.margin_bottom {margin-bottom: 10px}
.margin_top {margin-top: 10px}
.swatch {font-size: 11px; height: 58px; padding: 2px 0 0 5px; width: 135px}
.white {color: #FFF}
.clear {clear: both}
#home {margin-top: -30px}
#col1  {margin-top: 0px;}
#col2 {padding-top: 8px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SLIDESHOW
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mySlideshow {height: 350px; margin-top: -30px; width: 480px; z-index: 5}
.jdSlideshow {display: none; overflow: hidden; position: relative}
.jdSlideshow .slideElement {background-repeat: no-repeat; height: 100%; width: 100%}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.container {margin: 0 auto; padding: 0 10px; position: relative; width: 760px}
#header {background:url(images/header_bg.gif) repeat-x; color: #602100; font: italic normal 20px georgia, san-serif; height: 40px; padding-top: 60px; text-align: right}
#logo {float: left; left: 10px; position: absolute; top: -60px; z-index: 1}
#body {background: url(images/layout_body_bg.gif) repeat-x; padding: 40px 0 30px 0;}
#col1 {float: left; margin-right: 50px; width: 230px}
#sidebar {background: /*url(../images/layout_sidebar_bg.jpg)*/ no-repeat 100% 0; font-size: 11px; margin-top: 20px; padding-top: 20px}
#col2 {float: left; width: 480px}
.size {width: 50%}
.divider {border-top: 1px dashed #DEDABD; clear: both; font-size: 0; height: 0; margin: 12px 0; overflow: hidden; width: 100%}
#footer {  font-size: 11px; padding: 30px 0 40px 0; position: relative; background-color:#dedabd;  }
#footer .container #foot_left {
	width: 240px;
	font-size: 11px;
	word-spacing: normal;
}
#footer .container #foot_left p {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	float: left;
	text-align: left;
	width: 400px;
	word-spacing: normal;
	
	
}
.container #foot_right p {
	float: right;
	text-align: right;
	width: 200px;
	
	
}

#lamps {
	background:url(images/bottom_lamps.jpg) no-repeat bottom right;
}

#lampsground {
	background: #F9F6DC url(images/layout_footer_bg.gif) repeat-x bottom;
}

.faqbox
{
	display:none;
	background:#dedabd;
	border: 1px dashed #346555;
	padding: 10px;
	margin: 5px;
}

.newsListing
{

}

.newsListing UL
{
	display:inline;
	pading: 0px;
	maring: 0px;
}

.newsListing LI
{
	display:block;
	padding-top: 10px;
	padding-left: 10px;
	margin-top: 8px; 
	float:left; 
	width: 230px; 
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
#logos {
	width:195px;
	height:414px;
	margin-left:15px;
}


#taftlogo {
	width:146px;
	height:71px;
	float:right;
	margin-top:0px;
	margin-right:5px;
}


.lllogo {
	text-decoration:none;
}