/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html 
	{color:#000;background:#440F0D;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,
p,blockquote,th,td
	{margin:0; padding:0;}
table 
	{border-collapse:collapse;border-spacing:5;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var
	{font-style:normal; font-weight:normal;}
li  {list-style:none;}
caption,th 
	{text-align:left;}
h1,h2,h3,h4,h5,h6 
	{font-size:100%; font-weight:normal;}
q:before,q:after
	{content:'';}
abbr,acronym
	{border:0; font-variant:normal;}
sup	{vertical-align:text-top;}
sub	{vertical-align:text-bottom;}
input,textarea,select
	{font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select
	{*font-size:100%;}
legend
	{color:#000;}

/* fonts */
body
	{font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; *font:x-small;}
select,input,button,textarea
	{font:99% arial,helvetica,clean,sans-serif;}
table
	{font-size:inherit; font:100%;}
pre,code,kbd,samp,tt
	{font-family:monospace; *font-size:108%; line-height:100%;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.body{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 985px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}
.size80{width:80px}
.size220{width:220px;_width:210px}
.size225{width:225px}
.size235{width:235px}
.size250{width:250px} /* using 1of3 was causing a white line depending on window width */
.size345{width:335px;_width:320px}
.size750{width:750px}

body {font-family: Helvetica, Arial, sans-serif;} /* removed unusual fonts */
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding:10px;}
h1, h2, h3, h4, h5, h6,img {padding-bottom:0px;}
pre {margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:5;}
/* ====== Elements ====== */
img	{display:block;}
em {font-style: italic;}
strong {font-weight:bold;}
hr {border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code {color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the 
 * semantically appropriate heading levels - NOT for use on non-headings */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5.h5,h6,.h6 { /* removed heading sizes */
	color:#069;
	font-weight:normal; 
	font-style: normal;}
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category {font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a	{color: #333;}
.important a{font-weight:bold;}
/* links */
a {color: #c00; font-weight:bold;text-decoration: none }
a:hover  {text-decoration: underline }
a:visited { color:#c00; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li {list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li {list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data {padding: 20px; position:relative; zoom:1;vertical-align: top;
	border-right:solid 0px transparent;
/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {border:0px solid #666666; width:100%;}
th, td		{border:0px solid #999999; vertical-align:top;}
.txtC, .data .txtC td, .data .txtC th {text-align:center;}
.txtL, .data .txtL td, .data .txtL th {text-align:left;}
.txtR, .data .txtR td, .data .txtR th {text-align:right;}
.txtT, .data .txtT td, .data .txtT th {vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th {vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th {vertical-align:middle;}
.data th,.data td 	{padding:3px 20px}
.data thead tr		{background-color: #cccccc;}
.data th {font-weight:bold}
/* specification table - extends data table */
.spec {padding:10px;}
.spec table{border-top: 0px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:0px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite {display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout {font-size:189%;color:#999999; font-style:italic;}
.callout cite {display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot {font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast {vertical-align:middle;}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption{/*font-size:13px;*/ color:#666666; font-style:italic;padding-top:0;}
/* will need to either 
1. find a way to capture the width of the caption 
   in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/

/* XXXXXXXXXXX ADJUSTMENTS XXXXXXXXXXX */
/* fonts */
/* reset font-size/line-height to 12px/1.5 */
body{font-size: 80%; 
	line-height: 1.4;/* 18px */} 	
pre,code,kbd,samp,tt
	{font-family:monospace; *font-size:117%; line-height:100%;}
h1, .h1{font-size:200%; line-height:1.50;} /* 24px/36px*/
h2, .h2{font-size:167%; line-height:1.35;} /* 20px/27px*/
h3, .h3{font-size:150%; line-height:1.10;} /* 18px/18px*/
h4, .h4{font-size:133%; line-height:1.13;} /* 16px/18px*/
h5, .h5{font-size:117%; line-height:1.29;} /* 14px/18px*/
h6, .h6{font-size:100%; line-height:1.50;} /* 12px/18px*/
.callout{font-size:150%;} /* 18px*/
.callout cite {font-size:72.2%;}
.caption{font-size:12px;}

/* this creates gutters of 18px, with 9px (50% of line-height) 
 * separation between semantic HTML blocks 
 */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p, address, .block {padding:0px 0px 0;}  /* Note ".block" to pad div, img, etc. */
blockquote {padding:9px 27px 9px}	/* 18px 36px cushion round */
cite {padding-bottom: 9px;}
pre {margin: 9px;}
a {font-weight: normal; background-repeat: no-repeat;}
a:visited {font-color: inherit;} 
a, img {outline:0;}
hr {border: 0; height:1px; margin: 9px 0; background:#999; color: #999;}
ol.simpleList li {margin-left:1.5em;}
ul.simpleList li {margin-left:1.5em;}
sub, sup {line-height:0;} 
dt {font-weight: bold;}
dd {margin-left: 18px;}

.balance {margin-right: auto; margin-left: auto;} 
.callout cite {padding-top: 0px;}
.data, .spec  {padding: 0px;} /* reduced padding since the tables have borders */
.data th, .data td {padding:0px 9px 0px;}
.deco {display: inline;} /* for inline images, etc. */
.imgReplace, .btn {text-indent:-5000px; *font-size:0; *line-height:0;}
.navList li{float:left; margin-left:5px;}
.sep  {padding-bottom: 9px;}
.small {font-size: 83.3%; line-height:1.8;}

/*
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2
*/
/* **************** BLOCK STRUCTURES ***************** */
/* mod */
.mod{margin:10px;}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
/* complex */
.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}
/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}