@import url('reset.css');
@import url('typography.css');

body { text-align: center;}

/* clearfix 
=================================*/

.clearfixbr { content: "."; display: block; clear: both;}
.tabspcr { font-size: 11px; border-top-width: thick; border-right-width: thick; border-bottom-width: thick; border-left-width: thick; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: .5px;}

.tabbrdr { border: .5px solid #999; font-size:11px;}
.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%;}
/* end clearfix */

/* img { vertical-align: bottom;}  */
 img { border: 0px;} 

.wrap { width: 960px; margin: 0 auto; text-align: left;}

/* Top Area
=================================*/


/* default is 200, decreased because there will be no tabs */
#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; border: 1px solid #999;}

#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 { margin: 0 auto; padding: 0; display: inline-block;}

#nav ul 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 li a { display: block; color: #000; font-family:Georgia,"Times New Roman",Times,serif; font-size: 1.208em;}
*/

#nav ul li a { display: block; color: #000; font-family:Georgia,"Times New Roman",Times,serif; font-size: 14px; padding: 0 12px; border-right: 1px solid #4e87b6;}



#nav ul li a img { vertical-align: middle;}

#nav ul 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(slivertop.jpg) bottom left repeat-x #efefeb; */
background: url(../images/sub-top-bg.gif) bottom left repeat-x #efefeb; z-index: 100; border-top-width: 1px; border-top-style: solid; border-top-color: #404040;}

#sub-top .wrap { position: relative; height: 75px; z-index: 100;}

#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: 28px; left: 0;}


#sub-top .wordmark { position: absolute; top: 18px; right: 0; list-style: none; padding: 0; margin: 0;}





/* 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(/eyos/hp/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.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;}

#bbtitle {margin-top:7px;}

.absmiddle {vertical-align: middle;
margin-bottom: .25em;}



#officeinfo { position:absolute; width:142px; height:19px; z-index:355; left: 776px; top: 160px; background-image: url(/eyos/officelink.gif); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer;}
.connect { background-color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #000000; float: right; margin-left: 10px; margin-bottom: 10px;  width: 258px
}


/* Program Page Links */

#prg_navigation { float: right; line-height: 17px; margin-right: 0px; padding-left: 20px; width: 200px;}

#prg_navigation li { border-bottom: 1px solid #dbdbdb; list-style: none; margin-left: 5px; padding-bottom: 5px; padding-right: 5px; padding-top: 5px;}

#prg_navigation li a { color: #0000c0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;}

#prg_navigation li a:hover { color: #FF0000; font-weight: bold; text-decoration: underline;}

#prg_navigation ul { list-style: none; margin: 0; padding: 0em 0.25em 0.25em; width: 185px;}

a.proglinks { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;}

#crumb a {color: #000000; text-decoration:none;font-size: 10px;}

#crumb a:hover {color: #000080;text-decoration:underline;font-size: 10px;}

#crumb { float: right; width: 100%; text-align: right; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
/* For Events Tables */
/*.Etabspcr { font-size: 11px; border-top-width: thick; border-right-width: thick; border-bottom-width: thick; border-left-width: thick; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: .5px;}
.Etabbrdr { border: .5px solid #999; font-size:11px;}
.EtabHeader { border: .5px solid #999; font-size:14px; font-weight:bold;}
.Etabs { font-family: Arial, Helvetica; font-size: 12px; border-top-width: thick; border-right-width: thick; border-bottom-width: thick; border-left-width: thick; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: .5px; background-color: #e3f7fd;}
*/
/* TABLE STYLES
========================================*/
.Etabs { font-size: 10px; border-top-width: 0.5px; border-top-style: solid; border-top-color: #999; 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;}
.Etabbrdr { border: 0.5px solid #999; font-size:11px;}
.Etabbrdr2 { font-family: Arial, Helvetica; border: 0.5px solid #999; font-size:11px; line-height: 12px; height: 19px; }
.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;}
tr.inhead td  { background: #dbeefc; border: 1px solid #cfcfc9; }

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

/* STUDENT SENATE
=====================================*/
#BanImage { height: 134px;}
.BanTab { background-color:#ffc82e; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; text-align: center; width: 750px;}