/* ============ MAIN BACKGROUND COLOR  ============ */

body {
	background-color: #DEDCC7;
	color: #5c635c;
	
}

#main-wrapper {
	width: 956px;
	border: 6px solid #c8c7b4;
}
.bottomwrap {
	width: 956px;
	margin: 0px auto;
}


.innerstroke {
	border: 1px solid #b7b6a4;
	border-top: none;
}




/* =============== GLOBAL FONT SIZE  =============== */

html, body, form, fieldset {
	font: 12.5px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/* ============== HEADER TEXT STYLE  ============== */

#header_text {
	background: #443b32 url(../images/style4/header_blank.png) no-repeat center top;
	height: 109px;
}

#header_text h1, #header_text h1 a {
	color: #80ad3a;
	font: bold 45px/40px Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

#header_text h2 {
	color: #fff;
	font: italic bold 18px/28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* ============= HEADER GRAPHIC STYLE  ============= */

#header_graphic {
	background: url(../images/style4/header.png) no-repeat center top;
	height: 109px; /* HEADER GRAPHIC HEIGHT */
}

/* ============= HEADER GRAPHIC HOTSPOT  ============= */

#header_graphic h1 a {
	height: 80px;
	width: 300px;
	margin-top: 20px;
	text-indent: -6000em;
	/* REMOVE COMMENT TO PREVIEW
	border: 1px solid red;
	*/ 
}


/* ================== HEADINGS  =================== */

h1,h2,h3,h4,.contentheading,.componentheading {
}

h1 {
	font-size: 28px;
	color: #6d982d;
	font-weight: bold;
}

h2 {
	font-size: 24px;
	color: #443b32;
	font-weight: bold;
}

h3 {
	font-size: 20px;
	color: #76756A;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	color: #666;
}


/* =================== CONTENT HEADINGS  ================ */

a.contentpagetitle {
	font-size: 22px;
	font-weight: bold;
}
a.contentpagetitle:hover {
	color: #000;
	text-decoration: none;
}

.componentheading {
	font-size: 20px;
	color: #333;
	border-bottom: 1px solid #f4f4f4;
}

.contentheading {
	font-size: 22px;
	color: #443b32;
	border-bottom: 1px solid #BBBBB2;
	letter-spacing: -1px;
	font-weight: bold;
}
td.contentheading {
	border-bottom: 1px solid #e9e5d0;
}
a.readon {
	text-decoration: none;
	background: url(../images/readon.png) no-repeat 0px 2px;
	font-size: 14px;
	line-height: 18px;
	padding: 0px 0px 0px 17px;
}
a.readon:hover {
	text-decoration: underline;
}

/* ============ LEFT/RIGHT CONTENT HEADINGS  ============ */

#leftcol td.contentheading,
#rightcol td.contentheading,
#leftcol a.contentpagetitle,
#rightcol a.contentpagetitle {
	color: #517291;
	font-size: 16px;
}

#leftcol a.contentpagetitle:hover, #rightcol a.contentpagetitle:hover {
	color: #000;
}


/* ================== LINK STYLES  ================== */

a {
	color: #6d982d;
	text-decoration: underline;
}
a:hover {
	color: #445e1b;
	text-decoration: none;
}
a.mainlevel {
	text-decoration: none;
	background: url(http://noyopacific.com/templates/js_earthblog/images/style4/mainlevel.gif) no-repeat 0px 4px;
}

a.sublevel {
	font-size: 12px;
	color: #000;
}
div.back_button a {
	border: 1px solid #adc387;
}



/* ============ NEWSFLASH MODULE POSITION  =========== */


#newsflash {
	height: 83px;
	margin-top: 4px;
	width: 500px;
	font-size: 11px;
	color: #dedcc7;
}

/* ============ NEWSFLASH MODULE HEADING  ============ */


