/* 10/10/12 (LR) - cleaned up style sheet
===========================================*/
@import url('reset.css');
@import url('typography.css');

/* Main
=================================*/
body { text-align: center; }
/* img { vertical-align: bottom;}  */
 img { border: 0px;} 
 
.wrap { width: 960px; margin: 0 auto; text-align: left; }

/* for office hours table
=================================*/
.oinfotbl { width: 170px; border: 0.5px solid #CCC; font-size: 10px; font-family:Arial, Helvetica, sans-serif; position: absolute; z-index: 3; height: 71px; color: #333; padding-left: 2px; margin-top: 12px; background-color: #EDF6FC; }

/* clearfix 
=================================*/
.clearfixbr { content: "."; display: block; clear: both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Top Area (image header area)
=================================*/
#top {height: 144px; background: url(sitebanner.jpg) top center no-repeat;}
img.right { float: right; margin-bottom: 5px; margin-left: 10px; }
#top .wrap { position: relative; height: 200px; }
#top ul,
#top li { margin: 0; padding: 0; list-style: none; }
#logo { width: 263px; height: 110px; float: left; margin-top: 15px; }
#top-nav { float: right; background: #000; height: 32px; width: 365px; }
#top-nav ul { float: right; }
#top-nav ul li { float: left; font-size: 0.917em; padding: 6px 16px 0 0; }
#top-nav ul li a { color: #FFFFFF; }
#top-go { float: right; }
#search { width: 201px; height: 32px; background: url(../images/search.gif) top left no-repeat; position: absolute; right: 0; top: 32px; }
#search input { border: none; background: none; }
#search input.input { float: left; width: 150px; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.333em; padding: 6px 0 0 10px; }
#search input.submit { float: left; width: 34px; height: 32px; cursor: pointer; }

/* Main Navigation
=================================*/
#nav { position: absolute; bottom: 0; left: 0; width: 960px; background: url(../images/nav-bg.jpg) bottom left repeat-x; height: 42px; clear: both; text-align: center; }
#nav ul.main { margin: 0 auto; padding: 0; display: inline-block; }
#nav td, tr, table { margin: 0; padding: 0; }
#nav ul.main li { float: left; height: 33px; padding: 9px 0 0 0; }
#nav ul li.active1 { }
#nav ul li.active2 { }
#nav ul li.active3 { }
#nav ul li.active4 { }
#nav ul li.active5 { }
#nav ul li.active6 { }
#nav ul li.active7 { }
#nav ul.main li a { display: block; color: #000; font-family:Georgia,"Times New Roman",Times,serif; font-size: 1.208em; padding: 0 10px; border-right: 1px solid #4e87b6; }
#nav ul.main li a img { vertical-align: middle; }
#nav ul.main li.last a { border: none; }

/* Alerts
=================================*/
.alert p { margin: 0; }
.alert img { vertical-align: middle; padding: 0 6px 0 0; }
.alert.primary { background: url(../images/alert-primary-bg.jpg) top left repeat-x; height: 54px; padding: 16px 0 0 0; color: #000; font-size: 1.167em; }
.alert.primary .wrap { text-align: center; }
.alert.primary span { font-family:Georgia,"Times New Roman",Times,serif; font-size: 1.2em; }
.alert.primary a { font-weight: bold; color: #00509f; text-decoration: underline; }
.alert.secondary { text-align: center; background: #e8f4fd; padding: 1em 0; margin: 0 0 2.5em 0; }
.alert.secondary span { font-weight: bold; }
.alert.secondary a { text-decoration: underline; }

/* Sub Top Area
=================================*/
#sub-top { background: url(/eyos/header_test/images/sub-top-bg.gif) bottom left repeat-x #efefeb;}
/* GREY HEADER BAR HEIGHT ADJUST HERE */
#sub-top .wrap { position: relative; height: 55px;}
#sub-top img { vertical-align:bottom; }
#sub-top p#breadcrumbs { position: absolute; top: 0; left: 0; font-size: .856em; color: #848484; }
#sub-top h1 { padding: 0; margin: 0; position: absolute; top: 12px; left: 0; }
#sub-top ul.social-icons { position: absolute; top: 0; right: 0; list-style: none; padding: 0; margin: 0; }
#sub-top ul.social-icons li { float: left; padding: 0 0 0 5px; margin: 0; line-height: 1.1em; }
#sub-top ul.social-icons li.share { padding: 0 8px 0 0; margin: 0 5px 0 0; border-right: 1px solid #000; }
#sub-top #quick-links { width: 254px; position: absolute; top: 26px; right: 0; z-index: 1000000; }
#sub-top #quick-links span.toggle { display: block; height: 38px; background: url(/eyos/header_test/images/dropdown-find-information.jpg) top right no-repeat; cursor: pointer; text-indent: -9999px; z-index: 1000000; }
#sub-top #quick-links span.toggle.open { background-position: 0 -38px; }
#sub-top #quick-links #dropdown { background: url(/eyos/header_test/images/dropdown-bg.png) bottom left no-repeat; width: 254px; position: absolute; top: 34px; padding: 0 0 1em 0; z-index: 1000000; }
#sub-top #quick-links #dropdown ul { list-style: none; margin: 0; padding: 0; z-index: 1000000; }
#sub-top #quick-links #dropdown li a { display: block; padding: 5px 0 6px 0; z-index: 1000000; }


/* Side Navigation
=================================*/
#side-nav { padding: 0 14px 0 0; border-right: 1px solid #e6e6e2; color: #c5c5c1; margin: 0 0 4em 0; }
#side-nav .nav-title { border-top: 3px solid #e6e6e2; text-transform: uppercase; font-weight: bold; font-size: .833em; line-height: 1.1em; padding: .6em 20px 10px 0; margin: 0 0 2em 0; background: url(../images/arrow-down.gif) bottom left no-repeat; color: #848484; }
#side-nav .nav-title.pad-top { margin-top: 4em; }
#side-nav ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e6e6e2; }
#side-nav ul ul { border: none; margin: 0 0 0 15px; padding: .3em 0 0 0; }
#side-nav ul li { margin: 0; padding: .6em 0; border-bottom: 1px solid #e6e6e2; line-height: 1.2em; }
#side-nav ul li span { font-weight: bold; color: #000; }
#side-nav ul ul li { border: none; }
#side-nav ul ul ul { padding: .5em 0 0 0; margin-bottom: -5px; }
#side-nav ul ul ul li { list-style: disc; padding: .3em 0; }

/* Main Content Area
=================================*/
#bottom { padding: 1.6em 0 0 0; }
#main { width: 755px; float: left; }
#main_nonav { width: 960px; float: left; }
.column { float: left; margin: 0 20px 3em 0; }
.column.left { width: 185px; }
.column.middle { width: 520px; }
.column.middle_nobotpad { width: 520px; margin-bottom: 0px; }
.column.right { width: 250px; margin-right: 0; }
.column.right_nobotpad { width: 250px; margin-right: 0; margin-bottom: 0px; }
.column.span { width: 790px; clear: both; margin: 0 0 2em 0; padding: 0 0 1em 0; }
.column.span.border-bottom { border-bottom: 3px solid #e6e6e2; }
.section { margin: 0 0 1em 0; }
.section_nobotpad { margin: 0 0 0em 0; }
.section-header { border-bottom: 3px solid #e6e6e2; width: 100%; padding: 0 0 1.3em 0; margin: 0 0 1.3em 0; }
.section-header h2 { float: left; padding: 0; margin: 0; font-size: 1em; line-height: 1em; }
.section-header .link { float: right; font-size: 0.917em; padding: 5px 0 0 0; }
.item { margin: 0 0 1.5em 0; width: 100%; }
.item.border { border-bottom: 1px solid #e6e6e2; padding: 0 0 1.5em 0; }
.item.border.dashed { border-bottom: 1px dashed #e6e6e2; }
.item.noborder { border-bottom: 0px dashed #e6e6e2; }
.item p { margin: 0; }
.item p.pad-top { margin: 1em 0 0 0; }
.item .details { margin: 0; }
.item h3 { margin: 0; }
.item img.left { margin: 3px 10px 5px 0; }
.item img.right { margin: 3px 0 5px 10px; }
.nav-callout { background: #e6e6e2; padding: 10px 15px; }
.nav-callout h4 { margin: 0 0 1em 0; }
.nav-callout ul,
.nav-callout li { list-style: none; margin: 0; padding: 0; }
.nav-callout li { margin: 0 0 .3em 0; }
.callout { margin: 0 0 1.5em 0; }
h3.border-bottom-dash { border-bottom: 1px dashed #e6e6e2;	}
.item.stat { text-align: center; }
.item.stat p.stat-number { font-family: Georgia, times, serif; color: #7fc4f2; font-size: 2.769em; line-height: 1em; margin: 0 0 .2em 0; }
.item.stat p.stat-description { font-size: .856em; color: #4b4b4b; }

/* UL 
========================================*/
ul.programs,
ul.programs ul { list-style: none; margin: 0; padding: 0; font-size: 11px; }
ul.programs li { padding: 0; margin: 0; border-top: 1px dashed #e6e6e2; }
ul.programs li a { display: block; padding: 3px 0; line-height: 1.2em; }
ul.programs li.first { border: none; }
ul.programs ul li.first { border-top: 1px dashed #e6e6e2; }
ul.programs ul li { margin-left: 20px; }
ul.sidelist,
ul.sidelist ul { list-style: disc; margin: 0; padding: 0; font-size: 11px; }
ul.sidelist li { padding: 0; margin: 0; border-top: 1px dashed #e6e6e2; }
ul.sidelist li.first { border: none; }
ul.sidelist ul li.first { border-top: 1px dashed #e6e6e2; }

/* Sub Columns & Boxes
========================================*/
.sub-col { float: left; margin: 0 20px 0 0; }
.sub-colnopad { float: left; margin: 0 0px 0 0; }
.sub-col.right { margin: 0; }
.sub-two-col { margin: 0 0 1.5em 0; }
.sub-two-col.border-bottom { border-bottom: 3px solid #e6e6e2; }
.sub-two-col .sub-col { width: 250px; }
.half-box { border-top: 1px solid #e6e6e2; border-left: 1px solid #e6e6e2; padding: 1em 0 0 20px; margin: 0 0 2em 0; }
.half-box_noleftpad { margin-top: 0; margin-right: 0; margin-bottom: 0em; margin-left: 0; padding-top: 1em; padding-right: 0; padding-bottom: 0; padding-left: 0px; border-top-width: 1px; border-left-width: 1px; border-top-style: none; border-left-style: none; border-top-color: #e6e6e2; border-left-color: #e6e6e2; }
.half-box_nobotpad { margin-top: 0; margin-right: 0; margin-bottom: 0em; margin-left: 0; padding-top: 1em; padding-right: 0; padding-bottom: 0; padding-left: 20px; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #e6e6e2; border-left-color: #e6e6e2; }
.box { border: 1px solid #e6e6e2; padding: .5em 20px; margin: 0 0 1.5em 0; }
.box_nobotpad { border: 1px solid #e6e6e2; margin-top: 0; margin-right: 0; margin-bottom: 0em; margin-left: 0; padding-top: 0.5em; padding-right: 20px; padding-bottom: 0.5em; padding-left: 20px; }
.box.callout { border: 1px solid #bddaf2; background: #e8f4fd; }
.box.callout h3 { color: #007cd3; }
.box.callout h3.dark { color: #000; }
.caption-box { border: 1px solid #e6e6e2; border-top: none; padding: 0 15px .1em 15px; margin: 0 0 1.5em 0; }
.two-boxes { margin: 0 0 2em 0; }
.two-boxes .box { float: left; margin: 0 20px 0 0; width: 343px; }
.two-boxes .box.right { margin: 0; }
.three-boxes { margin: 0 0 2em 0; }
.three-boxes .box { float: left; margin: 0 20px 0 0; width: 208px; }
.three-boxes .box.right { margin: 0; }
.side-caption .half-box { float: left; margin: 0 20px 0 0; width: 482px; }
.side-caption img.right { margin-top: 0; }
.four-boxes .box { float: left; width: 182px; margin: 0 20px 0 0; }
.four-boxes .box.right { margin: 0; }

/* Buttons
========================================*/
a.button { display: block; background: url(../images/btn-bg.png) bottom right no-repeat; text-align: center; color: #000; font-weight: bold; padding: 10px 0 15px 0; line-height: 1em; }
a.button.small { float: left; clear: both; padding: 8px 20px 13px 15px; font-size: 1em; }
a.button.smallmb { float: left; padding: 8px 20px 13px 15px; font-size: 1em; }


/* Tab content
========================================*/
.tabs { margin: 0 0 2em 0; }
.tabs ul { list-style: none; margin: 0; padding: 0; }
.tabs ul li { float: left; margin: 0 3px 0 0; padding: 0; }
.tabs ul li a { display: block; height: 34px; line-height: 34px; padding: 0 15px; background: url(../images/tab-bg.gif) top left repeat-x; text-transform: uppercase; font-size: .933em; font-weight: bold; text-decoration: none; }
.tabs ul li a:hover { text-decoration: none; }
.tabs ul li a.selected { background-position: 0 -34px; color: #000; text-decoration: none; }
.tabs ul li a.selected:hover { cursor: default; }
.tabs .tab-content { clear: both; border: 1px solid #5a99ce; border-top: 4px solid #5a99ce; background: #e8f4fd; padding: 1em 20px; }
.tabs .tab-content ul li { float: none; }
ul.circle-numbers li { padding: 0 0 0 42px; margin: 0 0 .5em 0; }
ul.circle-numbers li.one { background: url(../images/circle-1.gif) top left no-repeat; background-position: 0 6px; }
ul.circle-numbers li.two { background: url(../images/circle-2.gif) top left no-repeat; background-position: 0 6px; }
ul.circle-numbers li.three { background: url(../images/circle-3.gif) top left no-repeat; background-position: 0 6px; }


/* Content Slider (Athletics Page)
========================================*/
.slider { margin: 0 0 2em 0; }
.slider .slider-nav { background: url(../images/slider-nav-bg.jpg) top left repeat-x; height: 28px; width: 100%; position: relative; }
.slider .slider-nav ul { list-style: none; margin: 0; padding: 0; }
.slider .slider-nav ul li { float: left; margin: 0; padding: 0; }
.slider .slider-nav ul li a { display: block; font-weight: bold; text-transform: uppercase; font-size: 0.875em; padding: 6px 10px 6px 10px; }
.slider .slider-nav ul li.activeSlide { background: url(../images/slider-nav-arrow.gif) bottom center no-repeat; }
.slider .slider-nav ul li.activeSlide a { color: #fff; }
.slider .slider-nav ul.dots { position: absolute; top: 10px; right: 10px; }
.slider .slider-nav ul.dots li { text-indent: -9999px; overflow: hidden; width: 8px; height: 8px; padding: 0; margin: 0 7px 0 0; background: url(../images/slider-nav-dot.jpg) top left no-repeat; background-position: 0 -8px; }
.slider .slider-nav ul.dots li.activeSlide { background: url(../images/slider-nav-dot.jpg) top left no-repeat; background-position: 0 0; }
.slider .slider-content { background: #000; color: #fff; height: 275px; z-index: 100; }
.slider .slider-content .slide .img { float: left; width: 603px; position: relative; }
.slider .slider-content .slide .img .caption { position: absolute; bottom: 0; left: 0; float: left; padding: 15px 20px; }
.slider .slider-content .slide .img .caption h4 { font-family: Georgia, times, serif; font-size: 1.2em; font-weight: bold; color: #fff; margin: 0; padding: 0; }
.slider .slider-content .slide .img .caption a { display: block; text-transform: uppercase; padding: 0 0 0 10px; background: url(../images/slider-arrow-go-sm.png) top left no-repeat; background-position: 0 4px; color: #90d1ff; font-size: .833em; }
.slider .slider-content .slide .text { float: left; width: 280px; padding: 2em 36px 0 36px; }
.slider .slider-content .slide .text h2 { color: #fff; }
.slider .slider-content .slide .text a.go { display: block; padding: 0 0 0 12px; background: url(../images/slider-arrow-go.png) top left no-repeat; background-position: 0 5px; color: #90d1ff; font-weight: bold; }

/* FOOTER
========================================*/
#footer #footer-nav { border-top: 5px solid #e6e6e2; border-bottom: 1px solid #e6e6e2; padding: 1.5em 0 1em 0; margin: 0 0 2em 0; clear: both; }
#footer #footer-nav ul { margin: 0; padding: 0; list-style: none; }
#footer #footer-nav li { float: left; line-height: 1em; height: 1em; border-right: 1px solid #cdcdcd; padding: 0 15px 0 0; margin: 0 15px 0 0; }
#footer #footer-nav li.last { border: 0; margin: 0; padding: 0; }
#footer #footer-left { float: left; width: 460px; }
#footer #footer-left img { float: left; margin: 0 25px 0 0; }
#footer #footer-left p#mission-statement { float: left; width: 270px; font-family: Georgia,times,serif; font-style: italic; font-size: 1.3em; line-height: 1.4em; margin: 0; padding: 5px 0 0 0; }
#footer #footer-right { float: left; border-left: 1px solid #e6e6e2; padding: 0 0 0 12px; margin: 6px 0 0 0; width: 487px; position: relative; }
#footer #footer-right #address { padding: 10px 0 0 7px; font-size: 0.917em; }
#footer #footer-right #address p { margin: 0 0 .5em 0; }
#footer #footer-right #address p.map { margin: 0; }
#footer #footer-right #nj-green-college { position: absolute; top: 0; right: 0; }
#footer #footer-right #go-stockton { position: absolute; bottom: 6px; right: 115px; }
#footer #footer-right #social-links { width: 108px; height: 32px; position: absolute; bottom: 0; right: 0; }
#footer #footer-right #social-links ul { margin: 0; padding: 0; list-style: none; }
#footer #footer-right #social-links li { float: left; padding: 0 0 0 4px; margin: 0; }
#footer #footer-end { clear: both; font-size: .917em; border-top: 1px solid #e6e6e2; padding: 1em 0 0 0; margin: 2em 0; width: 100%; }
#footer #footer-end #copyright { color: #bfbfbf; float: left; }
#footer #footer-end #maintained { float: right; }
#gologo { position: absolute; top: 0; right: 0; padding: 0; margin: 0; }
#presidentphoto { float: right; width: 208px; margin-bottom: 5px; margin-left: 15px; font-size: 11px; }
#presidentphoto img.border { border: 1px solid #666; margin-bottom: 0px; margin-top: 8px; }
td.tbllinkshdr { background-color: #ACD6F1; font-size: 13px; font-weight:bold; }
td.tbllinks { background-color: #EDF6FC; text-align: left; }
td.tbllinkshdr2 {font-size: 13px; font-weight:bold; }
td.tbllinks2 {text-align: left; }

/* FONT STYLES
========================================*/
.tinytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;}
.tinygreytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666;}
.smalltext { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.required {color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.basictext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #000000;}
.basictextbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #000000; font-weight: bold;}
.mediumtext { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
.mediumtextbold { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; }
.largetext { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.largetextbold { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
.required {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #F00; font-weight: bold;}
.largerequired {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: #F00; font-weight: bold;}

/* TABLE STYLES
========================================*/
.Etabs { font-size: 10px; height: 22px; background-color: #EDF6FC; line-height: 22px; text-indent: 2px;}
.Etabswbrdr { font-size: 10px; border: .5px solid #999; height: 22px; background-color: #EDF6FC; line-height: 22px; text-indent: 2px;}
/*.Etabspcr { border-top-width: 0.5px; border-top-style: solid; border-top-color: #999;}*/
.Etabspcr {background-color: #FFF;}
.Etabbrdr { border: 0.5px solid #999; font-size:11px;}
.EtabHeader { font-family: Arial, Helvetica; border: .5px solid #999; font-size:14px; font-weight:bold; line-height: 26px; background-color: #ACD6F1; text-indent: 2px;}
.EtabHeader2 { font-family: Arial, Helvetica; font-size:14px; font-weight:bold; line-height: 26px; background-color: #ACD6F1; text-indent: 2px;}
.EtabSubHeader { font-size: 12px; font-weight:bold; border-top-width: 0.5px; border-top-style: solid; border-top-color: #999; height: 22px; background-color: #CAE4F7; line-height: 22px; text-indent: 2px;}
.EtabHeaderbasic { font-family: Arial, Helvetica; border: .5px solid #999; font-size:12px; font-weight:normal; line-height: 26px; background-color: #ACD6F1; text-indent: 2px;}
.EtabHeaderinfo { font-family: Arial, Helvetica; border: .5px solid #999; font-size:10px; font-weight:normal; background-color: #ACD6F1; text-indent: 2px;}
.LeftBrdr { border-left-width: 0.5px; border-left-style: solid; border-left-color: #999;}