/* reset css */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* Please note: the html for this site does not validate due to project goals for handling video. */


* {
line-height:1.4;
margin:0;
padding:0;
}

body {
background:#00705d url(../images/bkgd.gif) repeat -40% 0;
color:#000;
font:normal 1em/1.5 Georgia, "Times New Roman", Times, serif;
}

#page {
background:transparent;
margin:auto;
width:924px;
}

#banner {
background:#fff;
border:1px solid #ddd;
clear:both;
float:left;
height:125px;
margin:0 0 15px;
padding:0;
width:924px;
}

#banner #logo {
float:left;
height:94px;
margin:5px 0 0;
padding:0;
width:225px;
}

ul#nav {
float:right;
list-style:none;
margin:5px 0;
padding:0;
width:650px;
}

ul#nav li {
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.7em;
font-weight:bold;
letter-spacing:1px;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}

ul#nav li a {
background:#fff;
color:#00705d;
display:block;
margin:0 5px;
padding:2px;
text-decoration:none;
}

ul#nav li a.on {
background:#fff;
color:#000;
text-decoration:underline;
}

ul#nav li a#tell-me {
background:#fff url(../images/tell-me.gif) .5em .5em no-repeat;
color:#666;
margin-right:0;
padding-left:25px;
}

ul#nav li ul#subnav {
clear:both;
list-style:none;
margin:2px 0 0 25px;
padding:0;
width:200px;
}

ul#nav li ul#subnav li {
border:thin solid #FFF;
display:block;
float:none;
font-family:Verdana, Geneva, sans-serif;
font-size:.8em;
margin:0;
padding:0;
text-transform:none;
}

ul#nav li ul#subnav li a {
background:#fff;
color:#666;
display:block;
margin:0;
padding:1px 1px 1px 2px;
text-decoration:none;
}

#content {
float:left;
margin:0;
padding:10px;
width:880px;
}

#article {
float:right;
margin:0;
padding:0;
width:600px;
}

#article p {
margin-right:50px;
}

#what #article {
background:transparent url(../images/questionmark.gif) top left no-repeat;
margin-left:-40px;
padding-left:40px;
}

#what #article div.viewer,#producer #article div.viewer {
background:#fff;
color:#ddd;
margin:5px;
padding:10px 10px 20px;
width:320px;
}

#what #article div.viewer a.youtube_link,#producer #article div.viewer a.youtube_link {
background:#fff;
clear:both;
color:#444;
display:block;
float:right;
font:normal 9px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:5px 1px 1px;
padding:1px;
text-align:right;
text-decoration:none;
text-transform:uppercase;
}

#what #article div.viewer a:hover.youtube_link,#producer #article div.viewer a:hover.youtube_link {
background:#cef2eb;
color:#00705d;
}

#resources #article,#producer #article {
margin-left:-40px;
padding-left:40px;
}

#article ol h2 {
font-size:.9em;
}

#aside {
float:left;
margin:70px 5px 5px 10px;
padding:0;
width:200px;
}

#footer {
clear:both;
font-size:.95em;
margin:5px 0 0;
padding:25px 5px;
width:890px;
}

#footer p {
font-size:9px;
margin-left:280px;
}

a:visited {
color:#aaa;
}

a:active {
color:#fc0;
}

#footer a {
color:#000;
text-decoration:none;
}

object	{
height:256px;
width:320px;
}

h1,h2,h3 {
clear:both;
margin:5px 0;
padding:0;
}

h1 {
background:transparent;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.9em;
text-transform:uppercase;
}

#article dl dt,#article dl dt a,#article dl dt a:visited,h2,h2 a,h2 a:visited {
background:transparent;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.05em;
font-weight:bold;
text-decoration:none;
}

h3 {
font-style:italic;
}

p {
margin:6px 0 15px;
}

ul {
list-style-type:disc;
margin:5px 10px;
padding:0;
}

ol {
background:transparent;
color:#fff;
font-size:1.5em;
list-style-type:decimal;
margin:5px 10px;
padding:0;
}

#resources ol,#producer ol {
list-style-type:lower-alpha;
margin:0;
padding:5px;
}

#resources ol {
font-size:1em;
}

ul li,ol li {
font-weight:bold;
margin:2px 10px;
padding:2px 0 2px .1em;
vertical-align:top;
}

dl {
clear:both;
margin:10px 0;
padding:5px;
}

dl#vcard a {
color:#000;
text-decoration:none;
}

dl#vcard a:hover {
color:#009;
text-decoration:underline;
}

img {
border:0;
}

.portrait {
background:#fff;
border:1px solid #000;
float:left;
margin:15px;
padding:10px;
}

.snap {
background:#444;
margin:0;
padding:5px;
}

.small {
font-size:.5em;
}

.note {
background-color:#f93;
}

.box {
margin:0;
position:relative;
width:100%;
}

.boxTop {
cursor:pointer;
}

.boxTop h2,.boxTop h3,.boxTop h4 {
margin-top:0;
position:relative;
text-indent:0;
}

.boxContent {
margin:0 15px;
}

.boxContent > p:first-child,.boxContent > ul:first-child {
margin-top:0;
}

.boxBottom {
display:block;
height:11px;
}

.clearLeft {
clear:left;
display:block;
margin-bottom:1em;
}

ul#nav li a:hover,ul#nav li ul#subnav li a:hover {
background:#cef2eb;
color:#bbb;
}

a,a:hover {
color:#009;
}