/***********************************************/
/* HTML tag styles     */
/* [EXTRACT � a quotation that�s long enough that it needs to be highlighted]
/* Updated Dec 18, 2010     */

/* Updated Jan 15, 2011    New box title style added -- TT */
/***********************************************/ 

body{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	color: #333333;
	line-height: 1.366;	
	margin-top: 6px;
	margin-bottom : 0px;
	padding: 0px;
	text-align: center;
    background: url(./images/page_background_tile.jpg);
	background-repeat: repeat-x;
	background-color: #AAC5F5;
}

a:link, a:visited, a:hover {
   color: #006699;
   text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

p {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	margin: 0px;
	padding: 0px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom : 2%;
	margin-top : 1%;
}

h1{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
 font-size: 112%;
 color: #334d55;
 padding: 0px;
 margin-top: 6px;
 margin-bottom : 0px;
}

h2{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
 font-size: 110%;
 color: #003399;
 padding: 0px;
 margin-top: 8px;
 margin-bottom : 0px;
}

h3{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
 font-size: 108%;
 color: #006699;
 padding: 0px;
 margin-top: 6px;
 margin-bottom : 0px;
}

h4{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;
	font-size: 105%;
	font-weight: normal;
	color: #003399;
	padding: 0px;
	margin-top: 6px;
	margin-bottom : 0px;
}

h4.tableHead{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
 font-size: 108%;
 font-weight: normal;
 color: #003399;
 padding: 0px;
 margin-top: 6px;
 margin-bottom : 6px;
}

h5{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
 color: #000000;
 font-size:95%;
 font-weight:bold;	
 padding: 0px;
 margin-top: 6px;
 margin-bottom : 0px;
}

sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.4em;
	vertical-align: baseline;
}
sub {
	height: 0;
	line-height: 1;
	position: relative;
	top: .4em;
	vertical-align: baseline;
}

ul{
 list-style-type: square;
}

