body  { 
	color: black;
	background: #FFFFFF;
	font-family: Times New Roman, Garamond, serif;
	text-align: left;
} 

/* NEW NAVIGATION/MENU STYLES */

/* Styles for mainheader.inc are linked in /doit/incs/stylesheets.inc */

/* The DO-IT Home | Overview | etc line at top */

#navheader { 
	width: 100%; 
	min-height: 1em;
	height: auto;
	vertical-align: top; 
    	text-align: left; 

	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;

	background-color: #FFFFFF;
} 

/* Menu List of links at top */
#navheader-menu {
	width: 85%;
	float: left;
}

/* DO-IT Support link on top right */
#support {
	width: 15%;
	text-align: right;
	float: right;
}

/* This contains the sidebar and main content elements.  Had issues without a container around those in firefox and safari */
#main-body {
	display: block;
	padding: 0;
	margin: 0;
	border-top: 1px solid black;
	width: 100%;
}

/* For the Hot topic/Newflash side bar */
/* snazbar-logo is for the main page, the min-height 28 isn't enough but there is enough content to not worry about it */
#snazbar, #snazbar-logo { 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
	vertical-align: top;
	width: 11em; /* slidely wider than "Knowledge Base Search", used as a bases for the left margin of #maincontent */
	min-height: 28em;  /* If you modify this change the min-height in #maincontent */
	height: auto;
	float: left;
	display: block;
	padding: 0;
	border-right: 1px solid #333366;
	border-bottom: 1px solid #333366;
}

/* add a little space around the big logo */
#snazbar-logo img.biglogo { 
	text-align: center;
	margin: 1em;
}


/* Menu items in the sidebar */
#snaznav-menu { 
	margin:0;
	padding: 0;
}

#snazbar-logo #snaznav-menu { 
	border-top: 1px solid #333366;
}

/* Google Search in the sidebar */
#google-search {
	margin: 0;
	padding: 0;
	border-bottom: thin solid #333366;
}

/* Google Search form in the sidebar */
#google-search form { 
	margin: 0;
	padding: 0;
}

/* Google search label in the sidebar */
.search-label { 
	margin: 0.5em;
	padding: 0;
	font-weight: bold;
}

/* search or in the sidebar */
.or { 
	margin: 0; 
	padding: 0;
	font-weight: bold;
	font-style: normal;
}

/* KB Link in the sidebar */
.kb-link { 
	margin: 0.5em;
	padding: 0;
}

/* Newsflash in the sidebar */
#newsflash { 
	margin: 0;
	padding: 0.5em;
	border-bottom: thin solid #333366;
	background: #FFFF99;
}

#newsflash h3 { 
	margin: 0;
	padding: 0;
}

#newsflash p { 
	font-weight: bold;
}

/* Get Involved in the sidebar, a demo for now */
#involved { 
	margin: 0;
	border-top: thin solid #333366;
}

/* Hot Topics List the sidebar */
#hot-topics ul, #involved ul { 
	text-align: left;
}


/* This is the main content block */
#maincontent { 
	display: block;
	min-height: 28em; /* If you modify this change the min-height in #snazbar & #snazbar-logo */
	height: auto;
	margin: 0;
	padding: 0 1em 0 12em; /* The left margin (12em) is the width of #snazbar (11) plus one */
}

/* This clears the hr on the right for the logo but leaves the left (snazbar) content floated around */
div#maincontent hr.clear { 
	clear: right; 
}

/* Next/Previous (NP) links at bottom */
/* I believe both /doit/incs/NP.inc and /doit/incs/NPart.inc use id="np" but I've included the old npart just in ase */
#np, #npart {
	padding-top: 3px;
	vertical-align: middle; 
    	text-align: right; 
	background-color: #FFFFFF;
    	width: 100%; 
}

/* This is the navigation footer */
#navfooter {
	vertical-align: middle; 
	padding-top: 3px;
	padding-bottom: 3px;
    	text-align: right; 
	background-color: #FFFFFF;
    	width: 100%; 
}

/* Links in the navheader and navfooter */
#navheader .navlink, #navfooter .navlink {
	padding-left: .75em;
	padding-right: .75em; 
	border-left: 2px solid black;
	font-family: helvetica, arial, sans-serif;
	font-size: .85em;
	font-weight: bold; 
	text-decoration: none;
}

