/*
-----------------------------------------------
NJBG Stylesheet
----------------------------------------------- */

/*
Contents:

- BASIC ELEMENT FORMATTING
- SPECIAL ELEMENT FORMATTING
- FONT-SIZE
- HEADER
- MAIN
- SUBCOL
- FOOTER
- MODULES
- FORMS
- SECTION-SPECIFIC COLORS AND BACKGROUNDS AND MISC.
- NYMF NAV CONTAINER
*/



/* BASIC ELEMENT FORMATTING
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #F0F0F0;
	font-family: verdana, arial, helvetica, sans-serif;
	}

a, address, blockquote, dd, dl, dt, h1, h2, h3, h4, h5, li, ol, p, th, ul {
	font-weight: normal;
	font-style: normal;
	line-height: 1.3em;
	}
	
address, blockquote, h1, h2, h3, h4, h5, p {
	margin: 0;
	padding: 0 0 1em 0;
	}

address, blockquote, div.details {
	padding-left: 3em;
	padding-bottom: 1em;
	}
	
a:visited {
	color: #7F7D7D;
	}

a:active {
	color: #CCCCFF;
	}

dd, dl {
	margin: 0;
	padding: 0 0 1em 0;
	}
	
dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

em {
	font-style: italic;
	}

h1 {
	padding-top: .33em;
	font-size: 1.33em;
	font-weight: bold;
	}

h1 a {
	font-weight: bold;
	}
	
h2 {
	padding-top: .5em;
	font-size: 1.1em;
	font-weight: bold;
	}

h2 a {
	font-weight: bold;
	}

h2 span {
	font-style: italic;
	}
	
h3 {
	padding-bottom: 0;
	font-size: 1em;
	font-weight: bold;
	}

h3 a {
	color: #669933;
	font-weight: bold;
	font-style: normal;
	text-decoration:none;
	background-color: #FFFFFF;
}
h3 a:hover {
	color: #669933;
	background-color: #C4E5B3;
	}
h3 a:visited {
	color: #669933;
	background-color: #FFFFFF;
	}
	
h4 {
	padding-bottom: 0;
	font-weight: bold;
	font-size: .95em;
	}
	
h5 {
	font-size: .95em;
	}

hr {
	margin: 0 0 1em 0;
	color: #ccc;
	width: 100%;
	}

img.framed {
	border: 1px #666 solid;
	margin: .5em .5em .5em .5em;
	}

li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: .5em;
	}

li.nav {
	font-size: .9em;
	padding-bottom: 0em;
	}

li.inline {
	padding-bottom: .1em;
	}

ol {
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
	}

p a {
	color: #003300;
}

.crumb {
	font-size: .9em;
	padding-bottom: 0em;
	}

strong {
	font-weight: bold;
	}
	
tr  {
	vertical-align: text-top;
	}	
	
td span {
	font-style: italic;
	}

th {
	font-size: .85em;
	font-weight: bold;
	text-align: left;
	}
	
ul, ol {
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
	}




/* SPECIAL ELEMENT FORMATTING
----------------------------------------------- */

dl.indented dd {
	padding-left: 2em;
	}
	
dl.indented dt {
	font-weight: normal;
	}

h2.nobottom {
	padding-bottom: 0;
	}

h2.subhead {
	margin-top: -1.4em;
	padding: 0 0 1.5em 0;
	font-weight: normal;
	font-size: 1em;
	}

h2.subtitle {
	margin-top: -1.2em;
	padding: 0 0 1.5em 0;
	}

h3.subhead {
	margin-top: -1.2em;
	padding-bottom: 0;
	}
	
h3.subhead2 {
	margin-top: -1em;
	padding-bottom: 1em;
	}

hr.sub {
	width: 70%;
	}

img.inline {
	border: 0;
	display: inline;
	}

img.noborder {
	border: 0;
	}
	
ol.nostyle {
	margin-left: 2em;
	padding-left: 0;
	}

p.nav-left {
	margin-left: 2em;
	}

