/* I'm Skot. This is my stylesheet */

html { margin: 0px;
	 }

body { margin: 0px;
	   font-family: Helvetica, Verdana, Sans-Serif;
	   font-size: 10px;
	 }

 a:link { font-weight: bold;
		  text-decoration: none;
  		  color: #ff9933;
		}

 a:hover { text-decoration: underline;
		 }

 a:visited { text-decoration: none;
			 font-weight: bold;
			 color: #ff9933;
		   }

/* header specific elements */

#header { position: absolute;
		  top: 30px;
		  left: 25px;
		  line-height: 110%;
		  width: 712px;
		  padding: 0px;
		  vertical-align: bottom;
		}


#header img { border: 0px;
			  margin: 0px;
			  padding: 0px;
			}

#header p { font-family: Helvetica, Serif;
				 font-size: 10px;
				 text-align: right;
				 margin-top: 0px;
                                 margin-bottom: 5px;
                                 line-height: 100%;
			   }

#header a { font-weight: bold;
				 text-decoration: none;
				 color: #ff9933;
			   }

/* left, middle and right are our three main columns */

#columnOne  { width: 136px;
		      float: left;
			}
		
#columnTwo { margin-left: 8px;
			 width: 136px;
		     float: left;
			}

#columnThree { margin-left: 8px;
			   width: 424px;
			   float: left;
			 }

#columnFour { margin-left: 8px;
		      width: 170px;
		      float: left;
		      padding: 0px;
		    }
		    
	#columnFour p { font-family: Helvetica, Sans Serif;
				    font-size: 10px;
				  }
	
	#columnFour a:link { font-family: Helvetica, Sans Serif;
						 font-weight: bold;
						 color: #ff9933;
						 text-decoration: none;
					   }

	#columnFour a:active { text-decoration: underline;
						}

	#columnFour a:visited { font-family: Helvetica, Sans Serif;
						    font-weight: bold;
						    color: #ff9933;
						    text-decoration: none;
						  }
	#columnFour .sidebarThumbnail { border: 2px solid #8e8e8e;
									padding: 10px;
									border-radius: 5px;
									-o-border-radius: 5px;
									-icab-border-radius: 5px;
									-khtml-border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
								   }
				  
			   
/* body Content is the stuff below the header */
			   
#bodyContent { position: absolute;
		       left: 25px;
		       top: 138px;
		       width: 970px;
		     }

/* Everything below here is being use for style inheritance */

	#mainNav p { font-family: Trebuchet MS, sans serif;
				 text-align: left;
				 margin-bottom: 40px;
				 margin-top: 0px;
				 text-transform: lowercase;
			   }
	
	#mainNav a:link { color: #ff9933;
					  font-weight: bold;
					  text-decoration: none;
					}
	
	#mainNav a:hover { text-decoration: underline;
					 }
	
	#mainNav a:visited { color: #ff9933;
						 font-weight: bold;
						 text-decoration: none;
					   }

	#secondNav p { font-family: Trebuchet MS, Sans Serif;
				   text-align: left;
				   margin-bottom: 40px;
				   margin-top: 0px;
				   text-transform: lowercase;
			      }

	#secondNav a:link { font-weight: normal;
						text-decoration: none;
						color: #ff9933;
					  }
	
	#secondNav a:active { font-weight: normal;
					     text-decoration: underline;
						 color: #ff9933;
					   }
	
	#secondNav a:visited { font-weight: normal;
						   text-decoration: none;
						   color: #8e8e8e;
						 }

	#secondNav ol { margin: 0px;
					padding: 15px;
				  }
	

#mainBody { margin: 0px;
			text-align: left;
			font-family: Helvetica, Verdana, Sans-Serif;
			font-weight: normal;
			font-size: 11px;
		  }
	
	#mainBody h1 { font-family: Trebuchet MS, Sans Serif;
   				   font-weight: bold;
				   font-size: 12px;
				   color: #ff9933;
				   margin: 0px 10px 0px 0px;
				   line-height: 100%
				 }
	
	#mainBody h2 { font-family: Trebuchet MS, Sans Serif;
				   font-weight: bold;
				   font-size: 12px;
				   color: #ff9933;
				   margin: 0px 10px 0px 0px;
				   line-height: 100%
				 }
	
	#mainBody h3 { font-family: Trebuchet MS, Sans Serif;
			       font-weight: bold;
				   font-size: 12px;
				   color: #8e8e8e;
				   margin: 0px 10px 0px 0px;
				   line-height: 100%
				 }

	#mainBody h4 { font-size: 12px;
				   color: #8e8e8e;
				   margin: 0px 5px 0px 0px;
				 }

	#mainBody p { font-family: Times, Serif;
			      font-size: 11px;
				}
	
	#mainBody li { font-family: Times, Serif;
				 }

	#mainBody .bodyBold { font-weight: bold;
						}						

	#mainBody strong { font-weight: bold;
					   color: #ff9933;
					 }

	#mainBody emphasis { font-style: italic;
	  				     color: #ff9933;
	  				   }

    #mainBody blockquote { font-family: Times;
    					   padding: 5px 0px 0px 5px;
    					   color: #3e3e3e;
    					 }
	#mainBody a:link { font-weight: normal;
					   text-decoration: none;
					   border-bottom: #8e8e8e;
					   border-width: 0px 0px 1px 0px;
					   border-style: none none dotted none;
					   color: #ff9933;
					 }

	#mainBody a:active { text-decoration: none;
					  }

	#mainBody a:visited { font-weight: normal;
					   	  text-decoration: none;
					   	  border-bottom: #8e8e8e;
					   	  border-width: 0px 0px 1px 0px;
					   	  border-style: none none dotted none;
					      color: #ff9933;
					    }

	#mainBody .caption { font-size: 9px;
						 font-style: italic;
						 margin-top: 3px;
					   }
					    
	#pulloutQuote { font-family: MS Trebuchet;
				    font-weight: bold;
				    color: #8e8e8e;
				    border: #8e8e8e;
				    border-width: 1px 0px 1px 0px;
				    border-style: solid none solid none;
				    padding: 3px;
				    float: right;
				    width: 136px; 
				    margin-left: 3px;
				    background-image: url(http://www.penguinstorm.com/images/quotes.gif);
				    background-repeat: no-repeat;
					min-height: 88px;
					vertical-align: middle;
				  }

	#pulloutQuote p { margin: 0px;
					}