/* Links in the NP footer */
#np .navlink, #npart .navlink {
	padding-left: .75em;
	padding-right: .75em;
	border-left: 2px solid black;
	font-family: helvetica, arial, sans-serif;
	font-size: .85em;
	font-weight: bold; 
	text-decoration: none;
}

/* Removes the left border for the first link in the navigation lists*/
#navheader .noleft, #navfooter .noleft, #support .noleft, #np .noleft, #npart .noleft {
	border-left: none;
}

/* Lists of navigation links */
#navfooter ul, #navheader ul, #copyright ul, #np ul, #npart ul {
	margin: 0;
	padding: 0;
	display: block;
}

/* List Items of navigation links */
#navfooter li, #navheader li, #np li, #npart li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

/* Navigation Link elements */

/* Color of navigation Links*/
#navheader a.navlink:link, #navfooter a.navlink:link {
	color: #333399; 
}

/* Color of visited navigation Links*/
#navheader a.navlink:visited, #navfooter a.navlink:visited {
	color: #336666;
}

/* Color of focus/hover navigation Links*/
#navheader a.navlink:focus, #navheader a.navlink:hover, #navfooter a.navlink:focus, #navfooter a.navlink:hover, #np a.navlink:focus, #np a.navlink:hover, #npart a.navlink:focus, #npart a.navlink:hover {
        background-position: center top !important;
        background-repeat: no-repeat !important;
  	background-color: #39275B; 
  	color: #FFCC33;
/* old colors
	background-color: #FFCC33;
        color: #000000;
*/
}

/* Color of active navigation Links */
#navheader a.navlink:active, #navfooter a.navlink:active, #np a.navlink:active, #npart a.navlink:active {
	color: #FFCC33;
        background-color: #000000;
}

/* Final footer containing copyright info */
#copyright {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	padding-bottom: .2em;
	background-color:  #39275B;
	color: white;
	display: block;
	clear: both;
	font-size: .85em;
}

/* Copyright Links (regular & active) */
#copyright a, #copyright a:active, #copyright a:hover, #copyright a:focus {
	background-color:transparent !important;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif !important;
	outline:none;
	white-space: nowrap;
	font-style: normal;
	color: white;
}

/* Copyright Links (hover/focus) */
#copyright a:hover, #copyright a:focus {
	color: #D3B02C;
}

/* Copyright Link List Items*/
#copyright li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

/* Copyright Link List Items Links*/
#copyright li.link {
	padding-left: .75em;
	padding-right: .75em;
	border-left: 2px solid white;
}

/* BLOCK LEVEL ELEMENT STYLES */

/* Set the header styles */
h1, h2, h3, h4, h5, h6 { 
	font-family: helvetica, arial, sans-serif;
}

/* h3 with a smaller font size */

h3.small {
	font-size: .75em;
}

/* indent style, mostly for paragraphs */

.p-indent { 
	margin-right: 5%; 
	margin-left: 5%; 
}

/* centered text within a block */

.center { 
	text-align: center; 
}

/* Used mostly on HR to cleanup any floating elements */
.clear { 
	clear: both; 
}

.noclear { 
	clear: none; 
}

hr { 
	clear: both;
}

ul.thumbnail-left li { 
	clear: none;
	display: inline-block;
}

ul.nobullet {
	list-style: none;
}

/* Eye catching class to denote something that needs work */
.editor, .edit { 
	background: red;
	color: white;
}

/* For Embedded Video */
div.video-container { 
	float: right; 
	padding: .5em; 
	border: 1px solid black;
	background-color: #FFFFCC; 
	margin: .5em; 
	text-align: center;
	min-width: 320px; 
	max-width: 380px;
	width: 340px;
}
div.video-container h3 { }
div.video-container p { }

/* generic sidebar, usually applied to p or div */
.sidebar { 
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 5%; 
	margin-left: 5%; 
	background-color: #FFFFCC;
	border: solid; 
	padding: 10px;
}

/* Remove the bottom margin */
.nobot {
	margin-bottom: 0;
}

	.nobot + * {
margin-top: 0;
}

/* Remove the top margin */
.notop {
	margin-top: 0;
}

/* Add a top margin */
.top {
	margin-top: 1em;
}

