/* body{font-family: Arial, Helvetica, sans-serif;} */
/* **************** 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{padding:0;}
/* ====== Elements ====== */
img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 3px ridge #e2e2e2; border-width: 0 0 5px 0; margin: 10px 5px 10px 5px;}
code{color:#005a9c;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:200%; font-weight:normal; font-style: normal; color:#26427a;}
h2, .h2{font-size:150%; font-weight:normal; font-style: normal; color:#26427a;}
h3, .h3{font-size:125%; font-weight:normal; font-style: normal; color:#26427a;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #26427a;}
h5, .h5{font-size:100%; font-weight:bold; font-style: italic; color:#26427a;}
h6, .h6{font-size:83.33%; font-weight:bold; font-style: italic; color:#26427a;}
/* 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;}
.admin {font-weight:bold; font-style:italic; color:#000;}
.boldem {font-weight:bold; font-style:italic;}
.subTxt {font-size:85%; margin-top:.2em;}
.subTxt2 {font-size:90%; }
.secLine {margin-top:-.70em;}
/* links */
a {color: #005a9c; text-decoration: underline;}
a:focus, a:hover {text-decoration: underline; background-color:#ffde00;}
a:focus{background-color:#ffde00;}
a:visited { color:#005a9c; }
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:30px;}
/* standard list */
ul.simpleList li{list-style-type:circle; margin-left:30px;}
ul.bulletList li{list-style-type:disc; margin-left: 30px;}
/* ====== Tables ====== */
.data{padding: 5px 20px 5px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:double #26427a;border-bottom: solid 5px #26427a;}
th, td{vertical-align:top;border:1px single #26427a;}
.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:5px 10px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px; margin:10px;}
.spec table{background-color: #dfe6ed; border: inset #26427a; }
.spec th, .spec td{border-top: inset #26427a; border-right: inset #26427a; padding-left:10;}
.spec .odd, .spec .even{background-color: #dfe6ed;}
/* navigation table - extends data table */
.navTable{width:auto;margin:0;border:0;}
/* workshop table - extends data table */
.workshop{font-size:83.33%;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 5px;}
/* ====== callout ====== */
.callout{font-size:100%;color:#26427a; font-style:normal;}
.callout cite{display:block; text-align:right; padding-top: 15px; font-size:75%;}
.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?
*/
/* ====== media ====== */
.media{overflow:hidden; overflow:visible; zoom:1;margin:10px;}
.media .img{float:left;margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}
/* ====== special formatting classes ====== */
.detail{color: #e5e5e5; font-size:75%;display:block;}
.tablelink {font-size:16px;font-weight:bold;color: #005a9c;}
.testimonial {font-size: 13px; font-weight: normal; font-style: italic; color: #26427a;}
.shadebox {background-color: #dfe6ed; margin: 20px 10px;border: solid 1px #26427a}
.leftGap {margin-left: 20px;}
.noTopPad {padding-top: 0px; }
.noBotPad {padding-bottom: 0px; }
.blueTxt {color:#005a9c;}
.dkblueTxt {color:#26427a;}
.titleBar {font-size:110%; background-color: #fbe98c; padding: 5px 10px; margin-left:-10px;}
.botGap {padding: 10px 0px;}
.hang { text-indent: -1.5em; margin-left: 2em; }
.hangDiv {text-indent: -1.5em; }