ul.nobullets {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

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

ul ul ul{
 list-style-type: none;
}

/* Updated list styles added by AMN 3-12-2011 */
ul.Level1 {
	margin: 0 0 12px 28px;
	list-style-type: disc;
	line-height: 120%;
}
ul.Level1 li {
	margin-top: 8px;
}
ul.Level2 {
	margin: -6px 0 12px 64px;
	list-style-type: circle;
	line-height: 120%;
}
ul.Level2 li {
	margin-top: 8px;
}
ol.Level1 {
	margin: 0 0 12px 28px;
	list-style-type: decimal;
	line-height: 120%;
}
ol.Level1 li {
	margin-top: 8px;
}

label{
 font: bold 100% "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
 color: #334d55;
}

strong{
 font: bold 100%;
}

p.ext {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	margin: 10px;
	padding: 0px;
	margin-left: 6%;
	margin-right: 2%;
	margin-bottom : 2%;
	margin-top : 1%;
}

p.epi {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	margin: 10px;
	padding: 0px;
	margin-left: 6%;
	margin-right: 6%;
	margin-bottom: 2%;
	margin-top : 1%;
	color: #660066;
}
/* AMN: Added Epigram to match Word style 3-12-2011 */
p.Epigram {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;
	margin: 0px 60px 0px 40px;
	color: #660066;
}
	
/* AMN: For source reference line following Epigram; added 3-12-2011 */
p.EpigramSource {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;
	color: #660066;
	margin: 0 60px 12px 144px;
}

p.quote {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	margin: 10px;
	padding: 0px;
	margin-left: 6%;
	margin-right: 6%;
	margin-bottom: 2%;
	margin-top : 1%;
	color: #660066;
}

p.quoteSource {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	margin: 60px;
	padding: 0px;
	margin-left: 60%;
	margin-right: 2%;
	margin-bottom : 2%;
	margin-top : 1%;
	color: #660066;
}

p.figcap{
 font-size: 96%;
 font-weight: normal;
 color: #003399;
 padding: 0px;
 margin-top: 6px;
}

p.source, p.figinfo{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	font-size: 75%;
	color: #666666;
	margin-top: -2px;
	padding: 0px;
}

p.listhead {
 font-size: 96%;
 font-weight: normal;
 color: #003399;
 padding: 0px;
 margin-top: 6px;
 margin-left: 22px;
 margin-bottom: 0px;
}

/* AMN 2/9/11: List head style that aligns over bullets */
p.listheadLevel1 {
 font-size: 96%;
 font-weight: normal;
 color: #003399;
 padding: 0px;
 margin-top: 6px;
 margin-left: 6%;
 margin-bottom: 0px;
}

p.author{
 font-size: 100%;
 font-weight: normal;
 padding: 0px;
}
p.authormore{
 font-size: 100%;
 font-weight: normal;
 padding: 0px;
 margin-top: -10px;
 margin-left: 78px;
}

p.otcontentfocus{
 font-size: 86%;
 font-weight: normal;

 padding: 0px;
}
p.CertName {
   font-weight: bold;
   text-align: center;
}

/* Text table definitions: Adele Newman (3-12-2011).
   Use these for all most tabular information. If would probably
   be OK to have a graphic in a cell enclosed in paragraph tags.
   Example of a 3-column table:
   <table>
     <caption>Caption (source) goes here.</caption>
     <thead>
	   <tr><td colspan="3"><p class="TableTitle">Title Goes Here</p></td></tr>
	   <tr><td><p>Column Head 1</p></td><td><p>Column Head 2</p></td><td><p>Column Head 3</p></td></tr>
	 </thead>
	 <tbody>
	   <tr>
	     <td><p>row 1, col 1</p></td>
		 <td><p>row 1, col 2</p></td>
		 <td><ul>
		   <li>List item 1</li>
		   <li>List item 2</li>
		   <li class="last">List item 3</li>
		 </ul></td>
	   </tr>
	 </tbody>
   </table>
*/		   	 
table.TextTable {
	width: 556px;
	margin-left: 12px;
	margin-bottom: 12px;
	border-collapse: collapse;
}
table.TextTable td, table.TextTable th {
	padding: 6px 6px 6px 6px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #000;
}
table.TextTable thead td, table.TextTable thead th {
	background-color: #DDE9FF;
	vertical-align: middle;
}
table.TextTable tbody {
	font-size: 90%;
	line-height: 1.1;
}
table.TextTable caption {
	text-align: left;
	caption-side: bottom;
	margin-top: 1px;
	font-size: 75%;
	color: #666666;
}
table.TextTable p {
	margin: 0;
}
table.TextTable ul {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}
table.TextTable ul li {
	margin: auto 0 8px 24px;
}
table.TextTable ul li.last {
	margin: auto 0 0 24px;
}
table.TextTable ol {
	list-style-type: decimal;
	margin: 0;
	padding: 0;
}
table.TextTable ol li {
	margin: auto 0 8px 28px;
}
table.TextTable ol li.last {
	margin: auto 0 0 28px;
}
p.TableTitle {
	font-weight: bold;
	text-align: center;
}

/* Definition of a table for a photo or two: Adele Newman (3/23/2011).
   Generally one row with one or two columns.
   This type of table has a border around the graphics. Note that you don't enclose the
   img tag within paragraph tags. Here's an example--this one has no caption, but you can
   use one as in the TextTable example.
	<table class="PhotoBox">
	  <caption align="bottom">Obtaining a nasopharyngeal specimen for isolation of Bordetella pertussis. Whenever possible, a
	    nasopharyngeal (NP) swab or aspirate should be obtained from all persons with suspected cases. A properly obtained NP
		swab or aspirate is essential for optimal results. Source: Manual for the Surveillance of
		Vaccine<span class="fixDash">-</span>Preventable Diseases, 4th ed. CDC, 2008.
	  </caption>
	  <tr>
		<td><img src="images/img_pertussis/diagnosis-image1.jpg" alt="diagram of swab test" width="270" height="205" /></td>
		<td><img src="images/img_pertussis/diagnosis-image2.jpg" alt="photo of swab test" width="181" height="205" /></td>
	  </tr>
	</table>
*/
table.PhotoBox {
	margin-left: 12px;
	margin-bottom: 12px;
	border-collapse: collapse;
}
table.PhotoBox td {
	font-size: 90%;
	line-height: 1.1;
	margin: 0;
	padding: 8px 8px 8px 8px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #000;
}
table.PhotoBox p {
	margin: 0;
	text-align: left;
}
table.PhotoBox img {
	margin: 0;
	padding: 0;
}
table.PhotoBox ul {
	text-align: left;
	list-style-type: disc;
	margin: 0;
	padding: 0;
}
table.PhotoBox td ul li, td ul li.last {
	margin-left: 24px;
	text-align: left;
}
table.PhotoBox caption {
	text-align: left;
	caption-side: bottom;
	margin: 1px 2px auto auto;
	font-size: 75%;
	color: #666666;
}

/* Styles for photo grid */
table.PhotoGrid {
	margin: 0;
	border: 0;
}
table.PhotoGrid td {
	padding: 0;
}
table.PhotoGrid img {
	margin: 0;
	border: 0;
	padding: 0;
}
table.PhotoGrid caption {
	caption-side: bottom;
	text-align: left;
	margin-top: 1px;
	font-size: 75%;
	color: #666666;
}

/* Table definition for text in a box, such as a "Case": Adele Newman (3/23/2011)
   Updated 6/13/2011 to ameliorate IE issues (mostly with IE7). The changes were
   to remove negative alignment adjustments that cause problems with various versions
   of IE. Note that IE still does not support (as of IE9) the "text-align" style for
   table captions, so that must be done in HTML. It's a deprecated feature.
*/
table.TextBox {
	width: 556px;
	margin-left: 12px;
	margin-bottom: 12px;
	border: 1px solid #000;
}
table.TextBox td {
	vertical-align: top;
	text-align: left;
}
table.TextBox td p {
	margin: 12px 8px 12px 8px;
}
table.TextBox caption {
	text-align: left;
	caption-side: bottom;
	margin-top: 1px;
	font-size: 75%;
	color: #666666;
}
table.TextBox td ul {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}
table.TextBox td ul li {
	margin: auto 12px 8px 24px;
}
table.TextBox td ul.Level1 {
	margin: 0;
	padding: 0;
    list-style-type: disc;
	line-height: 120%;
}
table.TextBox td ul.Level1 li {
	margin: auto 12px 8px 28px;
}
table.TextBox td ul.Level2 {
	margin: 0;
	padding: 0;
    list-style-type: circle;
	line-height: 120%;
}
table.TextBox td ul.Level2 li {
	margin: auto 12px 8px 48px;
}
table.TextBox td p.boxedHead {
	margin: 8px 12px 12px 12px;
	text-align: center;
}

/* Styles for "test your knowledge" box */
table.TYK {
	width: 556px;
	margin-left: 22px;
	margin-bottom: 12px;
	border: 0;
	background-color: #DDE9FF;
}
table.TYK td {
	padding: 6px 6px 8px 6px;
	vertical-align: top;
	text-align: left;
}
table.TYK p {
	margin: 0 0 10px 0;
	padding: 0;
}
table.TYK caption {
	caption-side: bottom;
	text-align: right;
	margin-top: 1px;
	font-size: 75%;
	color: #666666;
}
table.TYK ol {
	list-style-type: lower-alpha;
	line-height: 120%;
	margin: 0;
	padding: 0;
}
table.TYK ol li {
	margin: auto 0 8px 28px;
}
table.TYK ol li.last {
	margin-bottom: auto 0 0 28px;
}

/* Class intended for span tag enclosing a "plain" dash, en dash, or mdash. It changes
   the font family, because the Trebuchet family has very short dashes (of all flavors),
   and they don't look right.
*/
.fixDash {
	font-family: Verdana, Geneva, sans-serif;
}

/* AN 01/30/2011 testing DYK and DYKT values - previous value was #334d55 */
p.DYK {
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	color: #660066;
}

p.DYKT {
	margin-left: 150px;
	color: #660066;
}

div.CertName {
   margin-left: 30px;
}

button.CertName {
   vertical-align:middle;
   
   padding: 8px 1px 0px 1px;
   height: 50px;
   width: 135px;
}

div.ProcessHead {
   font-weight: bold;
   text-align: center;
   margin-top: 18px;
   margin-bottom: 12px;
}

#siteName { 
  font-size: 97%; 
  font-style: oblique; 
  color: grey; 
  }