/* Add a bottom margin */
.bot {
	margin-bottom: 1em;
}


/* IMAGE STYLES */

/* Style for the regular sized logo on most pages */
img.logo { 
	float: right;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: .5em;
	margin-top: .5em;
	border: none;
}

/* Style for Snapshots images */
img.snapshots { 
	border: 1px solid black;
}

/* Style for Newsletter Images */
img.newsletter { 
	border: 1px solid black; 
	float: right; 
	margin-left: .5em; 
	margin-bottom: .5em;
}

ul.thumbnail-left img.newsletter { 
	border: 1px solid black; 
	float: left; 
	margin-right: .5em; 
	margin-bottom: .5em;
}

/* Style for Centered Newsletter Images */
p.center img.newsletter, div.center img.newsletter { 
    border: 1px solid black; 
    float: none; 
    text-align: center;
    margin-left: .5em; 
    margin-bottom: .5em;
}

img.right {
	float: right;
	margin-left: .5em;
	margin-bottom: .5em;
}

/* INLINE ELEMENT STYLES */

/* Apply an underline */
.book-cite, .under { 
	text-decoration: underline; 
} 


/* Increase Font Size */
.big-font {
	font-size: 150%;
}

/* Increase Font Size */
.large-font {
	font-size: 125%;
}

/* Small Font Size for sup element*/
sup.small {
	font-size: .7em;
}

/* Normal Font Size */
.text-size {
	font-size: 1em;
}

/* Normal Font Style (usual to undo italics) */
.normal { 
	font-style: normal;
}

/* Normal Font weight (usual to undo bold) */
.notbold { 
	font-weight: normal;
}

.italic { 
	font-style: italic; 
}

.bold { 
	font-weight: bold; 
}

/* Small Capital */
.small-cap {
	font-variant: small-caps;
}

/* GENERIC LINK ELEMENT STYLES (non navigation links )*/

/* link color */
a:link { 
	color: #333399;
}

/* visited link color */
a:visited { 
	color: #336666;
}

/* hover/focus link color */
a:hover, a:focus { 
	background: #FFFF99;
	color: #000000;
}

/* active link color */
a:active { 
    	color: #FFCC00;
	background: #000000;
}

/* link without underline */
a.nounder { 
	text-decoration: none; 
}

/* footnote Links */
a.footlink {
	font-size: .7em;
	line-height: .6em;
	vertical-align: super;
}

/* LIST ITEM STYLES */

dl.calendar dd {
	padding-bottom: 1em; 
}

/* Used to add space after list items */
.double, ul.double li, ol.double li, dl.double dd, dd.double, li.double { 
	margin-bottom: 1em; 
}

ul.double, ol.double, dd.double {
	margin-bottom: 0;
}

.single, ul.single li, ol.single li, dl.single dd, dd.single, li.single { 
	margin-bottom: 0; 
}

ul.square { 
	list-style-type: square; 
}

ul.disc { 
	list-style-type: disc; 
}

/* BROCHURE/PAGE SPECIFIC STYLES */

