/* style-sebs.css* /

/* ALL POSITIONS */

#wholeheader, a.header-jcnerr,  input.submit  {position: relative;}

a.search {position: absolute;}



/* ALL DISPLAYS */

a.header-jcnerr, a.search, .nav-primary a, .nav-buttons a {display: block;}

.offscreen, .hide {display: none;}



/* ALL FLOATS */

#navcol,  #leftcontent, #centercontent, #lefthalfcontent, .leftcontentimage, #left-home2col, #right-home2col {float: left;}

#maincol, #spotlight, #rightcontent, #righthalfcontent,  .contentimage, .titleimage{float: right;}

#footer, #clearfooter, .boxfooter {clear: both;}



/* ALL FONT FAMILIES */

body, h2, h3, p, th, td, ul, ol, li, dl, dt, dd, div, span, caption, #navcol, #parent, .address, .nav-primary p, .nav-secondary li, #rightcontent li, #rightcontent p, #rightcontent h3, h4, .news p, .contact li, .gridtable-small td, .gridtable-small p, .gridtable-small li, input, option, textarea, #footer, #footeraddress, span.more, p.more {font-family: Arial, Helvetica, sans-serif;}

h1 {font-family: "Formata Regular", Arial, Helvetica, sans-serif;}



/* ALL FONT SIZES */

h1 {font-size: 26px;}

h2, #supertitle, #subtitle {font-size: 16px;}

h3, caption,  {font-size: 13px;}

#content, h4, th.gridtitle, #rightcontent h3, select, option, textarea, .projects td, .contacts td {font-size: 12px;}

#parent, #rightcontent, .nav-primary p, .nav-secondary li, p.more, span.more, .more, td.data, .searchform input, .address, .gridtable-small textarea, .photo-caption, .contact li, .gridtable-small td {font-size: 11px;}

.gridtable-small input, .gridtable-small select, .footnote, .fileinfo, .searchform, #footer, #footeraddress, .search-options {font-size: 10px;}


/* ALL FONT WEIGHTS */

h1 {font-weight: normal;}

h2, h3, h4, caption, th, dt, #parent, #supertitle, #subtitle, .nav-primary p, .more, .nav-primary a:link, .more a:link, #parent a:link, th.gridtitle, .important, .photo-caption, .news .date {font-weight: bold;}



/* ALL TEXT DECORATIONS AND FONT STYLES */

.nav-primary a:link, .nav-primary a:visited, .nav-secondary a:link, .nav-secondary a:visited, #rightcontent li a:link, #rightcontent li a:visited, .more a:link, a.more:link, #parent a:link, .more a:visited, a.more:visited, #parent a:visited, .news a:link, .news a:visited, .search-options a:link, .search-options a:visited {text-decoration: none;}

a:link, .nav-primary a:hover, .nav-secondary a:hover, #rightcontent a:hover, .more a:hover, a.more:hover, #parent a:hover, .more a:active, a.more:active, #parent a:active, #rightcontent li a:active, #rightcontent li a:hover, .news a:hover, .news a:active, .search-options a:hover, .search-options a:active {text-decoration: underline;}

.important {font-style: italic;}



/* ALL TEXT ALIGNS */

.more, .search-options {text-align: right;}

#wholepage, #navcol, #content, .contacts th {text-align: left;}
 
th, .gridtable th, th.gridtitle, .address, #footeraddress {text-align: center;}
 

	
/* ALL LINE HEIGHTS */

#content {line-height: 1.5em;}

h1, .news, .address, .footnote, .gradtable-small th, .gridtable-small td, .rightbox, h4, #rightcontent ul.menu, #rightcontent ol.menu, #rightcontent h3, .contact li, #footer {line-height: 1.25em;}



/* ALL FONT COLORS */