/***********************************************/
/* Layout Divs         */
/***********************************************/
#maincontainer{
    width: 820px; /*Width of main container*/
    margin-left: auto; /*Center container on page*/
	margin-right: auto; /*Center container on page*/
	background-color: #ffffff;
		/* The dark blue border on the right side. */
	background-image: url(images/page_shadow_tile2.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: White;
	text-align: left;
	clear:both;
}

.wrap{
	float: left;
	width: 769px;
	margin:auto;
	margin-bottom:20px;
	clear:both;
}

.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

#masthead{
	margin: 0;
	padding: 0px;
	width: 100%;
	float: none;
}

.navBar{
	margin: 0;
	float: left; 
	padding: 0px;
	background-color: #ffffff;
	width: 150px;
}

.navBar img{
display: block;
}

.content{
  float:none;
  width: 759px;
  margin: 0;
  padding: 0px 5px 10px 0px;
  clear: both; 
}

#content p{
  padding: 0px 6px 0px 6px;
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
}

/***********************************************/
/*Component Divs       */
/***********************************************/

#siteName{
    margin-left: 80px;
	padding: 0px 0px 0px 0px;
}

#siteName p{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
 font-size: 120%;
 color: #334d55;
 padding: 0px;
 margin-top: 6px;
 margin-bottom : 0px;
}

