/*  
	Stylesheet for those that dont understand 
	the @import rule and the majority of these 
	rules for print. 
*/
	
html { font-size: 62.5%;  }
/* 
	Above rule makes all sizes close to 
	10px in all browsers. Resize using
	EM's from here.
*/
body { color: #000; /*text-align: center;*/ font: normal normal 1em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; }

/*** Layout Divs 
***************/
#page { text-align: left; }
#main {  }

#sidebar {  }
#footer { font-size: 0.9em;  /*Equivilent to 9px*/  padding:1em 0.5em; text-align:center; border: solid #E7E5E5; border-width: 1px 0 0 0;}


/*  Links
   - - - - - - - - - - - - - - - - - - - - - - - -  */
   
  a, a:link { color: #F00; background-color: transparent; text-decoration: underline; }
  a:visited {	color: #717171; border-color: #717171; }
  a:hover { color: #1A0000; text-decoration: none; }
  a:active { color: #B8B8B8; background-color: transparent; }
  a img { border: none; }

/* Skip to content links */
  div.skipper a { color: #000; font-size: 9px; margin-top: 27px; padding: 0 7px 0 3px; background: url(../../_img/icons/skipper_arrow.png) no-repeat right bottom; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 50; clear: both; }
  div.skipper a:visited { color: #000; }
  div.skipper a:hover { color: #fff; }

/* Continue Reading & More Links. */
  a.more { display: inline-block; background: url(../../_img/icons/more.gif) no-repeat 100% 50%; padding-right: 10px; }
  a.more:visited { background-image: url(../../_img/icons/more_visited.gif); }
  a.more:hover { background-image: url(../../_img/icons/more_hover.gif); }

/* To Top Links & Jump to Specs */
  a.top:link, a.top:visited, a.jts:link, a.jts:visited, a.top-map:link, a.top-map:visited { display: block; text-align: right; text-decoration: none; background: url(../../_img/icons/top.gif) no-repeat 100% 0; color: #F00; width: 2em; float: right; margin-bottom: 1.5em; }
  a.top:hover, a.top-map:hover { background-image: url(../../_img/icons/top_hover.gif); color: #000; }
  a.jts:link, a.jts:visited { background: url(../../_img/icons/down.gif) no-repeat 100% 100%; width: 10em; padding-bottom: 2px; }
  a.jts:hover { background-image: url(../../_img/icons/down_hover.gif); color: #000; }

/* Breadcrumbs link styles */
  #breadcrumbs .on { font-weight:bolder; }

/*  Headings
   - - - - - - - - - - - - - - - - - - - - - - - -  */
 
  h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; text-transform: capitalize; line-height: normal; }
  h1 { font-size: 2.5em; line-height: 1.5em; margin: 0 0 0.5em 0; }
  h2	{ font-size: 1.9em; margin: 1em 0 0.5em 0; color: #F00; }
  h3 { font-size: 1.4em;  line-height: 1.5em;	margin: 1em 0 0.5em 0; color: #000; }
  h4 { font-size: 1.3em; line-height: 1.3em; margin: 1.2em 0 0.4em 0; color: #373737; }
  h5 { font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0;}
  h6 { font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; }

/* Heading Links */
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
    h1 a:link, h1 a:visited, h2 a:link, h2 a:visited { color: #F00; text-decoration: none;  }
    h3 a:link, h3 a:visited { color: #000;  }
    h1 a:hover, h2 a:hover { color: #000; }
    h3 a:hover { color: #f00; }



/*  Text Elements
   - - - - - - - - - - - - - - - - - - - - - - - -  */

  p, ul, ol, dl { margin: 0 0 1.5em 0; line-height:1.4em; font-size: 1.1em;/* 11px */ }
  em, i { font-style:italic;	}
  strong, b { font-weight: bolder; }
  blockquote { background: #E7E5E5;  padding:0; margin:0.8em; color: #717171; font-size: 1.2em; font-style: italic; } 
  blockquote p { margin: 0; padding: 1em; }
  abbr, acronym { color: #717171; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #717171; /* for IE 5, same color as color */  }


/*  List Styles
   - - - - - - - - - - - - - - - - - - - - - - - -  */

  ul { list-style: none; margin: 0 0 1.5em 0; }
  ul li { margin: 0 0 0.25em 30px; padding: 0 0 0 10px; background: url(../../_img/icons/bullet.gif) no-repeat 0 0.5em;  }
  ul ul { font-size: inherit; }
  ul li.back { background: url(../../_img/icons/bullet_back.gif) no-repeat 0 0.5em; }

  li p { font-size: 1em; }

  ol { margin: 0 0 1.5em 3em; }
  ol li { font-size: 1.0em; margin: 0 0 0.25em 30px;	padding: 0; background-image: none; }
  ol ul { font-size: 1em; }
  ol ul li { background: url(../../_img/icons/bullet.gif) no-repeat 0 0.5em; margin: 0 0 0.25em 30px; padding: 0 0 0 10px; }

  dl { margin: 0 0 1.5em 0; padding: 0; }
  dl dt { font-weight: bold;	margin: 1em 0 0.25em 0;	padding: 0;	}
  dl dd { margin: 0 0 0 30px; padding: 0; }
  dl dd ul { font-size: 1em; }
  dl dd p { font-size: 1em; }

/* Navigation */
  ul#nav, ul#nav ul  { list-style: none outside none;  }


/*  Global Class styles
   - - - - - - - - - - - - - - - - - - - - - - - -  */

#page .odd, #page .even, .even td, .even th { background-color: #F4F4F4; }
#page .last, #page .first { border: 0; }

/* Notices to draw attention */
.warning { 
	padding: 0.5em 0.5em 1em 40px; 
	border: 1px solid; 
	background: #FFE6E6 url(../../_img/icons/icon_warning.png) no-repeat 10px 0.2em; 
	border-color: #FFCCCC;
	}

.info { 
	padding: 0.5em 0.5em 1em 40px; 
	border: 1px solid; 
	background: #E0F4F9 url(../../_img/icons/icon_info.png) no-repeat 10px 0.2em; 
	border-color: #CFDEE6; 
	}

.attention, .note { 
	padding: 0.5em 0.5em 1em 40px; 
	border: 1px solid; 
	background: #FAEDBC url(../../_img//icons/icon_attention.png) no-repeat 10px 0.2em; 
	border-color: #FDCD5B; 
	}
.note { font-style: italic; }
.note em { font-weight: bolder; }

.warning li, .info li, .attention li, .note li { background-image: none; list-style: square;  }

/*  Image Styles
   - - - - - - - - - - - - - - - - - - - - - - - -  */

  img { padding: 4px; border: 1px solid #B8B8B8; float:right; margin: 0 0 0.5em 1em; }

    img.image-align-left { float:left; margin: 0 1em 1em 0; }
    img.image-align-right { float:right; margin: 0 0 0.5em 1em; }
    #page span.image-align-right { float:right; margin: 0 0 0.5em 1em; }
    #page span.image-align-left, #page span.image-align-left img { float:left; margin: 0 1em 1em 0; }


/*  Table Styles
   - - - - - - - - - - - - - - - - - - - - - - - -  */

  table { border: dashed #B8B8B8; border-width: 0 0 1px 0; padding: 0 0 0.5em 0; margin: 0.2em 1em 2em 1em; width: auto; }
  table caption { color: #000; text-align: left; font: italic bold 1.5em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0.5em 0 0.3em 1em;}
  td,th { text-align: center; padding: 0.5em 0.5em; border: 0; }
  td { font: 1em Verdana, "Andale Mono", Courier, "Courier New", monospace; vertical-align: top; }

  thead th { color: #717171; font-weight: bold; text-align: center; vertical-align: bottom; border: dashed #B8B8B8; border-width: 0 0 1px 0; padding-bottom: 0.2em; }
  th { color: #000; font-weight: bold; text-align: right; }

  td ul { margin: 0.25em 0;}
  td ul li { text-align: left; }

/* IO-Module Table */
body#io-modules table td { text-align: left; }

/*  Masthead Styles
   - - - - - - - - - - - - - - - - - - - - - - - -  */

  #masthead .tagline { color: #717171; margin: 0 10px; border: 0; padding: 0; width: 225px; font: normal normal 1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; }
  #branding a:link, #branding a:visited { border: 0; }

  
/*  Main Content Area Styles
   - - - - - - - - - - - - - - - - - - - - - - - -  */

   .intro-para { font-size: 1.1em; font-weight: bolder; } /* Added to first paragraph */

/*  Footer Styles
   - - - - - - - - - - - - - - - - - - - - - - - -  */

#footer { color: #717171; }
#footer ul li { display: inline; background-image: none; padding: 0 0.5em; margin: 0.5em 0; border-left: 1px solid #717171;}
#footer a { border-bottom-width: 0; }
#footer ul li a:link, #footer ul li a:visited { color: #F00; }
#footer ul li a:hover, #footer ul li a:active { color: #000; border-bottom-width: 1px; }