/* med. grey */
hr {color: #ccc;}

/* blue */
a:link, td.gridvaluelight a:link, td.gridvaluelight a:visited {color: #003399;} /* last 2 items needed for distance/selectcourse.asp page */

/* white */
#rightcontent h3, h4, .topleveltitle {color: white;}

/* red */
 #parent a:link, #parent a:visited, .more a:link, a.more:link, .more a:visited, a.more:visited, .gridvaluedark a:hover {color: #d21034;}

/* black */
body, h2, h3, caption, .contact li, a.anchor:active, #content, td.data, .footnote, .fileinfo, .gridtable, .gridtable-small, th.gridvaluelight, td.gridvaluelight, .infobox h4 a:link, .infobox h4 a:visited, .nav-primary a:link, .nav-primary a:visited {color: black;} 

/* purple */
a:visited {color: purple;}

/* Aqua */
h1 {color: #336666;}

/* pale gold */
a:active, .nav-primary a:active, .nav-secondary a:active, #parent a:active, .more a:active, a.more:active, .menu a:active, .news a:active, .gridvaluedark a:active, .infobox h4 a:active {color: #fff6b3;}

/* orange */
.important {color: #e76f00;}

/* gray */
div#footeraddress {color: #666;}

/* dark blue*/
.topleveltitle {color: #0e5475;}


/* ALL BACKGROUND COLORS */

/* white */
.gridtable, .gridtable-small,  .gridtable-small td,  .nav-primary a:hover, .nav-secondary a:hover {background: white;}

/* pale blue */
#rightcontent {background: #d0dfe6;}

/* pale gold */
#maincol a:hover, .more a:hover, #parent a:hover, .search-options a:hover {background: #fff6b3;}

/* pale yellow */
 th.gridvaluelight, td.gridvaluelight, .gridtable td, .gridtable-small td, .infobox {background: #fafbe6;}

/* red */
#maincol a:active, .nav-primary a:active, .nav-secondary a:active, .more a:active, a.more:active, #parent a:active, .search-options a:active {background: #d21034;}

/* dark tan */
  .gridtable th, .gridtable-small th, td.gridvaluemedium {background: #e4d8a6;} 

/* maroon */
th.gridtitle, th.gridvaluedark {background: #ae0f2e;}

/* tan */
td.gridvaluedark {background: #f7f2d0;}

/* med. grey */
hr {background: #ccc;}

/* dark grey */
#rightcontent h3, #clearfooter, h4 {background: #666;}


/* dark blue*/
body {background: #0e5475;}

a.anchor:active, a.anchor:hover {background: none !important;}



/* ALL BORDER COLORS */

/* med. grey */
#parent {border-bottom: 1px solid #ccc;}
div#rightcontent, .gridtable, .gridtable-small, .bordertable, .borderbox, .infobox {border: 1px solid #ccc;}
#footer {border-top: 1px solid #ccc;}

/* dark grey */
#wholepage {border-right: 1px solid #999; border-left: 1px solid #999;}



/* CONTAINERS */

body {
	margin: 0;
	padding: 0;
}

#wholepage {
	width: 770px;
	margin: 0 auto;
	padding: 0;
}

#wholeheader {
	top: 0;
	margin: 0;
	padding: 0;
}

#navcol {
	width: 159px;
	margin: 10px 1px 0 0;
	padding: 0;
}

#spotlight {
	padding: 0 0 15px 0;
	margin: 0;
	border: 0;
	overflow: hidden;
}

#maincol {
	width: 590px;
	margin: 0;
	padding: 0;
}

#parent {
	width: 570px;
	margin: 10px 0 15px 0;
	padding: 0 0 5px 0;
}

#titlearea {
	width: 570px;
	margin: 0 0 15px 0;
	padding: 0;
}

#content {
	width: 570px;
	margin: 0;
	padding: 0;
}

#footer {
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	width: 570px;
}

#clearfooter {
	height: 1%; /* Holly hack for Peekaboo Bug */
	margin: 0;
	padding: 0;
}

#footeraddress {
	width: 771px;
	margin: 5px auto 10px auto;
	padding: 0;
}

#leftcontent {
	width: 390px;
	margin: 0 0 1em 0;
	padding: 0;
}

#centercontent{
	width: 600px;
	margin: 0 0 1em 1em;
	padding: 0 5px 0 0;
	}
#rightcontent {
	width: 158px;
	margin: 0 0 1em 0;
	padding: 0;
}

#lefthalfcontent {
	width: 275px;
	margin: 0 0 1em 0;
	padding: 0;
}

#righthalfcontent {
	width: 275px;
	margin: 0 0 1em 0;
	padding: 0;
}

.topleveltitle {
	margin: 20px 0 15px 0;
	padding: 10px;
	border: solid 1px #ccc;
	}

.infobox {margin-bottom: 1em;}

.leftbox100, .leftbox150, .leftbox175, .leftbox200, .leftbox300 {
	margin: 0 20px 0 0;
	padding: 0; 
}

.rightbox100, .rightbox200 {
	margin: 0 0 0 20px;
	padding: 0; 
}

.borderbox {
	margin: 0px;
	padding: 3px 5px
}

p.break {
	margin: 0 0 1em 0;
	padding: 0;
}

div.break {
	margin: 0;
	padding: 0;
}

.news div.break {
	margin: 5px 0 6px 0;
	padding: 0;
}

.nav-primary div.break {
	margin: 0 9px;
	padding: 0;
}

.titleimage {
	padding: 10px;
	margin: -75px 10px 0 0;
	border: solid 1px #ccc;
	background-color:#FFF;
	}

/* For Center homepages */
#nameband {
	padding: 0;
	margin: 0;
}

#left-home2col {
	width: 275px;
	padding: 0 11px 0 0;
}

