body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #3e3e3e;
	background-repeat: repeat; 
	background-position: top left;
}

#badge {
	position: fixed;
	bottom: 0;
	right: 0;
	background-image: url('images/too_cool_sash.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 100px;
	width: 100px;
}
	
#wrapper {
	margin: 2em auto 1em auto;
	padding: 0;
	width: 800px;
	background-color: white;
	position: relative;
	border-bottom: 2px solid #2a2a2a;
}

#header {
	background-image: url('images/header_top.gif');
	background-repeat: repeat-x;
	text-align: left;
	position: relative;
	height: 87px;
	border: none;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
padding: 0;
}

#header h1 {
	background-image: url('images/logo_tsonny.png');
	background-position: top left;
	font-size: 13px;
	height: 69px;
	width:  172px;
	margin-top: 12px;
	margin-left: 11px;
	margin-right: 15px;
	padding: 0;
	display: block;
	overflow: hidden;
	border: none;
	float: left;
}

#header h1 a {
	display: block;
	height: 0;
	padding-top: 69px;
	width: 172px;
	padding-left: 0;
	margin-left: 0;
}

#site-helpers {
	float: left;
	list-style-type: none;
	margin-left: 0;
	padding-left: 40px;
	font-size: 10px;
}

#site-helpers li {
	padding-bottom: 1em;
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 0;
}

#site-helpers a {
	color: #5A5A5A;
}

#site-helpers li.hlp1 {
	background-image:  url('images/icon_about.png');
}

#site-helpers li.hlp2 {
	background-image:  url('images/icon_print.png');
}

#site-helpers li.hlp3 {
	background-image:  url('images/icon_email.png');
}

#navbar
{
float: left;
border: 0;
margin: 0;
margin-left:10px;
padding: 0;
height: 87px;
list-style:none;
}

#navbar li {   

height: 87px;
float: left;
width: 123px;
}


#navbar li a {
	border-left: 1px solid #d5d5d5;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	display: block;
	height: 67px;
	color: #aaa;
	text-transform: lowercase;
	text-decoration: none;
}

#navbar li a:hover {
	background-color: #efefef;
}

#navbar li a:first-line {
	font-size: 12px;
	font-weight: bold;
	color: #CD7B04;
	text-transform: none;
	
}

#main {
	text-align: left;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0;
	margin:  0;
	min-height: 200px;
}

#subheader {
	position: relative;
	height: 70px;
	background-image: url('images/logo_tsonny_mirrored.gif');
	background-repeat:  no-repeat;
	background-position:  10px 0;
	padding: 0;
	margin: 0;
	border-top:  1px solid #fff;
}

#breadcrumb {
	padding-top: 5px;
	padding-left: 5px;
	position: absolute;
	left: 300px;
	font-size: 10px;
	color: #777;
}

#breadcrumb a {
	color: #777;
}

#secondary {
	float:  left;
	width: 215px;
	margin: 0;
	padding: 0;
}

#content {
	float: left;
	width: 410px;
	/*margin-right : 250px;*/
	padding-left: 75px;
	line-height: 1.5em;
	font-size: 12px;
	font-family: serif;
	padding-right: 100px;
	margin: 0;
	margin-bottom: 3em;
}

.clear {
	clear: both;
}

#content p {
	/*text-align: justify;*/
	}

#footer {
	position:  relative;
	padding: 2px 5px 3px 20px;
	text-align: left;
	margin: 0;
	border: 0;
	font-size: 9px;
}

#footer p {
	padding: 3px 90px 3px 0;
	margin: 0;
}

#htmlcolophons {
	position:  absolute;
	right: 5px;
	top: 5px;
}

#footer a {
	color: white;
}


/* TEXT STYLING PROPERTIES */
	
code {
	font-family: "Courier New", Courier, mono;
	overflow: auto;
}

pre {
	padding-left: 1em;
	background-color: #5d5d5d;
	color: #fff;
	overflow: auto;
	border-left: 5px solid #4f7897; /*#99cc00;*/
	margin: 2em 0 2em 0;
}	
	
h1 {
	font-family: Garamond,"Helvetica Neue Ultralight", "Avenir", "Century Gothic", serif;
	font-weight: 100;
	font-size: 40px;/* IE bug: medium renders too big */
	padding-left: 75px;
	margin-bottom: 1em;
	margin-top: 1em; /* IE bug: margins are calculated incorrectly */
	color: #666;
}

h2 {
	font-family: Garamond,  serif;
	font-size: 25px; 
	color: #777;
	font-weight: normal;
	margin-top: 2em;
}

#content h2 {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

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

#secondary ul li p {
	padding: 5px;
	padding-left: 15px;
	margin: 0;
	color: white;
	font-weight: bold;
}

#secondary ul li.secondary-rss {
	background-image: url('images/feed-icon-12x12.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 3px 0 3px 18px;
}
#secondary ul li.secondary-rss a {
	color: #777;
}
	
#secondary ul li ul  {
	background-color: white;
	padding: 10px 5px 20px 0px;
}

#subnav li {
	padding: 4px 0 4px 15px;
	background-image: url('images/icon_page.gif');
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

#favourites li {
	padding: 4px 0 8px 36px;
	background-image: url('images/icon_circle.gif');
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	line-height: 1.5em;
	color: #999;
}


#links li {
	padding: 4px 0 8px 15px;
	background-image: url('images/icon_circle.gif');
	background-repeat: no-repeat;
	background-position: 0 0.7em;
	line-height: 1.5em;
	color: #888;
}
 
p.abstract {
	font-weight: bold;
	color: #222;
	margin-bottom: 2em;
}

blockquote.standout {
float: right;
margin-left: 6em;
display: block;
padding: 0;
width: 100px;
font-style: italic;
color: #666;
}
blockquote.standout:before, blockquote.standout:after {
color: #69c;
display: block;
font-size: 600%;
width: 50px;
padding: 0;
margin: 0;
}

blockquote.standout:before {
content: open-quote;
height: 0;
margin-left: -0.5em;
}

blockquote.standout:after {
content: close-quote;
margin-bottom: -20px;   
margin-left: 100px;
padding-top: 15px;
}

input {
	border:  1px solid #aaa;
}
textarea {
	border:  1px solid #aaa;
	width:  100%;
}

ul.image-list-52-52 li {
	background-repeat: no-repeat;
	padding-left: 65px;
	background-position: 0 0.3em;
	min-height: 52px;
	list-style-type: none;
	margin-bottom: 2em;
}

div.imagery {background-color: #333; padding: 20px 10px 10px 10px; color: #ddd; min-height: 200px;
	font-family: "Baskerville", "Times", sans-serif; text-align: center;}
	
div.imagery h3 { font-size: 15px; font-weight: lighter;}
div.imagery img {padding: 4px; border: 1px solid #555;}

a.hdvideo { display:block;
			 width:360px; 
	         height:203px;
	text-align:center;
	
	}
a.hdvideo img {
		margin-top:60px;
		border:0px;
	}