p.tiny {
	margin: 0;
	padding: 0;
	font-size: .01;
	}



p#bread {
	font-size: .85em;
	}

/* used in dynamic forms to indicate missing fields */
span.missing {
	color: red;
	font-weight: bold;
	}
	
span.regmark {
	vertical-align: text-top;
	font-size: .85em;
	}

tr.rowbg {
	background-color: #ebebeb;
	}

ul.arrows {
	font-size: .85em;
	}

ul.arrows li {
	background: url("/img/tool_arrows.gif") no-repeat 0 .4em;
	margin: 0;
	padding: 0 0 2px 10px;
	}

ul.inline {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

ul.inline li {
	display: inline;
	}

ul.nostyle li {
	padding-bottom: 0;
	}
	
ul.nostyle-bullets li {
	padding-bottom: .15em;
	}
	
ul.nostyle, ul.nostyle-expanded, ul.nostyle-expanded ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

ul.nostyle-bullets {
	list-style: disc;
	margin-left: 0;
	padding-left: 1.25em;
	}	
	
.sidebar ul	 {
	margin: 0;
	padding: 0;
	}
	
ul.nostyle ul, ul.nostyle ul ul {
	list-style: none;
	margin-left: 0;
	padding-left: 3em;
	margin-bottom: 0;
	}

ul.nostyle-expanded ul, ul.nostyle-expanded ul ul {
	padding-left: 3em;
	margin-bottom: -.5em;
	}

/* This is a hack for nested lists in IE6. Without it, the nested list renders with an unwanted top margin. */
ul.nostyle li, ul.nostyle-expanded li {
	border-top: 1px solid #fff;
	}

/* This is necessary to un-do the above hack in sidebars and bottombars. Ugh. */
.sidebar ul.nostyle li, .bottombar ul.nostyle li, .sidebar ul.nostyle-expanded li, .bottombar ul.nostyle-expanded li {
	border-top: none;
	}

.alignright {
	text-align: right;
	}

.block {
	display: block;
	}

.center {
	margin: 0 auto; 
	width: 100%;
	}

.clearthis {
	clear: left;
	}

.clearboth {
	clear: both;
	}
	
.hide {
	display: none;
	}
	
.highlight {
	font-style: italic;
	}
	
.textsmall {
	font-size: .85em;
	}




/* FONT-SIZE
----------------------------------------------- */

body {
	font-size: x-small; /* IE5/Win */
	voice-family: "\"}\""; voice-family: inherit;   
	font-size: small; /* IE6/Win */
	}
	
html>body {
	font-size: x-small; /* Opera */
	}

head:first-child+body {
	font-size: small; /* Mozilla, IE5/Mac */
	}




/* HEADER
----------------------------------------------- */

#container {
	position: relative;
	width: 770px;
	height: 100%;
	margin-right: auto;
	margin-left: auto; 	
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;	
	background-color:#fff;
	}

#head {
	position: relative;
	top: 0;
	left: 0;
	width: 770px;
	height: 140px;
	background-color:#ccc;
	}
	
/* header is taller on index pages */
.abo-ind #head, .edu-ind #head, .gar-ind #head, .hom-ind #head, .mem-ind #head, .res-ind #head, .sup-ind #head, .vis-ind #head {
	height: 245px;
	background-color:#ccc;
	}

/* Print Header */
#printheader {
	display: none;
}
	
#logo a {
	position: relative;
	top: 11px;
	left: 17px;
	width: 104px;
	height: 39px;
	display: block;
	text-decoration:none;	
	}

#logo-index a {
	position: relative;
	top: 16px;
	left: 16px;
	width: 120px;
	height: 122px;
	display: block;
	}

#logo h2, #logo-index h2 {
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	}

#search {
	position: absolute;
	top: 28px;
	left: 350px;
	width: 380px;
	text-align: right;
	}
	
/* search is lower on index pages */
.abo-ind #search, .edu-ind #search, .gar-ind #search, .hom-ind #search, .mem-ind #search, .res-ind #search, .sup-ind #search, .vis-ind #search {
	top: 100px;
	}
	