#newsflash .moduletable h3,
#newsflash .moduletableS1 h3,
#newsflash .moduletableS2 h3,
#newsflash .moduletableS3 h3 {
	font-size: 16px;
	line-height: 14px;
	border-bottom: 1px solid #33444e;
	color: #fefde3;
	text-indent: 0px;
	padding-left: 0px;
}
/* ============ NEWSFLASH DISPLAY  ============ */


#newsflash td.contentheading {
	border-bottom: 1px solid #72675b;
}
#newsflash .contentheading,#newsflash a.contentpagetitle {
	font-size: 14px;
	line-height: 18px;
	color: #f3f2d9;
}

/* ================= NEWSFLASH LINKS  ================ */


#newsflash a {
	color: #6d982d;
}


/* ============== USER 1-4 LINK STYLES  ============== */


#showcase a {
	color: #6d982d;
}

#showcase h2 a {
	font-weight: bold;
	font-size: 22px;
}


/* ============ USER 1-4 MODULE HEADINGS  ============ */

#showcase div.moduletable h3,
#showcase div.moduletableS1 h3,
#showcase div.moduletableS2 h3,
#showcase div.moduletableS3 h3 {
	font-size: 18px;
	color: #443b32;
	border-bottom: 1px solid #e1e9eb;
}

/* ============ USER 1-4 CONTENT HEADINGS  ============ */

#showcase td.contentheading,
#showcase td.contentheadingS1,
#showcase td.contentheadingS2,
#showcase td.contentheadingS3,
#showcase a.contentpagetitle,
#showcase a.contentpagetitleS1,
#showcase a.contentpagetitleS2,
#showcase a.contentpagetitleS3 {
	color: #3b3a34;
	font-size: 18px;
}
#showcase a.contentpagetitle:hover,
#showcase a.contentpagetitleS1:hover,
#showcase a.contentpagetitleS2:hover,
#showcase a.contentpagetitleS3:hover {
	color: #000;
}


/* ============ USER 7-9 MODULE HEADINGS  ============ */

#bottom div.moduletable h3,
#bottom div.moduletableS1 h3,
#bottom div.moduletableS2 h3,
#bottom div.moduletableS3 h3 {
	font-size: 18px;
	color: #c8c7b4;
	border-bottom: 1px solid #4a3f36;
}


/* ============ USER 7-9 CONTENT HEADINGS  ============ */

#bottom td.contentheading,
#bottom td.contentheadingS1,
#bottom td.contentheadingS2,
#bottom td.contentheadingS3,
#bottom a.contentpagetitle,
#bottom a.contentpagetitleS1,
#bottom a.contentpagetitleS2,
#bottom a.contentpagetitleS3 {
	color: #3b3a34;
	font-size: 18px;
}



/* ============ BLOCKQUOTE  ============ */


blockquote {
	background-color: #fcfcfc;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 4px solid;
	border-left: 1px solid;
	border-color: #648497;
}


/* ============ CODE STYLE  ============ */

div.code {
	background: #fcfcfc;
	border: 1px solid #e5e5e5;
	color: #000;
}


/* ============ PATHWAY/BREADCRUMBS  ============ */


#breadcrumbs {
	background: #eeede3;
	border: 1px solid #dcdbd1;
	font-size: 11px;
}

/* ============ DEFAULT MODULE STYLE  ============ */

div.module {
	color: #333;
}

/* ============ DEFAULT MODULE HEADINGS  ============ */

div.module h3, div.moduletable h3 {
	font-size: 16px;
	border-bottom: 1px solid #dedede;
	color: #666;
}

/* ============ *S1 MODULE STYLE*  ============ */

div.moduleS1 {
	color: #fff;
}

/* ============ S1 MODULE HEADINGS  ============ */

div.moduleS1 h3, div.moduletableS1 h3 {
	font-size: 16px;
	border-bottom: 1px solid #84ab46;
	color: #fff;
}

/* ============ S1 MODULE LINKS  ============ */

