body { font-size:90%; font-family:verdana,arial,sans-serif; background-color:#EEEEE4; margin:0; padding:0; }
td { vertical-align:top; }
img { border:0; }
a { color:#083717; }
a:hover, a:focus { text-decoration:none; }

#mainSearch { width:970px; margin:0 auto; padding:2px 0; height:30px; background:#FFFFFF url("/images/searchBar_background.jpg") no-repeat bottom; border:1px solid #CCCCCC; border-width:0 1px; text-align:right; font-size:80%; color:#666666; }
#mainSearch form { margin:0; padding:4px 11px 0; }
#mainSearch .ndsuLogo { float:left; }
#mainSearch .ndsuLogo img { width:105px; height:26px; }
#mainSearch .ndsuLogo .deptLogo { width:81px; }
#mainSearch .searchBox { float:right; padding-right:22px; }
#mainSearch .followUs { float:right; }
#mainSearch .followUs img { width:22px; height:21px; }
#mainSearch .followUs span { position:absolute; left:-9999em; } /* used to hide content meant for screen readers and for those with CSS turned off */
#mainSearch a { color:#666666; text-decoration:none; }
#mainSearch a:hover { text-decoration:underline; }
#mainSearch .textInput { height:15px; margin:0; padding:0; }
#mainSearch .button { vertical-align:bottom; width:19px; height:21px; margin:0; padding:0; border:0; }

#pgHeader { text-align:center; clear:both; }
#pgHeader img { width:970px; height:96px; border:1px solid #CCCCCC; border-width:0 1px; }

#mainNav { text-align:center; }
#mainNav div { width:970px; margin:0 auto; background:#FFFFFF url("/images/mainNavBack.gif") no-repeat top center; border:1px solid #CCCCCC; border-width:0 1px; text-align:right; }
#mainNav ul { list-style:none; margin:0; padding:0; padding-right:34px; text-align:right; }
#mainNav li { position:relative; display:inline; }
#mainNav li.last { padding-right:34px; }
#mainNav img { background-color:#FFFFFF; width:107px; height:53px; border:0; }
#mainNav ul ul { position:absolute; top:-999em; left:0; margin:0; padding:2px; width:178px; background-color:#EEEEE4; border:1px solid #666; text-align:left; }
#mainNav ul ul li { margin:0; padding:0; width:178px; background-color:#EEEEE4; text-align:left; }
#mainNav ul ul a { display:block; padding:6px; width:166px; background-color:#EEEEE4; color:#000; border-top:1px dotted #CCC; text-decoration:none; font-size:80%; }
#mainNav ul ul a:hover, #mainNav ul ul a:focus { background-color:#333; color:#FFF; border-color:#999; text-decoration:underline; }
#mainNav ul ul li.first a { border-top:0; }

#mainNavClose { display:none; }
#mainNavClose img { width:38px; height:53px; }
#mainNavAlt { text-align:center; display:none; }
#mainNavAlt div { width:970px; margin:0 auto; background:#FFFFFF url("/images/mainNavBack.gif") no-repeat top center; border:1px solid #CCCCCC; border-width:0 1px; text-align:right; }
#mainNavAlt img { width:264px; height:53px; }

#pgContent { position:relative; background-color:#FFFFFF; width:970px; margin:0 auto; border:1px solid #CCCCCC; border-width:0 1px 1px; }

#subNav { width:250px; padding:0 15px; }
#subNav h1 { margin:2em 0 0; padding:0; background-color:#FFFFFF; font-size:80%; color:#000000; border-left:1px solid #CCCCCC; }
#subNav ul { list-style:none; margin:0; padding:0; border-left:1px solid #CCCCCC; }
#subNav li { width:215px; }
#subNav li.current { padding:8px 10px; width:195px; background-color:#666; color:#FFF; border-bottom:1px solid #EEEEE4; font-weight:bold; }
#subNav li a { display:block; margin:0; padding:8px 10px; border-bottom:1px solid #EEEEE4; text-decoration:none; }
#subNav li a:hover { background-color:#EEEEE4; border-color:#083717; }
#subNav #browseByProgram h1 { margin-top:18px; border:0; }
#subNav #browseByProgram h1 img { width:225px; border:0; }
#subNav #browseByProgram ul { border:0; background-color:#616264; max-width:219px; min-height:143px; }
#subNav #browseByProgram li a { color:#FFFFFF; font-size:110%; font-weight:bold; text-shadow:1px 1px 1px #333333; border-color:#CCCCCC; }
#subNav #browseByProgram li a:hover { background-color:#3F3F3F; border-color:#EEEEE4; }
#subNav #browseByProgram li.last, #subNav #browseByProgram li.last a { border-bottom:0; }
#subNav #browseByProgram li { position:relative; } /* styles for established program fly-out menus... */
#subNav #browseByProgram ul ul { position:absolute; top:0; left:-999em; padding:2px; background:none; background-color:#EEEEE4; border:1px solid #666; width:178px; min-height:0; }
#subNav #browseByProgram ul ul li { width:178px; }
#subNav #browseByProgram ul ul a { padding:6px; width:166px; background-color:#EEEEE4; color:#000000; border-bottom:1px dotted #CCC; font-weight:normal; text-shadow:none; text-decoration:none; font-size:90%; }
#subNav #browseByProgram li.last ul a { border-bottom:1px dotted #CCC; }
#subNav #browseByProgram li.last ul li.last a { border-bottom:0; }
#subNav #browseByProgram ul ul a:hover, #subNav #browseByProgram ul ul a:focus { background-color:#333; color:#FFF; border-color:#999; text-decoration:underline; } /* end styles for fly-out menus */
#subNav #browseByProgram li.current { font-size:110%; text-shadow:1px 1px 1px #333333; } /* styles to show menu for current section... */
#subNav #browseByProgram li.current ul { position:static; top:0; left:0; background:none; background-color:#FFFFFF; list-style:disc; margin-top:2px; min-height:0; padding:8px 8px 0 25px; border:0; border-radius:8px 0 0 8px; color:#000000; }
#subNav #browseByProgram li.current li { width:auto; font-weight:normal; font-size:90%; text-shadow:none; padding-bottom:8px; }
#subNav #browseByProgram li.current li a { display:inline; padding:0; border:0; text-decoration:underline; background-color:#FFF; color:#083717; font-weight:normal; font-size:100%; text-shadow:none; }
#subNav #browseByProgram li.current li a:hover { background-color:#FFFFFF; border:0; text-decoration:none; } /* end styles for current section */

/* STYLES FOR THE UPCOMING EVENT SECTION UNDER THE SUB MENU (FOUND ON NDLTAP, TLN) */
#subNav #sidebar_upcomingEvents { margin-top:1em; background:#FFF url("/images/upcoming_background.gif") repeat-y; }
#subNav #sidebar_upcomingEvents .title img { width:225px; height:45px; }
#subNav #sidebar_upcomingEvents ul { list-style:none; border:0; margin:10px 0 0; padding:0; }
#subNav #sidebar_upcomingEvents li { width:200px; margin:0 0 1em; padding:0 15px; }
#subNav #sidebar_upcomingEvents li a { display:inline; text-decoration:underline; border:0; margin:0; padding:0; }
#subNav #sidebar_upcomingEvents li a:hover { text-decoration:none; background:none; }
#subNav #sidebar_upcomingEvents ul ul { list-style:disc; list-style-image:url("/images/upcoming_bullet.gif"); margin:5px 0 0 25px; }
#subNav #sidebar_upcomingEvents ul ul li { width:170px; font-size:90%; font-style:italic; margin:5px 0 0; padding:0; }
#subNav #sidebar_upcomingEvents .fileInfo { font-style:italic; font-size:80%; }
#subNav #sidebar_upcomingEvents .moreEvents { width:225px; margin-top:1.5em; text-align:center; font-size:110%; }
#subNav #sidebar_upcomingEvents .reschedule { color:#FF0000; font-weight:bold; }
#subNav #sidebar_upcomingEvents .noEvents { font-weight:normal; margin:1em 0; }
#subNav #sidebar_upcomingEvents .noEvents span { font-weight:bold; }
#subNav #sidebar_upcomingEvents .dbsError { font-weight:normal; font-style:italic; color:#545454; }

#subNav .followUs { margin:2.5em 0 0; }
#subNav .followUs img { width:42px; height:42px; border:0; padding:0 4px; }
#subNav .followUs span { position:absolute; left:-9999em; } /* used to hide content meant for screen readers and for those with CSS turned off */

#subNav .copyright { margin:2.5em 0 0; padding-bottom:1em; font-size:80%; color:#666666; }
#subNav .copyright a { color:#666666; font-weight:bold; }

#mainContent { width:630px; padding:32px 15px 2em; }
#mainContent h1 { font-size:130%; font-weight:bold; color:#083717; margin-top:0; padding-bottom:5px; border-bottom:#083717 2px solid; }
#mainContent h1 span { font-size:80%; }
#mainContent h2 { font-size:110%; font-weight:bold; color:#083717; margin-top:2em; }
#mainContent h2.first { margin-top:1em; }
#mainContent h3 { font-size:100%; font-weight:bold; }
#mainContent fieldset legend { font-size:110%; font-weight:bold; color:#083717; }
#mainContent fieldset div { padding:1em; }
#mainContent fieldset ul li { margin:.3em; }
#mainContent p { line-height:1.4em; }
#mainContent li { line-height:1.4em; margin-bottom:.25em; }
#mainContent .hrSec { padding-bottom:5px; border-bottom:#CCCCCC 2px solid; }
#mainContent .pgUpdated { font-size:110%; font-style:italic; color:#666666; margin:2em 0 0; }
#mainContent .fileInfo { font-style:italic; font-size:80%; white-space:nowrap; }
#mainContent .addInfo { font-style:italic; font-size:80%; }
#mainContent .systemText, #mainContent .systemText td { font-style:italic; color:#666666; }
#mainContent .preferredMethod a { font-size:120%; font-weight:bold; }
#mainContent .nowrap { white-space:nowrap; }
#mainContent .highlightText { font-size:120%; }
#mainContent .double li { margin-bottom:1em; }
#mainContent .double ul { margin-top:1em; }
#mainContent .double .normal { margin-top:2px; }
#mainContent .double .normal li { margin-bottom:.25em; }
#mainContent .label { background-color:#EEEEE4; text-align:right; padding-right:5px; padding-left:5px; }
#mainContent .endFloat { clear:both; font-size:1%; }
#mainContent .leftAlign,
#mainContent .rightAlign { clear:both; }
#mainContent .leftAlign img { float:left; margin:0 10px 10px 0; }
#mainContent .rightAlign img { float:right; margin:0 0 10px 10px; }
#mainContent img.errorIcon { vertical-align:middle; width:20px; height:20px; }
#mainContent div.formError p { margin:2em 0 2px; font-weight:bold; color:#FF0000; }
#mainContent div.formError p img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.formError ul { margin-top:0; margin-bottom:2em; }
#mainContent .errorText { color:#FF0000; }
#mainContent div.msgBox { background-color:#FEFDFA; border:1px solid #000000; padding:1em; margin:2.5em 1em; font-size:120%; }
#mainContent div.msgBox p { margin:0; font-weight:bold; }
#mainContent div.msgBox .normal { color:#000; font-style:normal; font-weight:normal; }
#mainContent div.msgBox ul { margin:.5em 0 0 45px; padding:0; }
#mainContent div.msgBox li { margin-bottom:.25em; }
#mainContent .letterLinks { color:#CCCCCC; font-size:80%; margin:.5em 0; }
#mainContent .pastRecipients tr { vertical-align:top; } /* used on pages like the past abrahamson scholarship receipients */
#mainContent .pastRecipients td { text-align:center; font-size:80%; }
#mainContent .pastRecipients img { width:100px; height:130px; border:0; padding-bottom:2px; }

/* ----- archive ----- */
#mainContent .pastWinners tr { vertical-align:top; } /* used on pages like the past agrey award receipients */
#mainContent .pastWinners td { text-align:center; font-size:80%; }
#mainContent .pastWinners img { width:100px; height:130px; border:0; }
/* ------------------- */

.hide { position:absolute; left:-9999em; } /* used to hide content meant for screen readers and for those with CSS turned off */

.addthis_toolbox { background-color:#EEEEE4; border-radius:8px; margin:1.5em 0 2em; padding:8px; clear:both; float:right; }
.addthis_toolbox .addthis_separator { color:#333; }

#pgFooter { clear:both; color:#666666; text-align:center; margin-top:2em; padding-bottom:1em; line-height:1.4em; }
#pgFooter span { color:#999999; padding:0 6px; }
#pgFooter a { color:#666666; }
#pgFooter .footerLinks { margin-bottom:.5em; }
#pgFooter .footerLinks a { color:#333333; }

/*================ DELETE =================*/
.rotateGraphic img { width:626px; height:150px; border:0; }
#rotatingGraphics { clear:both; }
/*================ DELETE =================*/

#programHeaderGraphic { clear:both; }
#programHeaderGraphic img { width:624px; height:115px; }

#rotatingGraphics_small { float:left; margin:1em 0 2em 0; width:350px; }
#rotatingGraphics_small div { background:#000 url("http://www.ugpti.org/images/rotateGraphics/rotate_navBackground.jpg") repeat-x; text-align:right; }
#rotatingGraphics_small div div { background:url("http://www.ugpti.org/images/rotateGraphics/rotate_navLeftCorner.jpg") no-repeat left top; text-align:right; }
#rotatingGraphics_small div img { vertical-align:middle; }
#rotatingGraphics_small span { color:#CCCCCC; font-size:70%; padding:5px 0 0 15px; float:left; }
#rotatingGraphics_small span.hide { position:absolute; left:-9999em; } /* used to hide content meant for screen readers and for those with CSS turned off */

/* quickOps - USED ON THE PROGRAM WEBSITES; THE ONES WITH THE BLUE ICONS TO THE RIGHT OF THE ROTATING AD SPACE */
#mainContent .quickOps { float:right; list-style:none; margin:1em 30px .5em 0; padding:0; }
#mainContent .quickOps img { width:212px; height:102px; }

/* ugptiIsSpace - USED ON THE UGPTI HOME PAGE; TO THE RIGHT OF THE ROTATING AD SPACE */
#mainContent .ugptiIsSpace { float:right; margin:0 4px 2em 0; padding:0; }
#mainContent .ugptiIsSpace img { width:246px; height:240px; }

#spotlight { background:#000000 url("/images/spotlightBack1.jpg") repeat-x top left; clear:both; border-radius:10px; box-shadow:-1px 2px 6px 2px #666666; margin:2em 0 0 5px; padding:0; width:620px; color:#FFFFFF; }
#spotlight h1 { text-align:right; border:0; margin:0 0 1em; padding:0; }
#spotlight h1 img { height:22px; padding:30px 38px 0 0; }
#spotlight ul { list-style:none; margin:30px; padding:0; }
#spotlight li { margin:0 0 2.5em 120px; padding:0; clear:both; }
#spotlight li img { width:99px; height:91px; border:0; border-radius:3px; margin:0 0 0 -120px; float:left; }
#spotlight p { margin:30px; padding:0; } /* used for database connection error */
#spotlight a { color:#FFFFFF; }
#spotlight div.title { font-weight:bold; border-bottom:1px solid #c19b18; margin:0 0 2px; padding:0 0 2px; }
#spotlight div.title a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
#spotlight div.title a:hover { text-decoration:underline; }
#spotlight div.posted { font-style:italic; font-size:70%; color:#CCCCCC; margin:0 0 8px; }
#spotlight span.author { margin:0 0 3px; font-style:italic; font-size:80%; }
#spotlight .subscribe { text-align:right; clear:left; margin:0 30px 20px; padding:1.5em 0; }
#spotlight .subscribe img { border:0; vertical-align:middle; float:none; height:68px; }

/* STYLES USED FOR STANDARD DATA TABLES */
.dataTable { margin:2em 0; }
.dataTable caption { text-align:left; }
.dataTable caption span { font-weight:bold; }
.dataTable table { border:1px solid #EEEEE4; border-color:#EEEEE4 #9F9F9E #9F9F9E #EEEEE4; }
.dataTable tr { vertical-align:top; }
.dataTable th,
.dataTable td { border:1px solid #9F9F9E; border-color:#9F9F9E #EEEEE4 #EEEEE4 #9F9F9E; padding:5px; }
.dataTable .noborder { border:0; }
.dataTable table.centerAll td { text-align:center; }
.dataTable table.rightAll td { text-align:right; }
.dataTable table.centerAll .left,
.dataTable table.rightAll .left { text-align:left; }
.dataTable th,
.dataTable td.th,
.dataTable tr.th td { background-color:#F5F5F5; text-align:center; font-weight:bold; }
.dataTable td.thnc,
.dataTable tr.thnc td { background-color:#F5F5F5; font-weight:bold; }
.dataTable th.plain { background-color:#FFFFFF; font-weight:normal; text-align:left; }
.dataTable th.left { text-align:left; }
.dataTable .source { margin-top:2px; font-style:italic; }
.dataTable .topLink { text-align:right; font-size:80%; padding:0 5px 15px 0; }

/* STYLES TO FLOAT THE RELATED LINKS MENU TO THE RIGHT */
#mainContent .wrapper { position:relative; height:1%; padding-right:200px; }  /* used to float the related links box -- don't need if you use a table to position the box */
#mainContent div.relatedLinks { position:absolute; top:0; right:0; background-color:#FFFFFF; width:180px; }  /* used to float the related links box -- don't need if you use a table to position the box */
#mainContent .subMenu { border:1px solid #CCCCCC; width:180px; margin-bottom:1em; }
#mainContent .subMenu h2 { background-color:#205A5A; color:#FFFFFF; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent .subMenu ul { margin:7px 9px 9px 27px; padding-left:0; }
#mainContent .subMenu li { margin-bottom:.3em; }
#mainContent .subMenu div { margin:1em; }
#mainContent .subMenu p { margin:1em; }
#rightCol div { margin-left:2em; }  /* used for table positioning -- don't need if you use the .wrapper class to float the box */
#rightCol div div { margin-left:0; }

/* STYLES USED FOR LISTING EVENTS; SEE THE TRANSPORTATION SEMINAR PAGE */
#mainContent div.eventList { border:1px solid #CCCCCC; background-color:#FFFFFF; margin:2em 0; }
#mainContent div.eventList h2 { background-color:#205A5A; color:#FFFFFF; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent div.eventList p { margin:1em; }
#mainContent div.eventList ol,
#mainContent div.eventList ul { list-style:none; margin:0; padding:0; }
#mainContent div.eventList li { padding:1em; border-top:1px solid #EEEEE4; }
#mainContent div.eventList .title { font-weight:bold; font-size:100%; margin-bottom:0; }
#mainContent div.eventList .date { font-weight:bold; font-style:italic; }
#mainContent div.eventList .date span { font-weight:normal; }

/* STYLES USE FOR CONTACT LISTS WHICH HAVE A TWO-COLUMN LAYOUT; SEE STAFF PAGE (RIGHT COLUMN FOR NAME AND TITLE; LEFT FOR THE CONTACT INFO) */
#mainContent .contactList { border-collapse:collapse; }
#mainContent .contactList tr.first td { margin:0; padding-top:0; border-top:0; }
#mainContent .contactList td { width:50%; margin:0; padding:1.5em 1em 1.5em 0; border:1px solid #EEEEE4; border-width:1px 1px 0 0; }
#mainContent .contactList td.contactInfo { padding-left:1em; border-width:1px 0 0 1px; }
#mainContent .contactList td.vcard { font-size:60%; font-weight:bold; color:#999; border-width:1px 0 0; }
#mainContent .contactList td.vcard a { text-decoration:none; color:#999; }
#mainContent .contactList td.vcard img { margin-bottom:2px; }
#mainContent div.bioContactInfo { padding-left:120px; }
#mainContent div.bioContactInfo img { width:100px; height:130px; float:left; margin-left:-120px; }

/* STYLES USE FOR CONTACT LISTS WHICH HAVE A TWO-COLUMN LAYOUT; SEE ADVISORY COUNCIL PAGE (RIGHT COLUMN FOR A PICTURE; LEFT FOR NAME AND CONTACT INFO) */
#mainContent ul.contactListPicture { list-style:none; padding:0; margin:0; }
#mainContent ul.contactListPicture li { padding-left:120px; padding-top:1em; clear:both; }
#mainContent ul.contactListPicture li.first { padding-top:0; }
#mainContent ul.contactListPicture li img { width:100px; height:130px; float:left; margin-left:-120px; }
#mainContent ul.contactListPicture .name { color:#000000; font-weight:bold; }

/* PUBLICATION STYLES */
.searchResults { border:1px solid #000000; border-width:1px 0; }
.searchResults div { padding:15px; border-top:1px solid #000000; }
.searchResults div div { border:0; padding:0; }
.searchResults div.odd { background-color:#EEEEE4; }
.searchResults div.searchTools { background-color:#205A5A; color:#FFFFFF; padding:8px; border:0; }
.searchResults div.searchTools a { color:#FFFFFF; }
.searchResults div.searchTools span { margin:0 40px 0 4px; }
.searchResults div.searchTools .pgNumbers { margin:0; font-size:110%; }
.searchResults div.searchTools .pgNumbers img { width:24px; height:24px; border:0; vertical-align:middle; }
.searchResults div.searchTools form { padding:4px; margin:2px 0 0; background-color:#134747; -moz-border-radius:6px; -webkit-border-radius:6px; }
.searchResults div.searchStats { background-color:#205A5A; padding:10px; border:0; text-align:center; color:#FFFFFF; }
.searchResults div.searchStats a { color:#FFFFFF; }
.searchResults div.searchStats span { font-weight:bold; }
.searchResults div.articleTitle { margin-bottom:5px; padding:0; border:0; font-weight:bold; }
.searchResults div.articleTitle .addInfo { font-weight:normal; }
.searchResults div.authorNames { font-size:80%; color:#333; }
.searchResults div.keywords { font-size:80%; color:#333; }
.shopCart { padding:7px 5px; text-align:right; }
.shopCart img { width:116px; height:21px; border:0; }
.pgNumbers { padding:5px; text-align:right; font-size:110%; }
.downloadButtons img { width:136px; height:45px; border:0; }
.downloadButtons form { display:inline; margin:0; }

/* CONFERENCE STYLES */
#agenda { background-color:#FFFFFF; border:1px solid #CCCCCC; border-width:0 1px 1px 1px; }
#agenda tr { vertical-align:top; }
#agenda td { padding:10px; }
#agenda td { padding:10px; }
#agenda ul { margin-top:2px; margin-bottom:2px; padding-top:2px; padding-bottom:2px; }
#agenda .date { background-color:#EEEEE4; }
#agenda .date td { padding:10px 5px; font-weight:bold; border-top:1px solid #000000; }
#agenda .time { white-space:nowrap; }
.presDivider { border-top:2px solid #CCCCCC; padding-top:.5em; margin-top:2em; }
.presDivider a { font-weight:bold; }