/*
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:#FFF;}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:0;}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%;}
/* end of Yahoo! material */
/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}
.unit{float:left;zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;_width:49.9% !important;}
.size1of3{width:33.33333%;_width:33.25% !important;}
.size2of3{width:66.66666%;_width:66.65% !important;}
.size1of4{width:25%;_width:24.95% !important;}
.size3of4{width:75%;_width:74.95% !important;}
.size1of5{width:20%;_width:19.95% !important;}
.size2of5{width:40%;_width:39.95% !important;}
.size3of5{width:60%;_width:59.95% !important;}
.size4of5{width:80%;_width:79.95% !important;}
.lastUnit {float:none;_float:right;}
.focus {width:700px; margin-left: auto; margin-right: auto;}
/* **************** CONTENT OBJECTS ***************** */
.logo { height: 60px; width: 820px; margin: 10px auto;}
.menu { background: #030;}
.nav {overflow: hidden; clear: both;}
.nav, .nav li { list-style: none; margin: 0; padding: 0;}
.nav li { display: inline;}
.nav a, .nav a:visited { color: #fff; display: block; float: left; padding: 10px 6px; text-decoration: none; font-size: 1em;}
.intro { background: url("../images/bg/intro.png") repeat left top; padding-bottom: 30px;}
.intro h1 { background: none; color: #fff; font-size: 310%; margin-bottom: 0.3em; padding-top: 20px;}
.intro h2 { color: rgb(250,218,122); width: 70%;}
.content {background: #fff url("../images/bg/content.png") repeat-x left top; padding-top: 30px; padding-bottom: 30px;}
.foot { background: #3b2f00 url("../images/bg/foot.gif") repeat left top; color: #fff; padding-bottom: 40px; border-top: 5px solid #3b2f00;}
.diagram { position: relative; }
.caption { position: absolute; width: 390px; top: 20px; right: 20px;}
.caption_top { }
.caption_middle { top: 150px; width: 340px;}
.caption_bottom { top: 280px; width: 320px;}
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p {padding:10px;}
p {padding-top: 0;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;}
table {border: 1px solid rgb(114,124,163); margin: 0.5em auto;}
thead th {text-align: center; background: rgb(114,124,163); color: #fff;}
th, td { padding: 6px; vertical-align: top;}
td { border: 1px solid rgb(114,124,163);}
dl { width: 80%; margin-left: auto; margin-right: auto;}
dt { font-weight: bold; color: rgb(114,124,163);}
dd { margin-left: 1em; margin-bottom: 0.5em;}
li { list-style: disc; margin-left: 1.3em;}
li li { list-style-type: circle;}
/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #BCBCBC; border-width: 0 0 5px 0; margin: 20px 20px 0 20px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
h1, h2, h3 { font-family: Palatino, Georgia, "Times New Roman", serif;}
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:310%;  font-weight:normal; font-style: normal; color: rgb(114,124,163); /*background: url("../images/bg/h1.png") repeat left top;*/ padding: 0px 10px 0; margin-bottom: 10px;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#060;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#3b2f00; padding-bottom: 0;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #030; padding-bottom: 0;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}
/* 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: #036; }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
a.external::after { content: '»'; color: rgb(250,218,122);}
/* heading links */
h1 a, .h1 a, 
h2 a, .h2 a,
h3 a, .h3 a, 
h4 a, .h4 a{color:#036; font-weight:normal;display:block;} 
h5 a, .h5 a{color:#993300; font-weight:normal;display:block;}
h6 a, .h6 a{color:#404040; font-weight:normal;display:block;}
.h1 a:visited, h1 a:visited{color:#036;} 
.h2 a:visited, h2 a:visited{color:#036;}  /* #829e00 */
.h3 a:visited, h3 a:visited{color:#036;} 
.h4 a:visited, h4 a:visited{color:#036;} 
.h5 a:visited, h5 a:visited{color:#993300;}
.h6 a:visited, h6 a:visited{color:#404040;}
/* ====== 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;}
.columned { overflow: hidden; clear: left; }
.columned li { float: left; display: block; width: 33%; margin: 0; font-weight: bold;}