/* Sidebar - with background colors and rounded corners */

#sideBar { position: absolute;
		   top: 140px;
		   left: 785px;
		   width: 136px;
		   height: 200px;
		   font-family: Times, Serif;
		   font-size: 10px;
		   color: #ffffff;
		   background-color: #ff9933;
		   padding: 3px;
		   background-image: url("http://www.penguinstorm.com/sfu/crane/images/sidebarBackground.jpg");
  	     }
	
#sideBar h2 { font-family: Helvetica;
			  font-size: 12px;
			  font-weight: bold;
			  margin-bottom: 0px;
			  color: #cecece;
  	        }

#sideBar .emphasis { font-family: Helvetica;
        			 font-style: italic;
        			 font-weight: bold;
        		   }

/* Some styles and divs that we use to insert the entries in the fourth column */

#categoryLabel { width: 15px;
				 float: left;
				 height: 150px;
				 margin-bottom: 5px;
				 margin-left: 5px;
				 text-align: right;
               }

	#categoryLabel img { margin: 0px;
						 border: 0px;
						 padding: 0px;
					   }

#columnFourEntry { width: 150px;
				   float: left;
				   text-align: left;
				   min-height: 150px;
				   margin-bottom: 5px;
				   vertical-align: top;
				   font-family: Times, Serif;
				   font-size: 11px;
				 }

#nextPrevious { float: right;
				font-size: 10px;
				font-family: Trebuchet MS, Sans Serif;
			  }

#nextPrevious a:link { font-weight: normal;
					   text-decoration: none;
					   color: #ff9933;
					 }

#nextPrevious a:active { text-decoration: underline;
						 font-weight: normal;
						 color: #cecece;
				       }

#nextPrevious a:hover { text-decoration: underline;
					  }

#nextPrevious a:visited { text-decoration: none;
						  font-weight: normal;
						  color: #ff9933;
						}

#deliverables { background-color: #f3f3f3;
				border-color: #ff9933;
			    border-style: solid 1px 1px 1px 1px;
			  }

#categoryDescription { font-family: MS Trebuchet;
				       font-weight: bold;
				       color: #ff9933;;
				       border: #ff9933;;
				       border-width: 1px 0px 1px 0px;
				       border-style: solid none solid none;
				       width: 414px; 
					   padding: 5px;
					   background-image: url('http://www.penguinstorm.com/images/greyGrid.gif');
					   background-repeat: repeat;
					   margin-bottom: 20px;
					 }

#screenShots { float: right;
			   width: 150px;
			   border: #cecece;
			   border-width: 1px;
			   border-style: solid;
			   border-width: 0px 0px 1px 1px;
			   padding: 0px 0px 0px 2px;
			   margin-left: 3px;
			 }

#screenShots p { font-family: MS Trebuchet, Sans Serif;
				 font-size: 9px;
				 margin-top: 0px;
			   }

#screenShots img { padding: 2px;
				   border: #cecece;
				   border-style: solid;
				   border-width: 1px 1px 1px 1px;
				   margin-top: 3px;
				   margin-bottom: 3px;
				 }

#screenShots a:link { color: #8e8e8e;
				 	  font-weight: bold;
				 	  margin-bottom: 3px;
				 	  text-decoration: none;
			   		}

#screenShots a:visited { color: #8e8e8e;
						 font-weight: bold;
      				   }

#mainBody img.screenShot { border: #cecece;
						   border-style: solid;
						   border-width: 1px 1px 1px 1px;
						  }

#historySummary { border: #cecece;
				  border-style: dotted;
				  border-width: 0px 0px 1px 0px;
			      font-family: Times, Serif;
			      margin-bottom: 5px;
			      float: none;
min-height: 150px;
clear: both;
				}

#historySummary img { border: #cecece; border-style: solid; border-width: 1px 1px 1px 1px; padding: 2px; margin: 0px 0px 2px 2px;}

#definitions { font-size: 9px;
			   color: #090909;
			   font-family: Trebuchet MS, Helvetica, Sans Serif;
			   margin-top: 20px;
			 }

#definitions h1 { font-size: 10px;
				  font-weight: bold;
				  margin-top: 6px;
				  margin-bottom: 6px;
				  color: #ff9933;
				}

#definitions h2 { font-size: 9px;
			      font-weight: bold;
				  color: #000000;
				  margin-top: 3px;
				  margin-bottom: 3px;
				}