div.moduleS1 a,div.moduletableS1 a {
	color: #e2e988;
}
div.moduleS1 a:hover,div.moduletableS1 a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ========== LEFT/RIGHT CONTENT S1 HEADINGS  ========== */
td.contentheadingS1,
a.contentpagetitleS1 {
	color: #fff;
	font-size: 16px;
}
a.contentpagetitleS1:hover {
	color: #000;
}




/* ============ *S2 MODULE STYLE*  ============ */

div.moduleS2 {
	color: #fff;
}
/* ============ S2 MODULE HEADINGS  ============ */

div.moduleS2 h3,div.moduletableS2 h3 {
	font-size: 16px;
	color: #fff;
	border-bottom: 1px solid #826951;
}
/* ============ S2 MODULE LINKS  ============ */

div.moduleS2 a,div.moduletableS2 a {
	color: #b1a273;
	text-decoration: none;
}
div.moduleS2 a:hover,div.moduletableS2 a:hover {
	text-decoration: underline;
}
/* ========== LEFT/RIGHT CONTENT S2 HEADINGS  ========== */
td.contentheadingS2,
a.contentpagetitleS2 {
	color: #fff;
	font-size: 16px;
}
a.contentpagetitleS2:hover {
	color: #000;
}




/* ============ *S3 MODULE STYLE*  ============ */

div.moduleS3 {
	color: #494A44;
}
/* ============ S3 MODULE HEADINGS  ============ */

div.moduleS3 h3,div.moduletableS3 h3 {
	font-size: 16px;
	color: #494A44;
	border-bottom: 1px solid #c3dce9;
}
/* ============ S3 MODULE LINKS  ============ */

div.moduleS3 a {
	color: #384853;
	text-decoration: none;
}
div.moduleS3 a:hover  {
	text-decoration: underline;
}
/* ========== LEFT/RIGHT CONTENT S3 HEADINGS  ========== */
td.contentheadingS3,
a.contentpagetitleS3 {
	color: #494A44;
	font-size: 16px;
}
a.contentpagetitleS3:hover {
	color: #000;
}




/* ========== JOOMLA STYLES  ========== */

