/* SouthernMedia.org CSS v2.5 */

@import url(reset.css);
@import url(hacks.css);

/* ADMIN BAR FIXES */
#frm #wrap {position: absolute; top: 0;}
#adminbar {position: relative !important; z-index: 9999 !important;}

/**********************
Basic Tags Definition
**********************/

p, ul, ol, table {margin: 0 0 1.33em 0;}

strong {font-weight: bold;}
em {font-style: italic;}

/* Admin bar */
#adminbar img {display: inline;}


/**********************
Headings
**********************/

/* <textEditor> */
h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal;}
h1, .headingLargeBlack, .sideHeadingLargeBlack {
    font-size:1.9em;
}
h2, .headingMedOrange, .sideHeadingMedOrange {
	color: #FF8D00;
	font: 1.75em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 1em;
	margin: 32px 0 16px 0;
}
h3, .headingMedGreen, .sideHeadingMedGreen {
	color: #81a13c;
	font: 1.75em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-style: italic;
	line-height: 1em;
	margin: 32px 0 16px 0;
}
h4, .headingSmallGray, .sideHeadingSmallGray {
	color: #676042;
	font: bold 1.17em "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.17em;
	margin: 0;
}
h5, .headingSmallBlack, .sideHeadingSmallBlack {
	color: #354219;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	font-size: .88em;
}

#col-l h1, .sideHeadingLargeBlack {
    font-size:1.5em;
}
#col-l h2, .sideHeadingMedOrange {
    font-size:1.3em;
    font-weight:bold;
}
#col-l h3, .sideHeadingMedGreen {
    font-size:1.3em;
    font-weight:bold;
}
#col-l h4, .sideHeadingSmallGray {
    font-size:1.1em;
}
#col-l h5, .sideHeadingSmallBlack {
    font-size:1em;
}

.sideHeadingLargeBlack {}
.sideHeadingMedOrange {}
.sideHeadingMedGreen {}
.sideHeadingSmallGray {}
.sideHeadingSmallBlack {}
/* </textEditor> */

h1.top, h2.top, h3.top, h4.top, h5.top, h6.top, h2:first-child {margin-top: 0 !important;}

/*#col-l h3 {
	color: #676042;
	font-size: 2.18em;
	font-style: normal;
	letter-spacing: -.8pt;
	margin: 32px 0 16px 0;
}*/

#footer .col h5 {font-size: 1.09em; margin-bottom: 6px;}


/**********************
Anchors
**********************/

a, a:link, a:active, a:visited {color: #675400; text-decoration: none;}
a:hover {color: #676042;}

#col-r a, #col-l a {text-decoration: underline !important;}

#footer a {color: #c7e584 !important;}
#footer a:hover {color: #fff !important;}


/**********************
Main Structure
**********************/

body {
	background: #504f38 url(../img/bg.jpg) repeat-x 0 0;
	color: #40423c;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.33em;
	min-height: 100.1%;
}

#wrap {
	margin: auto;
	text-align: left;
	width: 100%;
	position: relative;
}

#header {
	background: url(../img/bg_header.jpg) no-repeat 0 0;
	height: 190px; width: 980px;
}
	#logo, #tagline {margin: 0;}

	#logo a {
		background: url(../img/logo.jpg) no-repeat 0 0;
		height: 62px; width: 328px;
		position: absolute;
		top: 50px; left: 30px;
	}
	#tagline {
		background: url(../img/tagline.jpg) no-repeat 0 0;
		height: 54px; width: 397px;
		position: absolute;
		top: 52px; left: 441px;
	}

#body {
	background: url(../img/bg_body.gif) repeat-y 0 0;
	margin-bottom: 40px;
	width: 900px;
}
	#bodyBgTop {background: url(../img/bg_body-top.gif) no-repeat 0 0;}
	#bodyBgBottom {background: url(../img/bg_body-bot.gif) no-repeat 0 bottom;}

	#col-l {
		float: left;
		font-size: .92em;
		padding: 35px 20px;
		width: 260px;
		overflow: hidden;
	}
	#col-r {
		float: right;
		padding: 25px 30px 35px;
		width: 540px;
	}

#footer {
	background: #6a9031 url(../img/bg_footer.gif) repeat-x 0 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .92em;
	padding: 30px 0;
	width: 100%;
}
	#footer div.wrap {width: 900px;}
	#footer .col {margin-left: 20px; margin-bottom: 32px; width: 200px;}
	#footer #copyright {
		background: #8db042;
		border: 1px solid #698130;
		clear: both;
		padding: 20px;
		width: 860px;
	}