#left-home2col img {
	padding: 0;
}

#right-home2col {
	width: 275px;
	padding: 0 0 0 7px;
}

#right-home2col img {
	padding: 0;
}


/* HEADER LINKS */

a.header-execdean {
	width: 770px;
	height: 75px;
	top: 0;
}

a.header-sebs {
	width: 770px;
	height: 125px;
	top: 0;
}
a.header-cookcampus {
	width: 770px;
	height: 126px;
	top: 0;
}

a.header-jcnerr {
	width: 770px;
	height: 75px;
	top: 0;
}

a.default, a.nutrition, a.header-depts  {
	width: 770px;
	height: 34px;
}

a.camden, a.newark, a.newbrunswick, a.search, a.newbrunswick-big {
	top: 5px;
	height: 20px;
}

a.camden {
	width: 60px;
	left: 380px;
}

a.newark {
	width: 73px;
	left: 440px;
}

a.newbrunswick {
	width: 124px;
	left: 513px;
}

a.newbrunswick-big {
	width: 190px;
	left: 565px;
}

a.search {
	width: 120px;
	left: 637px;
}

a.njaes-logo {
	width: 200px;
	height: 78px;
}



/* TITLES */

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0 0 10px 0;
}

h2 img {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0 0 10px 0;
} 

#rightcontent h3 {
	margin: 0 0 8px 0;
	padding: 1px 8px;
}

h4 {
	margin: 0 0 5px 0;
	padding: 1px 8px;
} 

#titlearea img {
	margin: 0;
	padding: 0;
}

#supertitle {
	margin: 0;
	padding: 0 0 1px 0;
}

#subtitle {
	margin: 0;
	padding: 3px 0 0 0;
}



/* BODY ELEMENTS */

form {
	margin: 0 0 1em 0;
}

.gridtable-small form {
	margin: 0;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

.news p {
	margin: 2px 0;
	padding: 0;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 12px;
	padding-top: 0;
	padding-bottom: 0;
}

ul.condensed, ul.menu-condensed {
	margin-bottom: 0;
}

ul.submenu {
	margin-top: 6px;
	margin-bottom: -4px;
}

li {
	padding-bottom: 5px;
}

.condensed li, .menu-condensed li {
	padding-bottom: 0;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	margin: 0;
	padding: 0;
}

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

p.address {
	padding-top: 1.2em;
}

.caption {
	padding-bottom: 3px;
}

.photo-caption {
	margin-top: 5px;
}

.gridtable, .gridtable-small, .bordertable {
	margin-bottom: 1em;
}

hr {
	border: 0;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	height: 1px;
}

input.submit {
	border: none;
	padding: 0;
	top: 5px;
}

.deansig p {
	margin-bottom: .5em;
}



/* NAV */

div.nav-primary {
	margin: -4px 0 10px 0;
}

.nav-primary p, .nav-primary img {
	padding: 0;
	margin: 0 9px;
}

.nav-primary a:link, .nav-primary a:visited, .nav-primary a:hover, .nav-primary a:active {
	padding: 4px 0;
}

ul.nav-secondary, ol.nav-secondary, #rightcontent ul.menu {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 5px;
}

.nav-secondary li, #rightcontent li {
	text-indent: 0;
	padding: 0;
	margin: 0 5px .5em -15px;
}

.nav-buttons {
	margin: 0 9px 5px 9px;
	padding: 0;
}

.nav-buttons img {
	margin: 0 0 8px 0;
	padding: 0;
}

.infobox .nav-secondary li {
	margin-bottom: 0;
}

p.more {
	padding-top: 0;
}

ul.contact {
	list-style: none outside;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 12px;
}

#rightcontent p {
	padding: 0 8px;
}

#rightcontent .contact li {
	text-indent: -10px;
	padding: 0;
	margin: 0 0 0 -22px;
}

#navcol hr {
	margin-left: 5px;
	margin-right: 5px;
}

#navcol form {
	margin: 0 0 4px 10px;
	padding-top: 0;
}

#navcol form h4 {
	margin-left: -10px;
}

p.portals {
	 padding: 0 0 5px 0;
	 margin: 0;
}

.contacts {
	border: none;
	padding: 0;
	margin: 0;
}

.contacts td, .contacts th {padding: 4px 4px 4px 0;}

.search-options {margin-left: 15px; margin-right: 12px;}


/* PHOTOS */

img {
 border: none;
}

.contentimage {
	margin: 0 0 5px 20px;
	padding: 0;
}

.leftcontentimage {
	margin: 0 20px 20px 0;
	padding: 0;
}


.righttext {
	text-align: right;
}


h2.sectiontitles {
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #ccc;
	font-family: "Formata Regular", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #424343;
	
	
}