#content{float:left;width:500px}
#navigation{float:right;width:204px}
#extra{clear:both;width:100%}

#page img {
	border: 1px solid #369;
	padding:1px;
}

#hats {
  margin:0;
  padding:0;
  list-style:none;
  width:100%; height:90px;
  }
#hats li {
  float:left;
  margin:0;
  display:block;
  padding:0;
  width:75px;
  max-width:85px;
  text-align:center;
  font-family:Helvetica,Arial,sans-serif;
  font-size:0.8em;
  color:#333;
  }
#hats li img {
	border:0;
	padding:0;
  }
  
  
.long-quote {
	float:left;
	width:250px;
	padding:6px;
	border:1px solid #369;
  	font-family:Helvetica,Arial,sans-serif;
	color:#369;
	margin: 6px 6px 6px 0;
}  
.long-quote blockquote {
	padding:0;
	margin:0;
	text-indent:0;
	font-style:italic;
}
.long-quote cite {
	font-weight:bold;
	font-style:normal;
}
.long-quote2 {
	float:right;
	width:250px;
	padding:6px;
	border:1px solid #369;
  	font-family:Helvetica,Arial,sans-serif;
	color:#369;
	margin: 6px 0 6px 6px;
}
.long-quote2 blockquote {
	padding:0;
	margin:0;
	text-indent:0;
	font-style:italic;
}
.long-quote2 cite {
	font-weight:bold;
	font-style:normal;
}


#thought {
	float:left;
	width:250px;
	padding:6px;
	border:1px solid #369;
  	font-family:Helvetica,Arial,sans-serif;
	color:#000;
	margin: 6px 6px 6px 0;
}

#thought img {
}

#thought h4 {
	color: #369;
}

#thought ul {
	margin:0;
	padding:0;
  	list-style:none;
}
#thought li {
	display:block;
	font-weight:bold;
	font-size:0.9em;
}
#thought li img {
	float:left;
	border: 0;
	padding:0 6px 6px 0;
}

.thought-type2 {
	float:right;
	width:250px;
	padding:6px;
	border:1px solid #369;
  	font-family:Helvetica,Arial,sans-serif;
	color:#369;
	margin: 6px 0 6px 6px;
}

#prevlink {
	float:left;
	padding:6px;
}

#nextlink {
	float:right;
	padding:6px;
}
.prevlink {
	float:left;
	padding:6px;
}

.nextlink {
	float:right;
	padding:6px;
}

  
#navigation{
	background-color: #eee;
	padding:6px;
	border:1px dashed #ddd;
}

#navigation #links h4 {
	font-style:italic;
}

#navigation #links ul.internal
{
	list-style:none;
	margin:0;
	padding:0 0 16px 0;
}

#navigation #links ul.external li a
{
	color:#369;
}

#navigation #links ul li
{
	margin:0;
	padding:0 0 6px 0;
}

#navigation #links ul.internal li
{
	display:block;
}

#extra ul {
  margin:0;
  list-style:none;
  }
#extra li {
  float:left;
  margin:0;
  display:block;
  padding:0 10px 0 10px;
  font-family:Helvetica,Arial,sans-serif;
  font-size:0.8em;
  color:#333;
  }
  
#extra h3 {
  color:#369;
  padding-top:10px;
}

#extra-hats {
	margin:0;
	padding:0;
}

#extra-hats li {
  float:left;
  margin:0;
  padding:0 30px 0 0;
  font-family:Helvetica,Arial,sans-serif;
  font-size:1.1em;
  color:#369;
  vertical-align:top;
}  
#extra-hats li img
{
	float:left;
	padding:0;
	border:0;
}

.news-item {
	border-bottom:2px solid #369;
	margin-bottom:10px;
}

.news-item img {
	float:right;
	padding:6px 0 6px 6px;
}


#thumbnails {
	height:400px;
	width:160px;
	overflow:auto;
	float:right;
}

#thumbnails a {
	display:table-cell;
	width:100px;
	height:100px;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}

#thumbnails a img {
	border:0;
	margin:0;
	padding:0;
}

img#main-image {
	border:0;
	margin:0;
	padding:0;
}
#main-image {
	border:0;
	margin:0;
	padding:0;
}

table#links {
	border:0;
	margin:0;
	padding:0;
}

table#links tr td {
	padding: 0 12px 12px 0;
}

.warning {
	color:red;
}