/* CSS Document 
   Modified: 19-jan-2007, by HL
*/
* {margin:0; padding:0;}

/* body */

body {margin:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* header */

div#header {
   /*  width:535px; */
	  height:200px; 
	  /* background-image:url(../_images/codin_header.gif); */
	  background-color:#dcdcdc; /* set background color of header element */
          font-family:Verdana, Arial, Helvetica, sans-serif;
          margin-left:10px; /* create left space  */
          margin-right:10px; /* create right space  */
          margin-top:10px; /* create top space  */
          margin-bottom:10px; /* create bottom space  */

	  }
div#header a {display:block; height:100%; width:100%; /*makes link fill div */
	  color: #f77400;  /* sets link color */
	  text-decoration:none; /*removes underlining */
	  } 
div#header a:hover {
      color: #00ff00; /* color of type when rolled over */
	  text-decoration:underline; /* underlines type when rolled over */
	  background-color:#000000; /* changes background color when link is rolled over */
	  }

div#header table {
              font-size:.85em;
              }

/* wrapper */

div#wrapper {
      width:560px;
	  float:left; /* floated left to ensure it encloses the floated nav and content divs */
	  border: 1px solid #888888;
	  background-color:#e9e9e9;
          margin:1px 10px; /* create t/b & l/r space  */
	  } 

/* left navigation menu */

div#l_navigation {
      width:25%; /* set width of nav element */
	  float:left; /* moves nav up and to left as far as possible within contaning body element */
	  margin: 10px 5px 10px 5px; /* top right bottom left */
	  background-color:#dcdcdc; /* set background color of nav element */
	  border:1px solid #888888; /* set border of nav element */
	  font-family: Verdana, Arial, Helvetica, sans-serif; /* set font of nav element */
	  font-size:.8em; /* set font size of nav element */
	  color:#5d5d5d;
	  }
div#l_navigation ul {
      margin:12px 10px; /* create t/b & l/r space around menu items on background */
      border-top:1px dotted #999999; /* add a line over the first item in the menu */
	  }
div#l_navigation li {
      list-style-type:none; /* remove the bullets off the list */
      border-bottom:1px dotted #999999; /* add a line under each menu item */
	  }
div#l_navigation a {
      display:block; /* change the link elements from inline (default) to block so they fill the 'li' elements */
	  padding:3px 10px;   /* create t/b & l/r space around the the link text - indents text from start of lines */
	  color: #f77400;  /* sets link color */
	  text-decoration:none; /*removes underlining */
	  } 
div#l_navigation a:hover {
      color: #00ff00; /* color of type when rolled over */
	  text-decoration:underline; /* underlines type when rolled over */
	  background-color:#000000; /* changes background color when link is rolled over */
	  }

/* right navigation menu */

div#r_navigation {
      width:150px; /* set width of nav element */
	  float:right; /* moves nav up and to right as far as possible within contaning body element */
	  margin: 10px 5px 10px 5px; /* top right bottom leftt */
	  background-color:#DCDCDC; /* set background color of nav element */
	  border:1px solid #888888; /* set border of nav element */
	  font-family: Verdana, Arial, Helvetica, sans-serif; /* set font of nav element */
	  font-size:.8em /* set font size of nav element */
	  }
div#r_navigation ul {
      margin:12px 10px; /* create t/b & l/r space around menu items on background */
      border-top:1px dotted #999999; /* add a line over the first item in the menu */
	  }
div#r_navigation li {
      list-style-type:none; /* remove the bullets off the list */
      border-bottom:1px dotted #999999; /* add a line under each menu item */
	  }
div#r_navigation a {
      display:block; /* change the link elements from inline (default) to block so they fill the 'li' elements */
	  padding:3px 10px;   /* create t/b & l/r space around the the link text - indents text from start of lines */
	  color: #f77400;  /* sets link color */
	  text-decoration:none; /*removes underlining */
	  } 
div#r_navigation a:hover {
      color: #00ff00; /* color of type when rolled over */
	  text-decoration:underline; /* underlines type when rolled over */
	  background-color:#000000; /* changes background color when link is rolled over */
	  }

/* botoom navigation menu */