div.blog_more {
	border-top: 1px solid #e7e8da;
}
div.blog_more ul {
	border-top: 1px solid #dadacc;
}
div.blog_more ul li a {
	border-bottom: 1px solid #dadacc;
	background: url(http://noyopacific.com/templates/js_earthblog/images/style4/add.png) no-repeat 4px 0px;
}
div.blog_more ul li a:hover {
	border-bottom: 1px solid #dadacc;
	background: url(http://noyopacific.com/templates/js_earthblog/images/style4/add.png) no-repeat 4px -28px;
	background-color: #f9f8ed;
}
table.poll {
	color: #000;
	font-size: 11px;
}

table.pollstableborder td.sectiontableentry1 {
	color: #3d2518;
	background: #fff;
	border-bottom: 0px solid #dadacc;
}
table.pollstableborder td.sectiontableentry2 {
	color: #3d2518;
	background: #fff;
	border-bottom: 0px solid #fefee6;
}
table.pollstableborder td.sectiontableheader {
	color: #fff;
}
td.sectiontableheader a {
	color: #fff;
}
table.pollstableborder tr.sectiontableentry1 td {
	color: #422918;
}
table.pollstableborder tr.sectiontableentry2 td {
	color: #422918;
}
td.sectiontableheader {
	color: #fff;
	background: #433a31;
}
tr.sectiontableentry1 td,
td.sectiontableentry1 {
	background: #fff;
	border-bottom: 1px solid #f4f4f4;
	font-size: 12px;
}
tr.sectiontableentry2 td,
td.sectiontableentry2 {
	background: #fdfdfd;
	border-bottom: 1px solid #f4f4f4;
	font-size: 12px;	
}
span.small,.createdate,.modifydate {
	color: #a1a1a1;
}
div.mosimage {
	border: 1px solid #e7dec6;
	background: #f2f3ee;
}
div.mosimage_caption {
	color: #a09a8a;
}
table.contenttoc {
	background-color: #f5f2e1;
	font-size: 12px;
	border: 1px solid #e8e6d8;
}
table.contenttoc th {
	background-color: #3d2518;
	color: #fffef1;
}


/* ============  UNIQUE STYLE RELATED  ============ */
/* ============  PROCEED WITH CAUTION  ============ */


#showcasetop {background-color: #59752d;}
#showcase {border-bottom: 1px solid #b7b6a4;color: #494A44;background: #def0f4 url(../images/style4/showcase_bg.png) repeat-x center top;	width: 954px;}
#mainbody {background-color: #fff;}
.bottom_top {background:#c8c7b4;}
#bottom {color: #c8c7b4;background: #342c25 url(../images/style4/bottom.png) repeat-x center top;border: 1px solid #B6B5A3;border-bottom: none;}
#footer {color: #c8c7b4;font-size: 11px;background: #342c25;}


/* ============  UNSTYLED  ============ */
div.module {background: none no-repeat 100% 0;margin-bottom: 10px;height: 1%;border: 1px solid #ccc;}
div.module div {background: none no-repeat 0 0;}
div.module div div {background: none no-repeat 100% 100%;}
div.module div div div {background: none no-repeat 0 100%;padding: 12px 15px 15px 15px;}
div.module div div div div {background: transparent none;padding: 0;}
div.module h3, div.moduletable h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}

/* ============  S1  ============ */
div.moduleS1 {background: url(../images/style4/topright_1.png) 100% 0 no-repeat;margin-bottom: 10px;height: 1%;}
div.moduleS1 div {background: url(../images/style4/topleft_1.png) 0 0 no-repeat;}
div.moduleS1 div div {background: url(../images/style4/botright_1.png) 100% 100% no-repeat;}
div.moduleS1 div div div {background: url(../images/style4/botleft_1.png) 0 100% no-repeat;padding: 12px 15px 15px 15px;}
div.moduleS1 div div div div {background: transparent none;padding: 0;}
div.moduleS1 h3, div.moduletableS1 h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}

/* ============  S2  ============ */

div.moduleS2 {margin-bottom: 10px;background: url(../images/style4/topright_2.png) 100% 0 no-repeat;height: 1%;}
div.moduleS2 div {background: url(../images/style4/topleft_2.png) 0 0 no-repeat;}
div.moduleS2 div div {background: url(../images/style4/botright_2.png) 100% 100% no-repeat;}
div.moduleS2 div div div {background: url(../images/style4/botleft_2.png) 0 100% no-repeat;padding: 12px 15px 15px 15px;}
div.moduleS2 div div div div {background: transparent none;padding: 0;}
div.moduleS2 h3,div.moduletableS2 h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}

/* ============  S3  ============ */

div.moduleS3 {margin-bottom: 10px;background: url(../images/style4/topright_3.png) 100% 0 no-repeat;height: 1%;}
div.moduleS3 div {background: url(../images/style4/topleft_3.png) 0 0 no-repeat;}
div.moduleS3 div div {background: url(../images/style4/botright_3.png) 100% 100% no-repeat;}
div.moduleS3 div div div {background: url(../images/style4/botleft_3.png) 0 100% no-repeat;padding: 12px 15px 15px 15px;}
div.moduleS3 div div div div {background: transparent none;padding: 0;}
div.moduleS3 h3,div.moduletableS3 h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}


ul.latestnews li,
ul.mostread li,
ul.latestnewsS1 li,
ul.mostreadS1 li,
ul.latestnewsS2 li,
ul.mostreadS2 li,
ul.latestnewsS3 li,
ul.mostreadS3 li,
ul.menu li,
/* showcase */
#showcase div.moduletable li,
#showcase div.moduletableS1 li,
#showcase div.moduletableS2 li,
#showcase div.moduletableS3 li,
/* bottom */
#bottom div.moduletable li,
#bottom div.moduletableS1 li,
#bottom div.moduletableS2 li,
#bottom div.moduletableS3 li {
	background: url(../images/style4/bullet.gif) no-repeat 0px 6px;
}
.copyright a {
	background: url(../images/style4/jscright.png) no-repeat;
}