#searchlabel {
	display: none;
	}

#navtop-wrap {
	position: absolute;
	top: 90px;
	left: 0;
	width: 650px;
	height: 25px;
	}

/* nav starts lower on index pages */
.abo-ind #navtop-wrap, .edu-ind #navtop-wrap, .gar-ind #navtop-wrap, .hom-ind #navtop-wrap, .mem-ind #navtop-wrap, .res-ind #navtop-wrap, .sup-ind #navtop-wrap, .vis-ind #navtop-wrap {
	top: 200px;
	}

ul#navtop {
	position: relative;
	top: 18px;
	left: 7px;
	white-space: nowrap;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

ul#navtop a:link, ul#navtop a:visited, ul#navtop a:hover, ul#navtop a:active {
 	font-weight: bold;
 	text-decoration: none;
 	}
 
ul#navtop li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#navtop li a {
	margin: 0;
	padding: .15em .55em;
	line-height: 1em;
	font-size: .90em;
	}





/* MAIN
----------------------------------------------- */

#main {
	position: relative;
	top: 0;
	left: 15px;
	margin-left: 6px;
	width: 558px;
	background-color: #fff;
	float: left;
	}
/* this margin-left situation is because Mac IE5 isn't getting with the left:15px. this simply throws in more space. not seemless, but it works. -ad */

#main-event {
	position: relative;
	top: 0;
	left: 15px;
	width: 738px;
	background-color: #fff;
	float: left;
	}
/* for big events. removes the sub-nav. make sure to remove the ssi on the page and add <div id="main-event"> between the subnav comments -ad */

	
#feature {
	width: 558px;
 	}


/* main div starts lower on index pages */
.abo-ind #main, .edu-ind #main, .gar-ind #main, .hom-ind #main, .mem-ind #main, .res-ind #main, .sup-ind #main, .vis-ind #main {
	top: 20px;
	}




/* SUBCOL
----------------------------------------------- */

#subcol {
	position: relative;
	top: 0;
	left: 0;
	width: 180px;
	float: left;
	}

#subcol #content {
	margin: 0 1em;
	}

#subcol h2 {
	margin-bottom: .5em;
	padding: 0 10px 0 14px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	}

#subcol p {
	font-size: .85em;
	}

#subcol ul {
	padding: 0 10px 1.5em 0;
	}

#hom #subcol ul {
	padding: 0;
	}
	
#hom #subcol #content ul li {
	margin-bottom: .33em;
font-size: .85em;	
	}
	
/* subcol is lower on index pages */
.abo-ind #subcol, .edu-ind #subcol, .gar-ind #subcol, .hom-ind #subcol, .mem-ind #subcol, .res-ind #subcol, .sup-ind #subcol, .vis-ind #subcol {
	top: 20px;
	}
	
#navbiz {
	margin: 3em .5em;
	padding-top: 1em;
	color: #666;

	}
	
#hom #navbiz {
	margin-top: 0;
	padding-top: .5em;
	border-top: 0;
	padding-left: 0;
	}
	
#navbiz ul {
	list-style: none;
	padding-left: 0;
	margin-left: 1em;
	font-size: .85em;
	}

#navbiz ul a:link, #navbiz ul a:visited, #navbiz ul a:hover, #navbiz ul a:active {
	color: #666;
	}

#navbiz ul li {
	background: url("/img/rarrow.gif") no-repeat 0 .4em;
	margin: 0;
	padding: 0 0 1em 10px;
	line-height: 1.4em;
	}
	
#navbiz ul li.trans {
	display: none;
	background-position: 0 .2em;
	}

#hom #navbiz li.trans {
	display: block;
	}

ul#navsub {
	list-style: none;
	margin-left: 14px;
	padding-left: 0;
	font-size: .85em;
	}

ul#navsub ul {
	list-style: none;
	margin-left: 2px;
	padding-left: 1.25em;
	margin-bottom: -1em;
	}

ul#navsub li {
	padding-bottom: 1em;
	}
	
