/* === MAKING_SUSHI.CSS ==== */
/* Alan Colquhoun, MDIA 3201 */
/* Last Update: Jan 20, 2012 */
/* ========================= */

body {
  color: #000; background: #123;
  font-family: verdana, arial, geneva, sans-serif;
  font-size: 80%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center; /* Centers IE6 */
}  

a:link {
  color: #0000ff; background: #fff;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #808; background: #fff;
  font-weight: bold;	
  text-decoration: none;
}

a:active {
  color: #808000; background: #fff;
  font-weight: bold;	
  text-decoration: none;
}

a:hover {
  color: #ff0000; background: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#wrapper {
  /* color: #000; background: #ccc; -- Only necessary if #sidepanel width is less than 227px */ 
  margin: 0 auto; /* Centers page for Firefox and IE7+ */
  text-align: left;
  width: 980px;
}

#header {
  color: #fff; background: #000;
}

#header h1 {
  color: #fff; background: transparent;
  font-size: 250%;
  font-weight: normal;
  text-align: center;
  margin: 0;
  padding: 40px 0;
}

#content { /* This is the column on the right = 753px, i.e. Content Column */
  color: #000; background: #fff;
  float: right;
  margin: 0;
  padding: 0; /* no padding added to div with a width */
  width: 753px; height: 575px; 
}

#content h2 {
  color: #000; background: #fff;
  font-size: 130%;
  font-weight: bold;
  padding: 15px 20px;
}

#content p {
  line-height: 130%; /* adds some breathing room between lines */
  margin: 0;
  padding: 0 40px 10px 20px; /* top right bottom left*/
}    

.image {
  padding-left: 25px;
}

.txtarea {
  padding: 25px;
}

.step {
	height: 250px;
}

img.floatleft { 
  float: left; 
  margin: 10px 10px 10px 20px; /* top right bottom left */ 
  padding: 5px;
  border: 1px solid #000;
}

#sidepanel { /* This is the column on the left = 227px, i.e. Menu Column */
  color: #000; background: #ccc;
  float: left;
  margin: 0;
  padding: 0; /* no padding added to div with a width */
  width: 227px; height: 575px;
}

#navcontainer {
  padding: 30px 0 16px 25px; /* top right bottom left */
}

#navcontainer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navcontainer li { 
  margin: 0 0 5px 0; 
}

#navcontainer a {
  border: 1px solid #000;
  color: #000; background: #9a9aff;
  display: block;
  font-weight: bold;
  padding: 8px 10px 8px 19px;
  text-decoration: none;
  width: 145px;
}

#navcontainer a:hover {
  border: 1px solid #000;
  color: #fff; background: #a20000;
}

#navcontainer a#current { /* style for current page link */
  color: #000; background: #ff5d5d;
  text-decoration: none;
}

#japns { /* Kampai! */
  font-size: 180%;
  margin: 10px 0 0 66px;
}

#japns a {
  font-weight: bold;
}
  
#footer {
  clear: both; /* clear left & right floats */
  padding: 10px;
  margin: 0;
  font-weight: bold;
  height: 40px;
  color: #fff; background: #000;
}

#footer p {
  padding: 0; 
  margin: 0;
  line-height: 300%; 
  text-align: center;
}