/*************** #pageName styles **************/

#pageName{
	padding: 4px 0px 10px 4px;
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
}

/************* #globalNav styles **************/

#globalNav{
	color: #aaaaaa;
	padding: 0px 0px 0px 2px;
	white-space: nowrap;
	height: auto;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}

/************** .course nav styles ***************/

.coursenav{
	padding: 0px;
	font-size: 90%;
}


/************** .feature styles ***************/

.feature{
    padding: 0px 6px 0px 6px;
	font-size: 97%;
	margin-left: auto; /*Center container*/
	margin-right: auto; /*Center container*/
/*background edge left side*/
	clear:both;
}

.feature h2{
    font-size: 130%;
	padding: 5px 0px 5px 0px;
	text-align: left;
}

.feature h3{
	padding: 5px 0px 5px 0px;
	text-align: left;
}

.feature td{
	vertical-align: top; 
}

.feature img{
	float: left;
	padding: 5px;
	margin: 0px 5px 5px 0px;
}

/**
 * Override .feature img for in-line images, JHS 110802
 */
.feature img.inline {
   float: none;
	padding: 0px;
   vertical-align: middle;
	margin: 0px 0px 0px 0px;
}

/* These styles are for top-of-page announcements, e.g., warning that the site is going off-line. */

td.announcement {
	border-width: 5px 5px 5px 5px;
	padding: 4px 4px 4px 4px;
	border-style: double double double double;
	border-color: red red red red;
	background-color: white;
	align: center;
}

p.announcement {
   font-size: 100%;
   font-style: normal;
   font-weight: bold;
   color: #800000;
}

/* This empty style allows us to define a .info img style to replace the .feature img style. */
.info { }

.info img {
   float: none;
}

/************** .sidebar styles *****************/

