html { margin: 0px;
     }

body {	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		color: #000000;
		background-color: #ffffff;
		margin: 0px;
	}
	
a:link { font-weight: bold;
		 text-decoration: none;
		 color: #68b9ff;
		}

a:active {	font-weight: bold;
			text-decoration: underline;
			color: #68b9ff;
		 }
		
a:visited { font-weight: bold;
			text-decoration: none;
			color: #68b9ff;
		  }

a:hover	{ text-decoration: underline; }

/* This makes sure that silly browsers don't insert an extra p tag after a div */

div:first-child p { margin-top: 0px;
				  }
				   			
h1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: bold;
		color: #000000;
	}

h2 {	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: italic;
		font-weight: bold;
		color: #000000;
}

h3 {	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
		font-weight: bold;
		color: #68b9ff;
		margin-bottom: 0px 5px 0px 0px;
        line-height: 10px;
      }

p	{	font-style: normal;
		line-height: 13pt;
		color: #000000;
	}

img { margin: 0px;
	  border: 0px;
    }

blockquote { font-family: Times, Serif;
			 font-size: 12px;
			 color: #333333;
			 margin-left: 10px 5px 10px 5px;
			 line-height: 105%;
           }
           
td	{	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 13pt;
		color: #000000;
	}

li	{	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: 13pt;
		color: #000000;
	}

/* Yeah Yeah. Ignore what I did before. We're going to use boxes inside boxes now */

#headerBox { position: absolute;
			 top: 25px;
			 left: 25px;
			 width: 712px;
			 text-align: right;
			 vertical-align: bottom;
           }

#headerBox p { margin: 0px; 
			 }

/* Note the friggin' width below. Internet Explorer does something stupid and it shouldn't have be this wide, but it is.*/
#bodyBox { position: absolute;
		   top: 138px;
		   left: 25px;
		   width: 920px;
		 }

/* These three DIVs are our columns, and they all float left. Fun. */

#columnOne { width: 136px;
			 float: left;
			 padding: 0px;
		   }

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

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

/* columnFour only gets used on certain ocassions; it's fun though */

#columnFour { margin-left: 8px;
			  float: left;
			  width: 150px;
			}

#columnFour p { line-height: 100%;
			  }


/* Styles below are mostly used in the main body. We should have them in a DIV */

.quote { 	font-family: serif;
			font-size: 10px;
			color: #333333;
			margin-left: 10px;
			margin-right: 10px;
			}
			
.thumbnail { 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;
	   	   }

.sidebarThumbnail { border: 2px solid #8e8e8e;
			        padding: 23px;
			        border-radius: 5px;
			        -o-border-radius: 5px;
					-icab-border-radius: 5px;
					-khtml-border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				   }
			
.indentOne {	margin-left: 10px;
			}

.indentTwo {	margin-left: 20px;
			}
			
.bodyEmphasis {	font-weight: bold;
		 }

.bodyBold {	font-weight: bold;
		 }

#caption { font-family: Trebuchet MS, Sans Serif;
		   font-style: italic;
		   margin-top: 0px;
		   font-size: 9px;
		   line-height: 100%;
		 }

#caption p { line-height: 100%;
          }
			
.date {	font-weight: bold;
		color: #68b9ff;
      }

.mainNav {  line-height: 20pt;
		 }

.plainBackground {  background-color: #ff9900;
					background-image: url(images/dot.gif);
				 }

.shadedBackground { background-color: #ffa80f;
				  }

.tertiary { font-size: 7px;
			font-weight: normal;
		  }
		  
.greyHeading { font-weight: bold;
			   color: #8e8e8e;
			 }

.greyText { font-weight: normal;
			color: #8e8e8e;
			font-style: italic;
	      }


.inlineHeading { font-weight: bold;
			     color: #68b9ff;
			   }

#secondNav:first-child p { margin-top: 0px;
text-transform: lowercase:
					     }

#secondNav p { margin-top: 5px;
			   line-height: 120%;
text-transform: lowercase;
			 }
			 
#secondNav .greyHeading { font-weight: bold;
						  color: #8e8e8e;
						}
						
#calendar { padding: 20px;
			font-size: 9px;
		  }

#calendar caption { font-weight: bold;
					color: #68b9ff;
				  }

#calendar a { font-weight: normal;
			  color: #68b9ff;
			  font-size: 9px;
			}

#calendar td { font-size: 9px;
			 }
			 
#quote 	{ 	font-family: serif;
			font-size: 10px;
			color: #333333;
			margin-left: 10px;
			margin-right: 10px;
			}
			
#quote 	p { font-family: serif;
			font-size: 10px;
			color: #333333;
			}
			
#comments { font-family: serif;
			font-size: 11px;
		  }
		  
#comments .name { font-weight: bold;
                }

.imageLeft { padding: 0px 2px 2px 0px; }

.imageRight { padding: 0px 0px 2px 2px; }

#tagListing { line-height: 100%;
     letter-spacing: -2px;
         	}

#tagListing .size1 { font-size: 16px;
			   	   }

#tagListing .size2 { font-size: 15px;
			       }

#tagListing .size3 { font-size: 13px;
			       }

#tagListing .size4 { font-size: 12px;
			       }

#tagListing .size5 { font-size: 10px;
			       }

#tagListing .size6 { font-size: 8px;
			       }