/**  
 *   filename:  global.css
 *   created:   2006/08/02 - mvellines
 *   updated:   
 *   validated: 
 *
 *   Common styles for all official NSCC public pages.
 */


/* Basic Styles */
* {
   margin: 0;
   padding: 0;
}
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   color: black;
   background: white;
   margin: 0;
   padding: 0;
   position: relative;
   min-width: 47em;
}
img {
   border: none;
}
ul {
  list-style-type: circle;
  list-style-position: inside;
}
img.phone { 
	vertical-align:middle;
}
h1, h2, h3, h4, h5, h6 {
   color: rgb(67, 104, 167);
   background: transparent;
}
acronym,
abbr {
  text-decoration: none;
  border: none;
  cursor: help;
}
a acronym,
a abbr {
  cursor: pointer;
}
a:link {
   text-decoration: underline;
   color: #036;
   background: transparent;
}
a:visited {
   text-decoration: underline;
   color: #036;
   background: transparent;
}
a:hover {
   text-decoration: underline;
   color: rgb(51, 102, 153);
   background: transparent;
}
a:active {
   text-decoration: underline;
   color: #036;
   background: transparent;
}


/* Hide Skip-Links for visual UAs */
#skipLinks {
   position: absolute;
   top: -100000px;
   left: -100000px;
   margin: 0;
   padding: 0;
}


/* Parent container for major page content */
#mainWrapper, #contentWrapper {
  position: relative;
  clear: both;
}
#contentWrapper {
  margin: 0 5% 5em 168px;
}


/* Header/Masthead items */
#header {
   background: #036;
   color: inherit;
   height: 55px;
   width: 100%;
   margin: 0;
   padding: 0;
}
#navAids {
   background: white url(/nav/head/pic/swoop.gif) no-repeat scroll bottom left;
   color: inherit;
   position: absolute;
   top: 0;
   right: 0;
   vertical-align: top;
   padding: 0 0 0 10px;
   border-right: solid 1px black;
   white-space: nowrap;
}
#navAids a {
   font-size: x-small;
   padding: 0 0.30em 0 0;
   vertical-align: top;
   text-decoration: none;
}
#navAids a:hover {
   text-decoration: underline;
}
#navAids img {
   border: none;
   vertical-align: inherit;
}
#search {
   position: absolute;
   top: 1.67em;
   right: 0;
}
#search label {
  position: absolute;
  left: -999em;
}
#query {
   margin: 7px 0 1em 0;
/*   vertical-align: baseline; */
  vertical-align: top;
}


/* Navigation Tabs */
#navTabs {
  position: relative;
  display: block;
  height: 25px;
  color: rgb(224, 232, 239);
  background: rgb(0, 51, 102);
  overflow: hidden;
}
#navTabs ul {
  margin: 0;
  padding: 0;
  height: 25px;
  color: rgb(224, 232, 239);
  float: left;
  border: none;
  list-style-type: none;
  display: inline;
  overflow: hidden;
  white-space: nowrap;
  left: 0px; /* fixes weird IE5.0/win absolute position within relative */
  left/* */: 12px;
}
html>body #navTabs ul {
  left: 12px;
}
#navTabs li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  color: rgb(224, 232, 239);
}
#navTabs a {
  color: white;
  background: inherit;
  float: left;
  padding: 20px 0 0 0;
  overflow: hidden;
  height: 25px !important;
  border: none;
}
#navTabs a:hover {
  background-position: 0 -25px;
  color: rgb(224, 232, 239);
  border: none;
}
#navTabs a.selected:hover,
#navTabs a.selected:active,
#navTabs a.selected {
  background-position: 0 -50px;
  color: rgb(224, 232, 239);
}
#aboutTab a {
  width: 100px;
  color: rgb(224, 232, 239);
  background: url(/nav/head/about.gif) top left no-repeat; 
  line-height: 1.75em;
}
#enrollTab a {
  width: 56px;
  color: rgb(224, 232, 239);
  background: url(/nav/head/enroll.gif) top left no-repeat;
  line-height: 1.75em;
}
#programsTab a {
  width: 139px;
  color: rgb(224, 232, 239);
  background: url(/nav/head/study.gif) top left no-repeat;
  line-height: 1.75em;
}
#servicesTab a {
  width: 163px;
  color: rgb(224, 232, 239);
  background: url(/nav/head/stserv.gif) top left no-repeat;
  line-height: 1.75em;
}
#onlineTab a {
  width: 122px;
  color: rgb(224, 232, 239);
  background: url(/nav/head/onserv.gif) top left no-repeat;
  line-height: 1.75em;
}