ul#navsub a {
	font-weight: bold;
	}




/* FOOTER
----------------------------------------------- */

#foot {
	padding: 1em 0;
	}

#foot p {
	padding: 0 0 0 0;
/*	border-top: 1px dotted #ccc; */
	color: #000000;
	font-size: .85em;
	text-align: center;
	}




/* MODULES 
----------------------------------------------- */

.bottombar {
	margin-bottom: 1em;
	padding: 6px;
	border: 1px #ccc solid;
	}

.bottombar h2 {
	padding-top: .5em;
	}
	
.col-img, .col-text {
	float: left;
	}
	
ul.col-text ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

.col-img p {
	color: #666;
	font-size: .85em;
	}

.credit p {
	color: #666;
	font-size: .85em;
	}

.details p, .details li {
	font-size: .85em;
	}

.endnote p {
	font-size: .85em;
	}

#feature h2 {
	margin: 0;
	padding: 0;
	color: #c36;
	font-size: 1.4em;
	}

#feature h3 {
	padding: .25em 0;
	}
	
#feature li {
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
#feature ul {
	margin: 0 0 0 1.5em;
	padding: 1em 0 0 0;
	}
	
#feature-img, #feature-text {
	float: left;
	}
	
p.feature-caption, p.feature-link {
	padding-top: 2.5em;
	font-size: .85em;
	}

p.feature-caption {
	color: #666;
	}
	
ul.arrows {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

ul.gallery {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-align: center;
	font-size: .85em;
	}

ul.gallery li {
	display: inline;
	padding: 0 .5em;
	}

ul.jumplinks {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

.imgblock {
	margin: 0 0 1em 0;
	}

.imgblock p {
	padding-bottom: 3px;
	padding-top: 3px;
	color: #666;
	font-size: .85em;
	}

.imgcenter {
	margin: 0 auto 10px auto;
	text-align: left;
	width: 100%;
	}

.imgcenter p {
	padding-bottom: 3px;
	padding-top: 3px;
	color: #666;
	font-size: .85em;
	}

.imgcenter-wrap {
	text-align: center;
	}
	
.imgleft {
	float: left;
	margin: 3px 10px 3px 0;
	}

.imgleft p {
	padding-bottom: 3px;
	padding-top: 3px;
	color: #666;
	font-size: .85em;
	}

.imgright {
	float: right;
	margin: 3px 0 3px 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	}

.imgright p {
	color: #666;
	font-size: .85em;
	}

.imgrow {
	float: left;
	margin: 0 0 1em 0;
	}

.imgrow p {
	padding-bottom: 3px;
	padding-top: 3px;
	color: #666;
	font-size: .85em;
	}

.navright {
	float: right;
	margin: 3px 0 3px 10px;
	padding: 6px 6px 0 10px;
	}

.navright ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-size: .85em;
	}

div.navright li {
	background: url("/img/tool_arrows.gif") no-repeat 0 .5em;
	margin: 0;
	padding: 0 0 2px 10px;
	line-height: 1.4em;
	}
	
.noteleft {
	float: left;
	margin: 3px 10px 3px 0;
	padding: 6px;
	border: 1px #ccc solid;
	font-size: .85em;
	}

.noteleft p {
	padding-bottom: 3px;
	padding-top: 3px;
	}

.noteright {
	float: right;
	margin: 3px 0 3px 10px;
	padding: 6px;
	border: 1px #ccc solid;
	font-size: .85em;
	}

.noteright p {
	padding-bottom: 3px;
	padding-top: 3px;
	}

#sections {
	padding-top: 30px;
	width: 559px;
 	}

#sections h2 {
	font-size: 1em;
	}
	
#sections h4 {
	font-size: .90em;
	}

#sections ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

#sections li {
	margin-bottom: 0;
	padding-bottom: .25em;
	}
	
.section {
	float: left;
	}

.section h4 {
	font-weight: bold;
	}
	
#hom .section h4 {
	padding-bottom: 1em;
	font-weight: normal;
	}