/* @group TOPNAV */


.menubar {
	font: bold 1.1em Arial, Helvetica, Geneva, sans-serif;
}
#navmenu {
	background: url(../images/style4/navcontainer.png) no-repeat center bottom;
}

#navmenu a {
	color: #dfddc8;
}

#navmenu li li {
	font-size: 12px;
}

#navmenu li:hover ul, 
#navmenu li li:hover ul, 
#navmenu li li li:hover ul, 
#navmenu li li li li:hover ul,
#navmenu li.iehover ul, 
#navmenu li li.iehover ul, 
#navmenu li li li.iehover ul,
#navmenu li li li li.iehover ul {
	background: #59752d;
}
/*PARENT ITEM SEPARATOR*/
#navmenu li {
	background: url(../images/style4/tr_norm.png) right center no-repeat;
}
#navmenu li a {
	background: url(../images/style4/tl_norm.png) left center no-repeat;
}
/*DEFINE HOVER COLORS*/

#navmenu li:hover a,
#navmenu li.iehover a {
	color: #ffffff;
}
#navmenu ul li a:hover {
	color: #e3daa1;
}
#navmenu ul li ul li a:hover,
#navmenu ul li ul li ul li a:hover {
	color: #eee;
}
#navmenu ul ul a {
	color: #ffffff;
	width: 170px;
}
#navmenu li li {
	border-bottom: 1px solid #4a6522;
}
#navmenu li li {
	width: 173px;
}
#navmenu li ul ul {
	margin: -30px 0 0 173px;
}
#navmenu li li:hover,
#navmenu li li.iehover {
	background: #799e3e;
}

#navmenu li ul {
	width: 173px;
	border-right: 1px solid #4a6522;
	border-left: 1px solid #4a6522;
	border-top: 1px solid #59752d;
}
#navmenu li:hover,
#navmenu li.iehover,
#navmenu li.active {
	background: url(../images/style4/tr_hover.png) right center no-repeat;
}
#navmenu li:hover a,
#navmenu li.iehover a,
#navmenu li.active:hover a,
#navmenu li.active.iehover a,
#navmenu li a:hover,
#navmenu li.active a,
#navmenu li.active a:hover {
	background: url(../images/style4/tl_hover.png) left center no-repeat;
}

#navmenu li:hover ul a,
#navmenu li.iehover ul a,
#navmenu li.active:hover ul a {
	background-image: none;
}

#navmenu ul li.active ul li a,
#navmenu ul li.active ul li,
#navmenu ul li.active ul li a:hover,
#navmenu ul li.active ul li.hover,
#navmenu ul li.active ul li.iehover {
	color: #fff;
}

#navmenu li.iehover ul li.iehover {
	background: #799e3e;
}

/* @end */

#shackslide div p {
	font-size: 16px;
	line-height: 135%;
	padding-top: 10px;
}

/* @group Menu Column Styles */

div.module_menu,div.module_menu div,div.module_menu div div,div.module_menu div div div {
	padding: 0px;
	margin: 0px;
}
div.module_menu {
	margin-bottom: 10px;
	padding: 4px;
}
div.module_menu h3 {
	font-size: 16px;
	padding: 5px 0px 5px 5px;
	margin: 
	0px;
}

ul.menu_menu li {
	list-style: none;
	background-image: none;
	text-indent: 6px;
}
ul.menu_menu li li {
	list-style-type: none;
}
ul.menu_menu li a {
	padding:0px;
	margin: 0px;
	text-decoration: none;
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #e8e8e8;
	line-height: 200%;
	font-weight: bold;
	font-size: 12px;
}
ul.menu_menu li a:hover  {
	color: #333;
	background-color: #e8e8e8;

}
ul.menu_menu li li a {
	text-decoration: none;
	display: block;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #eee;
	line-height: 110%;
	padding: 2px 0px;
	font-size: 11px;
}

/* @end */