/* Breadcrumbs */
#breadcrumb {
  position: relative;
  height: 1.7em;
  color: white;
  background: rgb(51, 102, 153);
}
#breadcrumb p {
  margin: 0 0 0 230px;
  padding-top: 0.2em;
  font-size: .8em;
  color: rgb(205, 205, 205);
  background: inherit;
  line-height: 1.3em;
}
#breadcrumb a:link,
#breadcrumb a:visited {
  color: rgb(209, 226, 239);
  background: inherit;
  text-decoration: none;
  font-size: 120%;
}
#breadcrumb a:hover,
#breadcrumb a:active {
  color: white;
  background: inherit;
  text-decoration: underline;
  font-size: 120%;
}
#breadcrumb span {
  font-size: 120%;
  font-weight: bold;
  color: white;
  background: inherit;
}
#breadcrumb acronym, #breadcrumb abbr {
  border: none;
  text-decoration: none;
}


/* Section Titles */
#secTitles {
  position: relative;
  margin: 0;
}
#secTitles img {
  float: left;
  margin: 0 0 2em 0;
  padding: 0;
  vertical-align: top;
}
#secTitles h2 {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 1.4em;
}


/* Content Columns */
#wrapper {
  padding: 0 13em 0 17em;
}
#wrapper .column {
  float: left;
  position: relative;
}
#content {
  width: 100%;
}
#nav {
  width: 17em;
  margin-left: -100%;
  right: 17em;
}
#extras {
  width: 13em;
  margin-right: -13em;
}


/* Topic photo */
#topicPhoto {
  width: 135px;
  position: absolute;
  top: 0;
  left: 0;
}
#topicPhoto p {
  display: block;
  font: .8em geneva, arial, helvetica, sans-serif;
  text-align: center;
  color: rgb(143, 143, 143);
  background: inherit;
  margin: 0;
  padding: 0;
}
#topicPhoto img {
  display: block;
  border: none;
  margin: 0 auto;
}


/* Topic Navigation */
#topicNav_wrapper {
  width: 161px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 0 0 3px;
  background: transparent url(/nav/browse.gif) top left no-repeat;
}
#topicNav_wrapper ul {
  margin: 19px 0 0 0;
  padding: 0 0 0.8em 0;
  border: solid 1px rgb(0, 102, 153);
  background: rgb(202, 221, 233);
  list-style-type: none;
}
#topicNav_wrapper li {
  margin-left: 15px;
  padding: 0.3em 0 0 0;
  line-height: 1.2em;
  color: rgb(0, 102, 153);
  background: inherit;
  font-weight: bold;
}
#topicNav_wrapper li a:link,
#topicNav_wrapper li a:visited {
  margin-left: -10px;
  padding-left: 10px;
  text-decoration: none;
  font-weight: normal;
  background: url(/nav/dkbluearrow.gif) top left no-repeat;
}
#topicNav_wrapper li a:hover,
#topicNav_wrapper li a:active {
  margin-left: -10px;
  padding-left: 10px;
  text-decoration: underline;
  font-weight: normal;
  background: url(/nav/ltbluearrow.gif) top left no-repeat;
}


