/* Browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background-color: #143C55;
  color: #2c2d2e;
  font: 73% Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center; /* Centers page content container in IE 5 browsers. */
}

/* LINKS */
a:link, a:visited { 
  color: #4592be;
  background: inherit;
  text-decoration: none;
} 
a:hover, a:focus { 
  color: #000;
  background: inherit;
  text-decoration: none;
  border-bottom: 1px solid #AAA;
}
p#MCClogo a:hover, p#MCClogo a:focus {
  border-bottom: none;
}
p.imgcaption a:hover, p.imgcaption a:focus {
  border-bottom: none;
}
/* gradient button-style link */
a.button, a.button:link {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px 0 2em;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: white;
  font: 14px/100% Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
a.button:hover, a.button:focus {
  text-decoration: none;
}
a.button:active {
  position: relative;
  top: 1px;
}
/* blue styles for gradient button */
a.blue {
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
a.blue:hover, a.blue:focus {
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
a.blue:active {
  color: #80bed6;
  background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
  background: -moz-linear-gradient(top,  #0078a5,  #00adee);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* end of button styles */

a img {
  border: 0;
}
#skip a, #skip a:hover, #skip a:visited { 
  position: absolute; 
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
#skip a:active, #skip a:focus { 
  position: static; 
  color: black; 
  background-color: yellow;
  width: auto; 
  height: auto; 
  border: 1px dotted #FFFFCC; 
}
#footer a:link, #footer a:visited { 
  color: #DDD;
  background: inherit;
  text-decoration: underline;
} 
#footer a:hover, #footer a:focus { 
  color: #FFF;
  background: inherit;
  text-decoration: underline;
}

/* POSITION WRAPPERS */
#outerWrapper {
  background-color: #FFFFFF;
  margin: 0 auto 0 auto;
  text-align: left; /* Redefines text alignment defined by body element. */
  width: 80%;
  max-width: 940px;
  border: solid 10px #FFFFFF;
}
#outerWrapper #header {
  background-color: #FFFFFF;
  border: 1px solid #BBB;
  color: #143C55;
  padding-top: 5px;
  padding-left: 20px;
}
div#headerLinks {
  position: absolute;
  right: 0;
  top: 15px;
  padding-right: 5px;
}
#outerWrapper #topNavigation {
  background-color: #143C55;
  border-bottom: solid 1px #D3DADE;
  height: 3em;
  padding: 10px;
}
#outerWrapper #contentWrapper {
  background-color: #f4f4f4;
  border: 1px solid #BBB;
  border-top: 0px;
  line-height: 1.8em;
  overflow: hidden;
}
#outerWrapper #contentWrapper #rightColumn1 {
  border-left: solid 1px #DDD;
  float: right;
  padding: 10px 10px 10px 15px;
  width: 220px;
}
/* Contains main page content. When using multiple column layout, margins will be set to account for floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  margin: 0 250px 0 0;
  padding: 10px 10px 10px 10px;
  font-size: 120%; /* ADDED 10/26/11 */
  line-height: 160%; /* ADDED 10/26/11 */
}
#outerWrapper #footer {
  color: #FFFFFF;
  background-color: #143d55;
  border-top: 5px solid #4592be;
  padding: 10px 10px 10px 10px;
  text-align: center;
}

