body {
  text-align: center;
  background-color: #c5ebf5;
  background-image: url(images/template/background.png);
  background-repeat: repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  }

#heading {
	margin-top: 35px;
  	margin-right: auto;
  	margin-left: auto;
  	padding: 10px;
  	width: 730px;
	background-color: #80cde4;
	background-image: url(images/template/header.png);
	background-repeat: no-repeat;
	text-align: center;
	color: black;
	height: 121px;
}

#navbar {
height: 50px;
width: 750px;
margin-right: auto;
margin-left: auto;
z-index: 200;
position: relative;
}

#navbar iframe {
	padding: 0px;
	//margin: 0;
	margin-left: 0px;
	left: 0px;
	width: 750px;
	border: 0;
	z-index: 250;
}

#container {
  margin-right: auto;
  margin-left: auto;
  width: 690px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  min-height: 400px;
  background-color: white;
  background-image: url(images/template/content_bg.png);
  background-repeat: no-repeat;
  background-position: top;
  }

#rec_browser ul {
	font-size: 14px;
	text-indent: 1.7em;
	list-style: none;
}

#rec_browser li {
	font-size: 14px;
	list-style: square;
	list-style-position: inside;
	text-indent: 2.7em
}

#rec_browser li.os {
	font-size: 14px;
	list-style: none;
	line-height: 1.5em;
	text-indent: 1.7em;
}

p {
	font-size: 14px;
	text-indent: 1.7em;
	text-align: justify;
}

p.caption {
	text-align: center;
	font-size: 12px;
	color : grey;
	width : 450px;
	margin-left: auto;
	margin-right: auto;
}

p.caption_right {
	text-align: center;
	font-size: 12px;
	color: grey;
	width: 200px;
	margin-right: 15px;
	margin-left: 15px;
	float: right;
}

p.list {
	text-indent: 0;
}

table.equation {
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
}

table.showcase {
	text-align: center;
	font-size: 13px;
	background-color: #c5ebf5;
	margin-left: auto;
	margin-right: auto;
	border-color: #80cde4;
	border-width: 2px;
	border-style: solid;
	line-height: 1.5em;
}

table.showcase td.firstrow {
	font-weight: bold;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 2px
}

table.showcase td.firstcol {
	text-align: left;
	font-weight: bold;
}

table.showcase tr.secondrow td {
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	font-weight: bold;
}

table.showcase tr.lastrow td {
	border-top-color: white;
	border-top-style: solid;
	border-top-width: 2px;
	font-weight: bold;
}

h1 {
	margin-top: 25px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

ul, li{margin:0; border:0; padding:0; list-style:none;}

ul.questions li {
	font-size: 14px;
	list-style: decimal;
	list-style-position: inside;
	padding-bottom: 10px;
}

ul.toc_questions li{
	font-size: 14px;
	text-indent: 1.8em;
	padding-bottom: 10px;
}

ul.topnav {  
    list-style: none;  
    padding-left: 10px; 
    padding-right: 10px; 
    margin: 0;  
    float: left;  
    width: 730px;  
    background: #222;  
    font-size: 0.8em;  
    background: url(images/template/topnav_bg.gif) repeat-x;  
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    padding: 10px 5px;  
    color: #fff;  
    display: block; 
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover{  
    background: url(images/template/topnav_hover.gif) no-repeat center top;  
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;
    height: 35px;
    position: absolute;
    right: 1px;
    background: url(images/template/subnav_btn.gif) no-repeat center top;  
}  

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ 
 
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;
    font-size: 1em; 
    -moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; 
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;
    
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 140px;
    background: #333 url(images/template/dropdown_linkbg.gif) no-repeat 10px center;  
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: left;
    padding-left: 25px;
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(images/template/dropdown_linkbg.gif) no-repeat 10px center; 
}  


//Table of Contents
#table_of_contents {
}

ul.sup_toc {
	font-size: 16px;
	font-weight: bold;
}

ul.sup_toc li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


ul.sup_toc li ul.sub_toc{
	padding-top: 0.5em;
}

ul.sup_toc li ul.sub_toc li {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1.8em;
	font-size: 14px;
	font-weight: normal;
}

//Bottom Navigator

#navigator {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 13px;
	vertical-align: middle;
}

#navigator a{
	font-size: 13px;
}

#navigator td.right {
	background-image: url(images/template/arrow_right.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
}

#navigator td.left {
	background-image: url(images/template/arrow_left.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 22px;
}

#navigator td.up {
	background-image: url(images/template/arrow_up.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#navigator td.down {
	background-image: url(images/template/arrow_down.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 15px;
}

#footer {
	height: 36px;
	width: 750px;
	margin-top: -14px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right:  auto;
	padding: 0px;
	background-color: green;
	background-image: url(images/template/footer.png);
	background-position: top;
	background-repeat: no-repeat;
}

#footer p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 10px;
	color: grey;
}

a:focus{outline:none}

a{
	text-decoration: none;
	cursor: pointer;
	color: black;
}

a.ext_link{
	color: black;
}

p.caption a.ext_link{
	color: grey;
}

p.caption_right a.ext_link{
	color: grey;
}

p.caption a.ext_link:hover{
	color: #009cda;
}

p.caption_right a.ext_link:hover{
	color: #009cda;
}

.editorial{
	display: none;
}

a:hover{
	color: #009cda;
}

a.when_link_enable{
	display: none;
}

a.when_link_disable{
	font-size: 12px;
	width: 170px;
	margin-left: 515px;
	text-align: right;
	position: absolute;
	color: grey;
	z-index: 500;
}

a.when_link_disable:hover{
	color: #009cda;
}

a img{
	border: none;
}

#navigator a{
	color: black;
}

#navigator a:hover{
	color: #009cda;
}

span.tsmall{
	font-size:75%;
}

span.tsmaller{
	font-size:60%;
}

//Index of Content
/* default styling example
----------------------------------------------------------------- */

#indexlist-nav{
	margin-bottom: 20px;
}

#indexlist li{
	list-style-type: square;
	list-style-position: inside;
	line-height: 1.3em;
	font-size: 14px;
}

#indexlist li ul li{
	text-indent: 1.5em;
	list-style-type: circle;
}

.listNav { margin:0 0 10px;}

.ln-letters { 
overflow:hidden;
margin-bottom: 20px;
}

.ln-letters a { font-size:13px; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }