#navigation
{
   position:absolute;
   left:-400px;

     -webkit-transition : 0.4s;
   -moz-transition : 0.4s;
   -ms-transition : 0.4s;
   -o-transition : 0.4s;
   transition : 0.4s;
}


#navigation ul
{
   width:100%;
   list-style: none;
   padding: 0px;
   margin:0px;
  // background-color:#FFC;
   background-color:#303030;
  // border-top-left-radius: 1em;
  // border-top-right-radius: 1em; 

//   border-bottom-left-radius: 1em;
  // border-bottom-right-radius: 1em; 
  
      padding:5px;
	//max-height:458px;
   	overflow-y:auto;
	padding-right:15px;
}

#navigation ul li a
{
	width:100%;
   // border-left: thin black solid;
  //  border-right: thin black solid;
  //  background-color:#FFC;
	background-color:#303030;
    color:#aaa;    
    display:block;
    text-decoration: none;
    
    text-align:left;
	//padding-left:5px;
	//padding-right:5px;
	//margin-right:5px;
	
}

#navigation ul li:first-child a
{
  //  border-top: thin black solid;
  //  -moz-border-top-left-radius: 1em;
  //  -moz-border-top-right-radius: 1em;
  //  -webkit-border-top-left-radius: 1em;
  //  -webkit-border-top-right-radius: 1em;
  //  border-top-left-radius: 1em;
  //  border-top-right-radius: 1em;    
   
  //  behavior:url("http://derek.dkit.ie/css_styles/PIE.htc");
}

#navigation ul li:last-child,
#navigation ul li:last-child a
{
 //   border-bottom: thin black solid;
 //   -moz-border-bottom-left-radius: 1em;
 //   -moz-border-bottom-right-radius: 1em;
 //   -webkit-border-bottom-left-radius: 1em;
 //   -webkit-border-bottom-right-radius: 1em;

 //   border-bottom-left-radius: 1em;
 //   border-bottom-right-radius: 1em;    
    
 //   behavior: url("../css_styles/PIE.htc");

}

#navigation a:link
{

}
#navigation a:visited 
{

}

#navigation a:hover 
{
   background-color:#666;
   color:#fff;
}

#navigation a:active 
{

}



.navigationSubsection   /* used to define how the subsection headers look in the navigation menu*/
{
   color:yellow;
   text-align:center;
   text-transform:Capitalize;
   padding:0px; 
   margin: 15px 0 0 0; 
   font-weight:bold;
   font-size:larger;
}


#currentPage
{
   background-color:white;
}

.floatingMessage  /* used to define how floating messages appear */
{
   position:absolute;
   visibility:hidden;
   border:thin black solid;
   background-color:#ffffe0;
   padding:3px;
}

div.message
{
   font-size:larger;
   font-weight:bold;
   text-align:center;
   background-color:#eeeedd;
   border:black thin solid;
   padding:5px;
}

.forceLowerCase
{
   text-transform:lowercase;
}

.highlight
{
   font-weight:bold;
   font-style:italic;
}

.copyright
{
   font-weight:bold;
   font-style:italic;
   font-size:12px;
   color:#999;
}


body 
{
   font-size: 20px;
   padding:5px;
   background-color:white;
}

code
{
	counter-increment: line;
}

code:before{
    content: counter(line)' ';
	-webkit-user-select: none;
}

code.one_digit:before{
    content: counter(line)'   ';
	-webkit-user-select: none;
}

code.two_digit:before{
    content: counter(line)'  ';
	-webkit-user-select: none;
}

h1
{
   text-align:center;
   text-transform:Capitalize;
}

h2
{
   text-align:center;
   text-transform:Capitalize;
   padding-top:1in;
}

h3
{
   text-align:left;
   text-transform:Capitalize;
}

pre 
{
   background-color:#ffffdd;
   border           :thin solid gray;
   padding: 0.5em;
   counter-reset: line;
}

p
{
   text-align:justify;
}

.warning
{
   color:red;
}

.green
{
   color:green;
}


.blue
{
   color:blue;
}
/* Exercises */
div.question:before,
div.question
{
	-webkit-box-shadow : #666 5px 5px 5px;
    -moz-box-shadow    : #666 5px 5px 5px;
    -ms-box-shadow    : #666 5px 5px 5px;
    -o-box-shadow    : #666 5px 5px 5px;
    box-shadow         : #666 5px 5px 5px;
    behavior           : url(/css_styles/PIE.htc);      
	border:thin #ddd solid;
    background-color:#dfd;
	padding:3px;
}


div.question:before
{
   content:' Exercises \A';
   white-space: pre;
   font-weight:bold;
   left:5px;
   padding-bottom:0px;
   border-radius:15px;
}

div.code_explained:before,
div.code_explained
{
	-webkit-box-shadow : #666 5px 5px 5px;
    -moz-box-shadow    : #666 5px 5px 5px;
    -ms-box-shadow    : #666 5px 5px 5px;
    -o-box-shadow    : #666 5px 5px 5px;
    box-shadow         : #666 5px 5px 5px;
    behavior           : url(/css_styles/PIE.htc);      
	border:thin #ddd solid;
    background-color:#eef;
	padding:3px;
}


div.code_explained:before
{
   content:' Code Explained \A';
   white-space: pre;
   font-weight:bold;
   left:5px;
   padding-bottom:0px;
   border-radius:15px;
}



div.question:before,
div.question p,
div.code_explained:before,
div.code_explained p
{
	position:relative;
	top:-14px;
}

div.question p,
div.code_explained p
{
	margin-bottom:0px;
}

div.question,
div.code_explained
{
   margin-top:60px;
   margin-bottom:50px;
   padding-top:0px;
   padding-bottom:20px;
}


div.code_explained pre
{
    margin-top: 0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

div.code_explained p
{
	margin-top: 0px;
	margin-bottom:0px;
	padding-top:70px;
	padding-bottom:0px;
}

/* End of question */

blockquote
{
   text-align:justify;
}

.center
{
   text-align:center;
}

li
{

   text-align:justify;
}

TH
{
   text-align:left;
   vertical-align:top;
}

TD
{
   vertical-align:top;
}

DT
{
   font:bold;
   margin-top:20px;
}

.title
{
   text-align:center;
   font-size: 150%;
   text-transform: capitalize;
   font-style:oblique;
   font-weight:bold;
   font-family:"Times Roman";
   filter:dropshadow(color=lightgrey, offx=5, offy=5);   
   margin-bottom:20px;
}

.formula
{
    margin-bottom:50px;
}


.pre_white_background
{
	border:none;
	background-color:white;
}

dt
{
	font-weight:bold;
}