div#b_navigation {
      /* width:535px; /* set width of nav element */
	  float:bottom; /* moves nav down and to left as far as possible within contaning body element */
	  margin: 10px 10px 5px 5px; /* top right bottom left */
	  background-color:#dcdcdc; /* set background color of nav element */
	  border:1px solid #888888; /* set border of nav element */
	  font-family: Verdana, Arial, Helvetica, sans-serif; /* set font of nav element */
	  font-size:.75em; /* set font size of nav element */
	  color:#5d5d5d;
    	  text-align:center;
	  }

div#b_navigation ul {
      margin:12px 5px; /* create t/b & l/r space around menu items on background */
      /* border-top:1px dotted #999999; /* add a line over the first item in the menu */
	  }
div#b_navigation li {
      list-style-type:none; /* remove the bullets off the list */
      /*  border-bottom:1px dotted #999999; add a line under each menu item */
	  }
div#b_navigation a {
      /*  display:block; change the link elements from inline (default) to block so they fill the 'li' elements */
	  padding:3px 10px;   /* create t/b & l/r space around the the link text - indents text from start of lines */
	  color: #f77400;  /* sets link color */
	  text-decoration:none; /*removes underlining */
	  } 
div#b_navigation a:hover {
      color: #00ff00; /* color of type when rolled over */
	  text-decoration:underline; /* underlines type when rolled over */
	  background-color:#000000; /* changes background color when link is rolled over */
	  }

/* content */

div#content {
        width:auto;
	  	margin: 10px 2px 10px 2px; 
	  	padding:1em 10px;
	  	float:left; /* floating this div as well as the nav div forms two columns */
	  	background-color:#DCDCDC; /* set background color of content element */
	  	border:1px solid #888888; /* set border of content element */
	  	font-size:.7em; /* overall sizing for content area */
	  }
div#content h1 {
        font-size:1.6em;
    	margin-top:.3em;
	  	color:#444444;
	  }
div#content h2{font-size:1.4em; margin-top:.6em;}
div#content ul {
      margin:1em 20px;
	  }
div#content li {
      list-style-type:none;
	  	margin:0 0 .5em 0}
div#content a {
      color: #f77400;
      text-decoration:none; /*removes underlining */
	  }
div#content a:hover {
      color: #00ff00; /* color of type when rolled over */
	  text-decoration:underline; /* underlines type when rolled over */
	  background-color:#000000; /* changes background color when link is rolled over */
	   }
	  
/* the ref links on the user page */

div#ref_links {margin:0 0 0 1.4em;}
div#ref_links h3 {font-weight:bold; margin:.2em 0 0 0;}
div#ref_links p {margin:0;}
div#ref_links a {font-weight:bold; margin-bottom:.75em;}
div#ref_links a:hover {text-decoration:none;}

/* table */

table h3 {padding:10px 0 0 0;margin:0; border-top:2px solid #CCC;}
table {border-bottom:1px solid #CCC;}
table td {padding:0 2px; vertical-align:top; border-top: 1px solid #CCC;}
table td:first-child {font-weight:bold;} 
table td:second-child {font-weight:bold;}
table td.url {border-top:0; font-weight:normal;}


/* the ref links on the admin page */

div#links_admin_form h3 {padding:10px 0 0 0; margin:0;}
div#links_admin_form label {display:block; margin:8px 0 2px 0;}
div#links_admin_form a {display:block; color:#066; margin:3px 0 10px;}
div#links_admin_form a:hover {color:#000; text-decoration:none;}
div#links_admin_form input[type="submit"] {display:block; margin-top:8px;}

/* footer */

div#footer {
    	   background-color:#dcdcdc; /* set background color of header element */
           margin-left:10px; /* create left space  */
           margin-right:10px; /* create right space  */
           margin-top:10px; /* create top space  */
           margin-bottom:10px; /* create bottom space  */	   float:left;

          }
div#footer p {
			font-size:.7em;
			text-align:center;
			margin:3px 10px;
		}

div#footer li {
      list-style-type:none; /* remove the bullets off the list */
      border-bottom:1px dotted #999999; /* add a line under each menu item */
	  }
div#footer a {
	  color: #f77400;  /* sets link color */
	  text-decoration:none; /*removes underlining */
	  } 
div#footer a:hover {
      color: #00ff00; /* color of type when rolled over */
	  text-decoration:underline; /* underlines type when rolled over */
	  background-color:#000000; /* changes background color when link is rolled over */
	  }