/* Styles from previous CSS file */
p { margin-top: 0.5em; margin-bottom: 0.5em; }
.id4 { 
  float: right;
  margin: 0;
  padding: 100px 25px 5px 25px;
  font: 130% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
  font-style: italic;
  letter-spacing: 1px;
  color: #143C55;
  text-shadow: 1px 1px #EEE;
}
p.imgcaption { 
  text-align: center;
  font-size: 90%;
  line-height: 1.1em;
  margin-bottom: 2em;
}
h1 { 
  margin: 0;
  padding: 15px 0 12px 0;
  border-bottom: 1px solid #aaa;
  font: 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #143c55;
} 
h2 { 
  margin: 0;
  padding: 20px 0 4px 0;
  border-bottom: 1px solid #ddd;
  font: 120% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #143c55;
}
h3 { 
  margin: 0;
  padding: 20px 0 4px 0;
  font: 112% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
  letter-spacing: 1px;
  color: #143c55;
}
h4 { 
  margin: 0;
  padding: 20px 0 4px 0;
  font: 105% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
  letter-spacing: 1px;
  color: #444;
}
li { margin-bottom: 0.3em; }
.coloremphasis { color: #3484B1; }
.creativecommons { font-size: 90%; margin-top: 0; }
.pdaUrl { font-size: 80%; letter-spacing: 3px; }
.smalltext { font-size: 90%; }
.noTextTransform { text-transform: none; }

/* IMAGES */
.left { 
  float: left;
  border: 0 solid #656c4a;
  margin: 5px 0 10px 0;
  padding: 10px;
}
.right {
  float: right;
  margin: 5px 0 10px 0;
  padding: 0px 10px;
}

/* OTHER NEW STYLES */
abbr {
  border-bottom: 1px dotted black;
  cursor: help;
}
abbr:hover {
  background-color: #FFFFCC;
}
dt { font-weight: bold; }
dd { margin-left: 2em; }
span.dfnTerm {
  border-bottom: 1px dotted black;
  cursor: help;
}
span.dfnTerm:hover {
  background-color: #FFFFCC;
}
span.new, p.new {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  letter-spacing: 1px;
  color: #FFFFFF;
  background-color: #143c55;
  padding-left: 6px;
  padding-right: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
span.new a { color: white; }
div.roundedCorners {
  margin: 6px -4px 15px -4px; 
  padding: 0 5px 6px 5px; 
  border: 1px solid #CCC; 
  background: #FBFBFB;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
div.roundedCorners h2 { padding-top: 10px; }
.mcc {
  color: #143c55;
  font-style: italic;
}
.safeSubscribe {
  font-size: .9em;
  color: #888;
  text-indent: 3em;
  margin-top: -8px;
}
blockquote {
  background: #fdfdfd;
  border-left: 10px solid #ccc;
  margin: 1.5em 3em;
  padding: .2em 10px .5em 10px;
  quotes: "\201C""\201D";
  font: italic normal 1.1em/1.25em Georgia, serif;
  color: #777;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 5em;
  line-height: .1em;
  margin-right: .25em;
  vertical-align: -.65em;
}
blockquote p { margin-top: .15em; }
blockquote p.quoteSource { font-style: normal; }
.mcc {
  color: #143c55;
  font-style: italic;
}
.attnBox {
  margin: 2em;
  border: 1px solid #143c55;
  padding: 1em 1em 1em 3em;
  color: #143c55;
  background-color: #FFFFCC;
  line-height: 1.4em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}
.attnBox:before {
  color: #143c55;
  content: "!";
  font-size: 3em;
  font-style: normal;
  left: 0.3em;
  position: absolute;
  top: 0.55em;
  text-align: center;
}
.noteBox {
  margin: 2em;
  border: 1px solid #143c55;
  padding: 1em 1em 1em 6em;
  color: #143c55;
  background-color: #EEE;
  line-height: 1.4em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}
.noteBox:before {
  color: #143c55;
  content: "Note";
  font-size: 2em;
  font-style: normal;
  left: 0.3em;
  position: absolute;
  top: 0.65em;
  text-align: center;
}
.safeSubscribe {
  font-size: .9em;
  color: #888;
  text-indent: 3em;
  margin-top: -8px;
}
blockquote {
  background: #fdfdfd;
  border-left: 10px solid #ccc;
  margin: 1.5em 3em;
  padding: .2em 10px .5em 10px;
  quotes: "\201C""\201D";
  font: italic normal 1.1em/1.25em Georgia, serif;
  color: #777;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 5em;
  line-height: .1em;
  margin-right: .25em;
  vertical-align: -.65em;
}
blockquote p { margin-top: .15em; }
blockquote p.quoteSource { font-style: normal; }
ol.olRoman { list-style-type: upper-roman; }
ol.olCaps { list-style-type: upper-alpha; }
ol.olNums { list-style-type: decimal; }
ol.olLowercase { list-style-type: lower-alpha; }
ul.noBullets { list-style-type: none; }
.center { text-align: center; }

/* Table Styles */
table.full { 
	width: 98%; 
	table-layout: fixed; 
	margin-bottom: 1em; 
}
table.two th, table.two td { width: 49%; }
table.products, table.figureDisplay, table.info {
  margin: 6px 10px 6px 10px;
  color: #2c2d2e;
  background-color: #FAFAFA;
}
table.products, table.products th, table.products td, table.figureDisplay, table.figureDisplay th, table.figureDisplay td, table.info, table.info th, table.info td {
  border-collapse: collapse;
  border: 1px solid #BBB;
}
table.products th, table.products td {
  padding: 6px 3px 1px 6px;
  vertical-align: top;
  line-height: 1.6em;
}
table.figureDisplay th, table.figureDisplay td {
  padding: 10px 10px 1px 10px;
  vertical-align: top;
  line-height: 1.6em;
}
table.info td {
  padding: 5px;
  vertical-align: top;
  line-height: 1.6em;
}
table.info th {
  padding: 5px;
  vertical-align: bottom;
  line-height: 1.6em;
}
caption { font-weight: bold; }

/* Start PureCSSMenu.com STYLE */
#pcm {display: none;}
ul.pureCssMenu ul {display: none}
ul.pureCssMenu li:hover>ul {display: block}
ul.pureCssMenu ul {position: absolute; left: -1px; top: 98%;}
ul.pureCssMenu ul ul {position: absolute; left: 98%; top: -2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin: 0px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	background-color: #3e83bc;
	background-repeat: repeat;
	border-color: #cccccc #111111 #111111 #cccccc;
	border-width: 1px;
	border-style: solid;
}
ul.pureCssMenu table {border-collapse: collapse}
ul.pureCssMenu {
	display: block;
	zoom: 1;
	float: left;
}
ul.pureCssMenu ul {
	width: 200px;
}
ul.pureCssMenu li {
	display: block;
	font-size: 0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
	outline-style: none;
}
ul.pureCssMenu a {
	display: block;
	vertical-align: middle;
	background-color: #3e83bc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#82C7EA), to(#2C7DAC)); 
    background-image: -webkit-linear-gradient(top, #82C7EA, #2C7DAC); 
    background-image:    -moz-linear-gradient(top, #82C7EA, #2C7DAC); 
    background-image:     -ms-linear-gradient(top, #82C7EA, #2C7DAC); 
    background-image:      -o-linear-gradient(top, #82C7EA, #2C7DAC); 
    background-image:         linear-gradient(top, #82C7EA, #2C7DAC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#82C7EA', EndColorStr='#2C7DAC'); 
    border-top: 1px solid #57A1CA;
    border-bottom: 1px solid #6AA3C4;
	text-align: left;
	text-decoration: none;
	padding: 2px 5px 2px 10px;
	_padding-left: 0;
	font: bold 12px "Trebuchet MS",Tahoma;
	color: #eee;
	text-decoration: none;
	cursor: default;
}
ul.pureCssMenu ul a {
	background-image: none;
}
ul.pureCssMenu span {
	overflow: hidden;
}
ul.pureCssMenu li {
	float: left;
}
ul.pureCssMenu ul li {
	float: none;
}
ul.pureCssMenu ul a {
	text-align: left;
	white-space: nowrap;
}
ul.pureCssMenu li:hover {
	position: relative;
}
ul.pureCssMenu li:hover>a {
	background-color: #57A1CA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9FD6F3), to(#408AB4)); 
    background-image: -webkit-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:    -moz-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:     -ms-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:      -o-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:         linear-gradient(top, #9FD6F3, #408AB4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9FD6F3', EndColorStr='#408AB4'); 
    border-top: 1px solid #57A1CA;
    border-bottom: 1px solid #6AA3C4;
	font: bold 12px "Trebuchet MS", Tahoma;
	color: #FFFFFF;
	text-decoration: none;
}
ul.pureCssMenu ul li:hover>a {
	background-image: none;
}
ul.pureCssMenu li a:hover, ul.pureCssMenu > li a:focus {
	position: relative;
	background-color: #57A1CA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9FD6F3), to(#408AB4)); 
    background-image: -webkit-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:    -moz-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:     -ms-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:      -o-linear-gradient(top, #9FD6F3, #408AB4); 
    background-image:         linear-gradient(top, #9FD6F3, #408AB4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9FD6F3', EndColorStr='#408AB4'); 
    border-top: 1px solid #57A1CA;
    border-bottom: 1px solid #6AA3C4;
	font: bold 12px "Trebuchet MS", Tahoma;
	color: #FFFFFF;
	text-decoration: none;
}
ul.pureCssMenu ul li a:hover, ul.pureCssMenu ul > li a:focus {
	background-image: none;
}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul {display:block}
ul.pureCssMenu a:hover ul ul {display:none}
ul.pureCssMenu span {
	display: block;
	background-image: url(./images/arr_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
    padding-right: 12px;
}
ul.pureCssMenu li:hover>a>span {
	background-image: url(./images/arrv_white.gif);
}
ul.pureCssMenu a:hover span {_background-image: url(./images/arrv_white.gif);}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
	background-image: url(./images/arr_white.gif);
}
/* End PureCSSMenu.com STYLE */