/* Footer items */
#footer {
  clear: both;
  margin: 5em 1em 3em 1em;
  font-size: 1em;
  white-space: nowrap;
  border: none;
}
#footer a:link,
#footer a:visited {
  text-decoration: none;
}
#footer a:hover,
#footer a:active {
  color: rgb(51, 102, 153);
  background: transparent;
  text-decoration: underline;
}
#copyright {
  padding: 1.8em 0;
  border-top: 1px dotted rgb(212, 208, 200);
  width: 75%;
  margin: 0 auto;
  text-align: center;
  font-size: 0.75em;
}


/* Download Containers */
#downloadWrapper {
  position: relative;
  margin: 5em 25% 0 0;
  font-family: Arial, Helvetica, sans-serif;
  color: inherit;
  background: url(/nav/dbttn.gif) top left no-repeat;
  min-height: 50px;
}
#downloadWrapper ul {
  margin: 0 0 0 65px;
  padding: .3em 0 0 1em;
  border-top: solid 1px rgb(0, 51, 102);
  list-style-type: none;
}
#downloadWrapper span {
  font-size: 75%;
  color: rgb(159, 159, 159);
}
#downloadWrapper a:link,
#downloadWrapper a:visited {
  padding-left: 10px;
  background: url(/nav/dkbluearrow.gif) top left no-repeat;
  font-size: 120%;
  text-decoration: none;
}
#downloadWrapper a:hover,
#downloadWrapper a:active {
  padding-left: 10px;
  background: url(/nav/ltbluearrow.gif) top left no-repeat;
  font-size: 120%;
  text-decoration: underline;
}


/**
 * Image Replacements for headline elements.
 * Using the Gilder-Levin technique to preserve accessability
 * and search-engine indexing.
 */ 
#header h1 {
  position: relative;
  width: 270px;
  height: 55px;
  color: white;
  background: inherit;
  font-size: 1.75em;
  overflow: hidden;
}
#header h1 span {
  background: url(/nav/home/nscclogo.gif) no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}
#header h1 a:link, #header h1 a:visited {
  color: white;
  cursor: pointer;  /* ie needs this */
}
#header h1 a:hover, #header h1 a:active {
  color: rgb(209, 217, 223);
  cursor: pointer;  /* ie needs this */
}


/**
 *  News Feed Blocks
 */
#topicNav_wrapper #news-headlines,
#topicPhoto #news-headlines {
  margin: 12px 0;
  padding: 6px;
  background-color: rgb(239, 239, 224);
	width: 161px;
}
#topicNav_wrapper #news-headlines h3,
#topicPhoto #news-headlines h3 {
  margin: 0;
  color: rgb(143, 143, 116);
  font-weight: normal;
}
#topicNav_wrapper #news-headlines h4,
#topicPhoto #news-headlines h4 { font-size: 12px; }
#topicNav_wrapper #news-headlines ol,
#topicPhoto #news-headlines ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#topicNav_wrapper #news-headlines li,
#topicPhoto #news-headlines li {
  margin: 0;
  padding: 6px 0;
}
#topicNav_wrapper #news-headlines li a,
#topicPhoto #news-headlines li a {
  margin: 0;
  padding: 0;
  background: none;
}
#topicNav_wrapper #news-headlines p,
#topicPhoto #news-headlines p {
  font-size: 10px;
  font-weight: normal;
  color: rgb(159, 159, 159);
}


/**
 *	Mini FAQs
 */
#contentWrapper div.minifaq-accordion {
	margin-left: 2.5em;
}
#contentWrapper div.minifaq-accordion h3 {
	margin-bottom: .5em;
	padding-left: 20px;
	background: transparent url(/nav/icons/resultset_next.png) top left no-repeat;
}
#contentWrapper div.minifaq-accordion h3.open {
	background: transparent url(/nav/icons/resultset_down.png) top left no-repeat;
}
#contentWrapper div.minifaq-accordion h3 a {
	border: 0;
	outline: 0;
}
#contentWrapper div.minifaq-accordion div {
  margin: 0 0 1.5em 20px;
}