/**********************
General Elements
**********************/

ul.list0 li, .textElement ul li {
	background: url(../img/bullet0.png) no-repeat 0 1px !important;
	background: url(../img/bullet0.gif) no-repeat 0 1px;
	margin: 6px 0 6px 25px;
	padding-left: 25px;
}

p.new-horizon-home {margin: 0 -13px 0 0;}
p.new-horizon-home a {background: url(../img/new-horizon-home.gif) no-repeat; height: 60px; width: 273px;}

p#backToNH {margin: 0;}
p#backToNH a {
	background: url(../img/bg_back.gif) no-repeat;
	color: #ece5c7 !important;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 0 4px 32px;
	text-decoration: none;
	position: absolute;
	top: -21px; left: 20px;
}
p#backToNH a:hover {color: #fff !important;}

#footer p.copy {float: left;}

/* Two Columns */
.two-cols .col-l {
	float: left;
	width: 255px;
}
.two-cols .col-r {
	float: right;
	width: 255px;
}


/**********************
Navigation
**********************/

.breadCrumb {
    font-size:0.8em;
}

ul.nav {margin-bottom: 0;}
ul.bars li.first {border: 0 !important;}

ul.bars li {display: inline; margin-left: -4px;}
ul.bars li:before {content: "|"; padding: 0 4px;}
ul.bars li:first-child:before {content: ""; padding: 0 4px 0 0;}

/* Main Nav */
ul#nav {
	height: 60px; width: 860px;
	margin-bottom: 40px;
}
ul#nav li {float: left;}
ul#nav li a {
	float: left;
	background: no-repeat 0 11px;
	color: #c7e584 !important;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
	line-height: 1em;
	padding-top: 38px;
	text-decoration: none;
}
ul#nav li a:hover, ul#nav li a.active {background-position: 0 -39px; color: #fff !important;}
ul#nav li a span {display: none;}

ul#nav #nav00 a {background-image: url(../img/nav_nursery.gif); width: 101px;}
ul#nav #nav01 a {background-image: url(../img/nav_early.gif); width: 177px;}
ul#nav #nav02 a {background-image: url(../img/nav_elementary.gif); width: 135px;}
ul#nav #nav03 a {background-image: url(../img/nav_rock.gif); width: 100px;}
ul#nav #nav04 a {background-image: url(../img/nav_special.gif); width: 159px;}
ul#nav #nav05 a {background-image: url(../img/nav_blog.gif); width: 66px;}
ul#nav #nav06 a {background-image: url(../img/nav_resources.gif); width: 122px;}

/* Left Column */
#col-l ul.nav {background: url(../img/bg_line.gif) repeat-x 0 0; padding-top: 2px;}
#col-l ul.nav li {background: url(../img/bg_line.gif) repeat-x 0 bottom;}
#col-l ul.nav a {
	background: url(../img/bg_l-nav-over.gif) repeat-x 0 -39px;
	color: #676042 !important;
	display: block;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.27em;
	line-height: 1.14em;
	padding: 12px 15px 14px 15px;
	/*text-decoration: none !important;*/
}
#col-l ul.nav a:hover {color: #675400 !important; background-position: 0 0;}

/* Footer Nav */
#footer .col ul.nav li {border-top: 1px solid #688030; padding: 4px 0;}
#footer .col ul.nav li.first {border: 0;}

#footer ul.bars {text-align: right;}
#footer ul.bars a {color: #fff !important;}
#footer ul.bars a:hover {text-decoration: underline !important;}


/**********************
Common Classes / Misc.
**********************/

#col-l p.p0 {padding: 0 15px;}

/* - Image Alignment - e = east, n = north, ne = north-east, se = south-east, etc */
img.e, img.w, img.ne, img.nw, img.se, img.sw {display: block;}
img.e  { float: right;	margin: 1.5em 0 1.5em 1.5em;	}
img.w  { float: left;	margin: 1.5em 1.5em 1.5em 0;	}
img.ne { float: right;	margin: 0 0 1.5em 1.5em;	}
img.nw { float: left;   margin: 0 1.5em 1.5em 0;	}
img.se { float: right;	margin: 1.5em 0 0 1.5em;	}
img.sw { float: left;	margin: 1.5em 1.5em 0 0;	}

.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}

.col {float: left; display: inline; position: relative;}
.wrap {clear: both; margin: auto; position: relative;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}

.hidden {display: none;}
.replace {display: block; font-size: 1%; text-indent: -10000px; line-height: 0;}
.nomargin {margin-bottom: 0 !important;}
.noborder {border: 0 !important;}