.sidebar{
    padding: 0px 10px 0px 10px;
	font-size: 90%;
	width: 200px;
/*background edge left side*/
	background-image: url(images/leftborder_tile.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: White;
    margin-left: auto; /*Center container*/
	margin-right: auto; /*Center containere*/
}

.sidebar p{
	color: #666666;
	width: 160px;
	margin-right: 5px;
}
 
.sidebar p.sbhead{
	color: #009966;
	font-weight: bold;
	line-height: 2.25em;
	margin-bottom : 0;
}

.sidebar p.sbcourse{
	font-size: 90%;
}

.sidebar p.sbcust{
	color: #666666;
	font-weight: bold;
}

/************** centerbar style *****************/
.centerbar{
    padding: 0px 10px 0px 10px;
	vertical-align:text-top;
/*background edge left side*/
	background-image: url(images/leftborder_tile.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: White;
    margin-left: auto; /*Center container*/
	margin-right: auto; /*Center container*/
}

.insideCourse{
	clear: both;
	background:none;
	vertical-align:text-top;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: White;
    margin-left: auto; /*Center container*/
	margin-right: auto; /*Center container*/
}

/************* # yipes! stripes ***************/
.odd {
  background-color: #eeeeff;
}

/************* # styles ***************/

.siteInfo{
	clear: both;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	font-size: 75%;
	color: #666666;
	margin-top: 2px;
    margin-left: auto;  /*Center container*/
	margin-right: auto; /*Center container*/
}

.footer p{
    margin-left: auto; /*Center container*/
	margin-right: auto; /*Center container*/
	margin-bottom: 0px;
	font-size: 75%;
}

.footer a {
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	font-size: 95%;
	padding:  0px;
}	
	
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

.siteCopy p{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	font-size: 75%;
	color: #666666;
	margin-top: -2px;
    margin-left: auto; /*Center container*/
	margin-right: auto; /*Center container*/
}

.siteApproved{
	clear: both;
	font-size: 75%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	padding: 0px;
	margin-top: 0px;
	padding-left: 15px;
    margin-left: auto; /*Center container*/
	margin-right: auto; /*Center container*/
}

.glossary{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	padding-left: 15px;
}

.reference{
	clear: both;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	line-height : 1.25em;
	color: #000000;
	padding: 0px;
	margin-top: 6px;
	margin-bottom : 0px;
	padding-left: 15px;
	width : 500px;
}

.referencehead{
	clear: both;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	font-weight: bold;
	line-height : 1.25em;
	color: #000000;
	padding: 0px;
	margin-top: 12px;
	margin-bottom : 0px;
	padding-left: 0px;
}

.referencesubhead{
	clear: both;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	font-weight: bold;
	line-height : 1.25em;
	color: #000000;
	padding: 0px;
	margin-top: 12px;
	margin-bottom : 0px;
	padding-left: 0px;
}

.accredsmall{
	clear: both;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	padding: 0px;
}
.introsmall{
	clear: both;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif; 
	padding: 0px;
}

/* JHS (3/26/11) - hide required-question asterisk for optional questions on Evaluate.php. */
span.white {
   color: #ffffff;
}

/************* # styles ***************/

#search{
	padding: 0px 0px 5px 5px;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}


/*********** #navBar link styles ***********/

#navBar{
    position: relative;
    padding: 0px;
	width: 156px;
	margin: 0px;
}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
    border: none;
	font-size: 90%;
}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

#advert img{
	display: block;
}