/* Electronic Resources brochure /doit/Brochures/Programs/elec_res.html */
div.purple-sidebar {
	background: #CC99FF; 
	padding: 1em; 
	width: 20%; 
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Technology Access /doit/Brochures/Technology/tech_access.html */
div.green-sidebar {
	background: #99FFCC; 
	padding: 1em; 
	width: 20%; 
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Alliance brochure /doit/Brochures/Programs/access_stem.html */
div.peach-sidebar {
	background: #FFCC66; 
	padding: 1em; 
	width: 20%; 
	min-width: 200px;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Access College brochure /doit/Brochures/Academics/alliance.html */
div.yellow-sidebar {
	background: #FFFF99; 
	padding: 1em; 
	width: 20%; 
	min-width: 200px;	
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Left float styles for above */
div.purple-left, div.green-left, div.peach-left, div.yellow-left {
	float: left; 
	margin-right: 1.5em;
	margin-left: .5em;
}

/* Right float styles for above */
div.purple-right, div.green-right, div.peach-right, div.yellow-right {
	float: right; 
	margin-left: 1.5em;
	margin-right: .5em;
}

/* For Applications UDE brochure */

p.app-ud-edu {
	padding-top: .3em;
	padding-bottom: .3em;
	background: #330066; 
	color: white; 
	font-weight: bold; 
	text-align: center; 
}

p.app-ud-edu a:link {
	color: #66CC00;
}

p.app-ud-edu a:visited {
	color: #FFFFCC;
}

/* For Broadening Participation brochure */

div.b-inner {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

div.b-one {
	position: relative;
	top: -1em;
}

div.b-two {
	position: relative;
	top: -2em;
}

div.b-three {
	position: relative;
	top: -3em;
}

div.b-inner div.left {
}

div.b-inner div.right {
	position: relative;
	top: -1em;
	left: 8em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* For ALTS brochure */
div.alts-outer {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 5%;
	margin-right: 5%;
	border: 1px solid black;
	padding-left: 1em;
	padding-right: 1em;
}

div.alts-outer h3 {
	text-align: center;
	margin-left: 20%;
	margin-right: 20%;
}

div.alts-outer p.alts-box {
	text-align: center;
	margin-left: 20%;
	margin-right: 20%;
	border: 1px solid black;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
}

div.alts-box {
	border: 1px solid black;
	text-align: left;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* Used in the order form for required fields */
.red-ital { 
	color: #FF0000; 
	font-style: italic;
}

/* Used for Newsletters to center caption text below image*/

.news-caption-right { 
	float: right; 
	text-align: center; 
	font-style: italic;
	margin-left: .5em; 
	margin-bottom: .5em;
	padding: 5px;
}

.news-caption-right img { 
	border: 1px solid black; 
	text-align: right; 
	margin-left: .5em; 
}

/* Used for The Thread in Newsletters */
div.thread { 
	/* normal font is so much easier to read than large blocks of italics */
	font-style: normal;
}

div.thread strong {
	/* normal font is so much easier to read than large blocks of italics */
	font-style: normal;
}

/* Newsletter footer */
#news-footer {
	font-style: italic;
	text-align: left;
	clear: both;
}

#news-footer p {
	font-style: italic;
	text-align: left;
}

#news2-footer {
	display:none;
}

/* Used mostly in Notebooks, should probably be phased out
and replaced with techniques from TeamN notebook */
.template {
	clear: both; 
	margin-right: 5%; 
	margin-left: 5%; 
	border: solid; 
	padding: 10px;
}

/* Used mostly in Notebooks, should probably be phased out
and replaced with techniques from TeamN notebook */
.slide {
	clear: right; 
	border: solid thin; 
	width: 300px; 
	padding: 0.5em; 
}

/* Used for older Notebooks to right justify caption text */
.caption {
	clear: right; 
	width: 300px; 
	text-align: center; 
}

/* Event Calendar Styles */

table.calendar { } /* unused but there just in case */

th.cal-h1 { 
	text-align: left; 
	font-size: 1.4em; 
	padding-top: 5px; 
	padding-bottom: 5px; 
}

td.cal-c1 { 
	width: 17%; 
	font-weight: normal; 
	font-style: normal; 
	vertical-align: top; 
	padding-top: 5px; 
	padding-bottom: 5px; 
}

td.cal-c2 { 
	font-weight: normal; 
	font-style: normal; 
	padding-top: 5px; 
	padding-bottom: 5px;
}

/* for indenting some the lists on Equal Access brochures */

/* Needs to match equal-dedent */
.equal-indent {
	padding-left: 1.25em;
} 

/* Needs to match equal-indent */
.equal-dedent {
	margin-left: -1.25em;
} 

/* New indenting via list for equal access brochures */
ul.checklist { 
	list-style-type: none;
	padding-left: 1em;
	margin-left: 1.35em;
	text-indent: -1.35em;
}

ul.checklist li:before { 
	content: '__ ';
}

ul.checklist_ie { 
	list-style-type: disc;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: 0;
}		

ul.checklist li, ul.checklist_ie li {
  margin-bottom: 0.25em;
}

/* for indenting on Video Order form */
ul.order { 
	list-style-type: none;
	padding-left: 1em;
	margin-left: 1.35em;
	text-indent: -1.35em;
}

ul.order li ul {
	text-indent: 0;
	margin-left: 0;
}

/* For the Browser: Calendar of Events */

.eventsList {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.eventsList li {
	margin: 1em;
}

.eventsList p {
	margin-top: 0;
}