.section p {
	padding-bottom: 1em;
	}

.sibcol {
	float: left;
	}
	
.sibcol h3, .sibcol ul, .sibcol p {
	margin-right: 10px;
	}

.sibcol h3, .sibcol ul {
	padding-right: 10px;
	}

#siblinks h2 {
	padding-top: 1em;
	padding-bottom: 1.5em;
	text-transform: uppercase;
	}
	
#siblinks h3 {
	padding-bottom: 1em;
	font-size: .85em;
	}	

#siblinks h3 a {
	font-weight: normal;
	}

#siblinks hr {
	margin-bottom: 2em;
	clear: left;
	}
	
#siblinks p {
	margin-top: -1em;
	font-size: .85em;
	}

#siblinks ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 1.5em;
	font-size: .85em;
	}

.sidebar {
	float: right;
	margin: 3px 0 3px 10px;
	padding: 6px;
	border: 1px #ccc solid;
	font-size: .85em;
	}

.sidebar h2 {
	padding-top: .5em;
	}
	
/* Prevents captions in sidebars from rendering too small due to inheritence */ 
.sidebar .imgblock p {
	font-size: 1em;
	}

#toolbox {
	float: right;
	width: 120px;
	margin: 12px 0 3px 10px;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: .85em;
	}

#toolbox h2 {
	padding-top: 0;
	padding-bottom: 0;
	width: 120px;
	border-bottom: 1px #ccc solid;
	}

#toolbox img {
	margin: 4px 2px 1em 0;
	}

#toolbox ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

#toolbox li {
	background: url("/img/tool_arrows.gif") no-repeat 0 .4em;
	margin: 0;
	padding: 0 0 2px 10px;
	line-height: 1.4em;
	}




/* FORMS 
----------------------------------------------- */

form {
	margin: 0 0 1em 0;
	padding: 0;
	}


input {
	margin: 0 .3em 0 0;
	padding: 0;
	}
	
input.button {
	width: 130px;
	margin: 0;
	font-size: .85em;
	}

input.block {
	margin-bottom: 1em;
	display: block;
	}

input.search {
	width: 10em;
	margin: 0;
	}
	
input.short {
	width: 2em;
	}
	
input.submit {
	font-size: .85em;
	}

fieldset {
	border: 0;
	margin: 0 0 1em 0;
	padding: 0;
	display: block;
	}

label {
	margin: 0 .3em 0 0;
	padding: 0;
	font-size: .85em;
	}

label.block {
	display: block;
	}

legend {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	}

/* user instructions */
form p {
	font-size: .85em;
	font-style: italic;
	margin:  .2em 0 0 0;
	padding: 0 0 .2em 0;
	}

form p.normal {
	font-size: 1em;
	font-style: normal;
	}
	
div.formrow {
	display: block;
	}
	
select  {
	margin-bottom: 1em;
	}

textarea {
	margin: 0;
	padding: 0;
	}

textarea.block {
	margin-bottom: 1em;
	display: block;
	}
	
div.formcol1 {
	float: left;
	width: 100px;
	}

div.formcol2 {
	float: left;
	width: 200px;
	}

form.columns div.formrow {
	clear: left;
	padding-top: .25em;
	}
	
form.columns h3 {
	font-size: 1em;
	}

.block-input {
	margin-bottom: 1em;
	display: block;
	}




	
/* ---- header menu ---- */
A.nav-main {
	color: #669933;
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	text-decoration:none;
	background-color: #C4E5B3;
}
A.nav-main:hover {
	color: #C4E5B3;
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	text-decoration:none;
	background-color: #669933;
}

A.nav-left {
	color: #669933;
	font-weight: bold;
	font-style: normal;
	font-size: .9em;
	text-decoration:none;
	background-color: #FFCC33;
}
A.nav-left:hover {
	color: #FFCC33;
	font-weight: bold;
	font-style: normal;
	font-size: .9em;
	text-decoration:none;
	background-color: #669933;
}

div.text-main	{
	padding-left: 2em;
	padding-right: 1em;
}