/*CONTENT STYLES*/

body
   {
   background-color:#00CCCC;
   color:#000010;
   }
p, li
   {
   font:85% sans-serif;
   }
h1
   {
   font-family:sans-serif;
   padding-top:5px;
   }
h2
   {
   color:#333333;
   background-color:inherit;
   font:900 130% sans-serif;
   text-transform:uppercase;
   }
h3
   {
   background:inherit;
   color:#444477;
   font:800 85% sans-serif;
   display:list-item;
   list-style:circle inside url('img/lilneutron.png');
   }
h4
   {
   color:#100010;
   background-color:inherit;
   font:800 80% sans-serif;
   margin:0 auto;
   }
a:link
   {
   color:#004080;
   background-color:inherit;
   font-family:sans-serif;
   }
a:visited
   {
   color:#006060;
   background-color:inherit;
   font-family:sans-serif;
   }
a:hover, a:active
   {
   color:#28527B;
   background-color:inherit;
   font-family:sans-serif;
   text-decoration:none;
   }
sup
   {
   font-size:80%;
   }
dd
   {
   color:#000010;
   background-color:inherit;
   font:85% sans-serif;
   }
dt
   {
   color:#000010;
   background-color:inherit;
   font:600 85% sans-serif;
   margin-top:15px
   }
table
   {
   background-color:inherit;
   color:#000010;
   width:100%;
   font:85% sans-serif;
   padding:3px;
   }
td, th
   {
   text-align:left;
   border:1px solid #000000;
   }
img
   {
   border-style:none;
   margin:0 0;
   }
.fig img
   {
   width:100%;
   }
.fig, .skipto
   {
   padding:3px;
   text-align:center;
   border:1px solid;
   margin:3px;
   }
.skipto
   {
   margin:0 auto;
   }

/*--------------------------------------------
----------------------------------------------

TEMPLATE STYLES

Container ids*/

#debcladding, #scicladding, #cyccladding, #safcladding, #acccladding, #appcladding
   {
   width:90%;
   background:#00CCCC url('img/navbg.png') repeat-y left top;
   color:#000010;
   }

#title
   {
   background:#009999 url('img/logo.png') no-repeat;
   color:#000000;
   height:100px;
   }

#nav
   {
   background:#0099CC url(img/sidebar.jpg) no-repeat;
   color:#000010;
   float:left;
   width:100px;
   }

#content
   {
   margin-left:100px;
   padding:10px;
   min-height:380px;
   text-align:justify;
   }

#footer
   {
   font-family:sans-serif;
   font-size:65%;
   background:#009999;
   color:#000010;
   margin-left:100px;
   }

#turnpage
   {
   width:106px;
   height:50px;
   margin:0 auto;
   }

/*----------------

Text ids*/

#chapter
   {
   margin:8px 0px 2px 110px;
   text-transform:uppercase;
   background-color:inherit;
   color:#EEEEEE;
   }

#page
   {
   margin:0px 0px 0px 110px;
   background-color:inherit;
   color:#EEEEEE;
   text-transform:lowercase;
   }

#copyright
   {
   float:left;
   }

#update
   {
   float:right;
   }

/*---------------

Button ids*/

#frontbtn a, #debbtn a, #scibtn a, #cycbtn a, #safbtn a, #accbtn a, #appbtn a
   {
   width:98px;
   height:50px;
   float:left;
   font:800 80% sans-serif;
   padding-right:2px;
   text-align:right;
   text-decoration:none;
   text-transform:uppercase;
   opacity:0.75;
   filter:alpha(opacity=75);
   }
#frontbtn a:hover, #debbtn a:hover, #scibtn a:hover, #cycbtn a:hover, #safbtn a:hover, #accbtn a:hover, #appbtn a:hover
   {
   opacity:0.90;
   filter:alpha(opacity=90);
   }
#frontbtn a
   {
   background:#FFFF66;
   color:#000010;
   }
#debbtn a
   {
   background:#00CCE6;
   color:#000010;
   }
#scibtn a
   {
   background:#00CCCC;
   color:#000010;
   }
#cycbtn a
   {
   background:#00B3CC;
   color:#000010;
   }
#safbtn a
   {
   background:#0099CC;
   color:#000010;
   }
#accbtn a
   {
   background:#0099B3;
   color:#000010;
   }
#appbtn a
   {
   background:#009999;
   color:#000010;
   }
#frontbtn a:hover
   {
   background:#FFFFB2;
   color:#000010;
   }
#debbtn a:hover
   {
   background:#7FE5F2;
   color:#000010;
   }
#scibtn a:hover
   {
   background:#7FE5E5;
   color:#000010;
   }
#cycbtn a:hover
   {
   background:#7FD9E5;
   color:#000010;
   }
#safbtn a:hover
   {
   background:#7FCCE5;
   color:#000010;
   }
#accbtn a:hover
   {
   background:#7FCCD9;
   color:#000010;
   }
#appbtn a:hover
   {
   background:#7FCCCC;
   color:#000010;
   }
#xhtml a
   {
   width:88px;
   height:31px;
   float:left;
   background:url('img/xhtml11.png');
   color:#FFFFFF;
   font-size:1px;
   margin:10px 0px 1px 5px;
   text-decoration:none;
   opacity:0.70;
   filter:alpha(opacity:70);
   }
/*#css a
   {
   width:88px;
   height:31px;
   background:url('img/w3ccss.gif');
   color:#FFFFFF;
   float:left;
   margin:4px 0px 0px 5px;
   opacity:0.95;
   }*/
#xhtml a:hover
   {
   opacity:1.00;
   filter:alpha(opacity:100);
   }
#css a:hover
   {
   opacity:1.00;
   }
#prev a
   {
   width:27px;
   height:50px;
   float:left;
   background:#FFFF66 url('img/prev.gif');
   color:#009999;
   opacity:0.5;
   filter:alpha(opacity:50);
   font-size:1%;
   text-decoration:none;
   }
#prev a:visited
   {
   background:#FFFF66 url('img/prevvisited.gif');
   color:#009999;
   }
#prev a:hover
   {
   opacity:1.0;
   filter:alpha(opacity:100);
   }
#footlogo a
   {
   width:50px;
   height:50px;
   float:left;
   background:#FFFF66 url('img/footlogo.png');
   color:#FFF;
   opacity:0.7;
   filter:alpha(opacity:70);
   font-size:1%;
   margin:0px 1px;
   text-decoration:none;
   }
#footlogo a:hover
   {
   opacity:1.0;
   filter:alpha(opacity:100);
   }
#next a
   {
   width:27px;
   height:50px;
   float:left;
   background:#FFFF66 url('img/next.gif');
   color:#009999;
   opacity:0.5;
   filter:alpha(opacity:50);
   font-size:1%;
   text-decoration:none;
   }
#next a:visited
   {
   background:#FFFF66 url('img/nextvisited.gif');
   color:#009999;
   }
#next a:hover
   {
   opacity:1.0;
   filter:alpha(opacity:100);
   }