/************** #headlines (news stories_ lower left) styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/************** #Glossy Menus  **************/
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0px 0px 0px 34px;
	margin: 0px 0px 0px 0px;
	background: url(./images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0px 0px 0px 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0px 24px 0px 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(./images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(./images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

hr.noMenu {
   height: 10px;
   color: #045c97;
   background: #045c97;
   background-color: #045c97;
}

div.hidden {
   visibility: hidden;
}

.blue{
	background: url(./images/menub_bg.gif) repeat-x; /*tab background image path*/
}

.blue li.current a, .blue li a:hover{
	background: url(./images/menub_hover_left.gif) no-repeat; /*left tab image path*/
}

.blue li.current a b, .blue li a:hover b{
	background: url(./images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.instructions{
    font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom : 0px;
	margin-right: 40px;
}

.instructioncourseinfo{
    font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom : 0px;
}

.instructhead p{
    font: bold 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin-top: 12px;
	margin-bottom: 0px;
	color: #008000;
}

.breadcrumb a{
background: transparent url(images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
font: 11px "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

p.boxedHead{
 font-size: 96%;
 font-weight: normal;
 color: #003399;
 padding: 0px;
 margin-top: 6px;
 text-align: center;
}

#box {
width: 444px;
font-size: 12px;
}

.boxHead{
width : 444px;
margin-bottom:0;
margin-left: 96px;
color: #ffffff;
background-color: #006699;
}	

.boxNumber{
font-weight: bold;
letter-spacing:1px;
width : 56px;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 36px;
color : #ffffff;
background : transparent;
}

.boxTitle{
font-weight: bold;
letter-spacing:1px;
padding-top: 10px;
padding-right: 13px;
padding-bottom: 10px;
padding-left: 12px;
color: #ffffff;
background: transparent;
}

.boxContent{
width: 444px;
margin-top: 0px;
margin-left: 96px;
color: #000000;
background-color : #CEE3F6;
}

.boxContent td{
padding: 15px 1px;
background-color: #CEE3F6;
}	

#box p{
width: 444px;
margin-top: 6px;
margin-right: 0px;
margin-bottom: 0px;
}	

#box h1{
color: #000000;
background: transparent;	
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
width: 400px;
margin-top:16px;
margin-bottom: 0;
}

#box h2{
color: #000000;
background: transparent;	
font-family: Arial, Helvetica, sans-serif;
font-size : 12px;
margin-left: 0;
padding-top: 0;
width: 400px;
}

#box h3{
color: #2a461c;
background: transparent;	
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
margin: 0px;
padding-top: 0px;
width: 380px;
}

#box ul{
margin-bottom: 16px;
margin-left: 0px;
width: 380px;
list-style-position: outside;
list-style-type: square;
}

#box.subhead	{
margin-left: 18px;
margin-bottom: 10px;
width: 300px;
}
	
#box ul li{
padding-top: 0;
}	

#box ul li ul{
padding-left: 30px;
width: 300px;
list-style-position: outside;
list-style-type: square;
}	

#box ol{
padding-left: 30px;
width: 360px;
list-style-position: outside;
}

#box ol li ul{
margin: 0;
width: 280px;
list-style-position: outside;
list-style-type: square;
}

#box ol li ol{
margin : 0;
padding-left: 37px;
width: 280px;
list-style-position: outside;
}

#box ol li ul{
margin: 0;
padding-left: 30px;
width: 280px;
list-style-position: outside;
list-style-type: square;
}	

#box ol.upperAlpha{
margin: 10px 0px 12px 0px;
padding-left: 24px;
width: 360px;
list-style-position: outside;
list-style-type: upper-alpha;
}


td.boxFootnote{
font-size: 11px;
color: #ffffff;
background-color: #669966;
margin: 0;
padding-top: 3px;
padding-bottom: 3px;
}	

.noteContent{
width: 444px;
margin-top: 0px;
margin-left: 46px;
color: #000000;
background-color: #CEE3F6;
}

td.noteContent{
padding: 10px 12px 4px 4px;
background-color: #CEE3F6;
}	

.noteContent p{
line-height: 1.66;	
background-color: #CEE3F6;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 10px;
}	

.noteContent ul li{
line-height: 1.166;	
background-color: #CEE3F6;
padding-top: 3px;
padding-bottom: 3px;
margin-left: 30px;
}	

a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 11px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding: 4px 0px 10px 0px;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.headers{
border: 1px solid #BBB;
width: 98%;
background: url(images/chromebg.gif) center center repeat-x;
margin-left: 0;
padding: 2px 0 2px 5px;
text-align: left;
font-size: 130%;
}


/* Bottom of class pages*/	

.classends{
border: 1px solid #BBB;
width: 96%;
background: url(images/chromebg.gif) center center repeat-x;
margin-left: 0px;
padding: 2px 0px 2px 5px;
text-align: center;
font-size: 120%;
}

/* Testing section */	

table.form	{
		width: 434px;
		margin-left: auto;
  margin-right: auto;
  text-align: left;
}

td.leftNarrow {      
	text-align: left;   
	width: 150px;    
}

td.leftcol {    
	font-weight: bold;    
	text-align: left;   
	width: 150px;    
	background-color: #335566;
}

td.left	{
		padding: 6px 40px 0px 0px;
		border-right-width: 1px;
		border-right-style: solid;
}

td.lefttop		{
		padding: 5px 18px 14px 0px;
		border-right-width: 1px;
		border-right-style: solid;
		border-bottom-width: 1px;
		border-bottom-style: solid;
}

td.q {
	color: #000;
	font-size: 12px;
	vertical-align: text-top;
	background: transparent;
	padding-top: 4px;
	padding-bottom: 0px;
}

td.a	{
	font-size: 12px;
	vertical-align: text-top;
	margin: 0px;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 0px;
	}
	
td.bada	{
	color: #FF0000;
	font-size: 12px;
	vertical-align: text-top;
	background: transparent;
    padding-top: 4px;
	padding-bottom: 0px;
}

td.badq	{
	color: #FF0000;
	font-size: 12px;
	vertical-align: text-top;
	background: transparent;
    padding-top: 4px;
	padding-bottom: 0px;
}
													
.tableContent{
width: 444px;
margin-top: 0px;
margin-left: 46px;
margin-bottom: 20px;
color: #000000;
}

td.tableContent{
padding: 10px 12px 0px 0px; 
}	

.tableContent p{
line-height: 1.166;	
padding-top: 3px;
padding-bottom: 3px;
margin-left: 10px;
}	

/* AMN (2/9/11) - added tableSide */
td.tableTop {
  margin-bottom: 4px;
  margin-left: 96px; /* Why is this here? Looks like a NOP. (AMN 2/9/11) */
  background-color: #006699;
}		
.tableTop p{
color: #FFFFFF;
letter-spacing: 1px;
font-weight: bold;
}
/* AMN (2/9/11) - for table left column labels - normal font weight */								
td.tableSide {
	margin-bottom: 4px;
    margin-left: 96px;
	/* background-color: #d0efff;*/  /* Highlight looks good but too many different blue shades on the site. */
}
.tableSide p {
    font-weight: bold;
	font-size: 102%;
}	
.tableContent ul li{
line-height: 1.166;	
padding-top: 3px;
padding-bottom: 3px;
margin-left: 5px;
}

td.lines  {
		padding: 5px 18px 14px 0px;
		border-right-width: 1px;
		border-right-style: solid;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-left-width: 1px;
		border-left-style: solid;
		border-top-width: 1px;
		border-top-style: solid;
}

.listtable p{
line-height: 1.166;	
padding-top: 3px;
padding-bottom: 3px;
margin-left: 10px;
}	

td.small{
	font-size:85%;
	vertical-align:text-top;
	background:transparent;
	padding-bottom: 0px;
	padding-right: 40px;
	padding-left: 40px;
}

.AuthorizeNetSeal {
    clear: both;
	margin: 0px;
	padding: 0px;
    border: none;
	font-size: 90%;
}

/* New ul and ol styles added by AN 01-26-11.
   These are used for several courses added/updated between
   1/26 and 3/23/11.
*/
ul.level1 {
	margin-left: 4%;
}
ol.level1 {
	list-style-type: decimal;
	margin-left: 4%;
}

