body{font-family:Arial, Helvetica, sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {padding: 10px 0;}
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-bottom: 2px dotted #bdcf3b; border-width: 0 0 2px 0; margin: 15px 0 15px 0; height:2px;}
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{font-size:25px;  font-weight:bold; font-style: normal; color:#026850; margin-bottom: 15px; padding:5px 0 15px 0;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#bdcf3b; border-bottom: 1px dashed #bdcf3b; margin-bottom: 10px;}
h3, .h3{font-size:14px; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:108%; font-weight:bold; font-style: normal; color:#026850;}
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: #575757; text-decoration: underline;}
a:focus, a:hover {text-decoration: underline;}
a:visited {color:#575757;}
.leftCol .mod .more a, .leftCol .mod .more a:hover, .rightCol .mod .more a, .rightCol .mod .more a:hover {text-decoration: none; color: #2a8dba;}
/* ====== 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 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;}
th, td{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: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px 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:11px; color:#026850; padding-top:2px;}
/* 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: #777; font-size:11px;display:block;}

.clr {clear:both; font-size:0; height:1%; line-height:0;}

.center {text-align: center;}

.separator {height: 1px; border-bottom: 1px solid #b9b9b9; margin-bottom: 20px;}

.green, .green a {color: #026850;}
.black, .black a {color: #828282;}
.blue, .blue a {color: #2a8dba;}
.grey, .grey a {color: #848484;}
.lightGrey, .lightGrey a {color: #929292;}
.red, .red a {color: #f00;}
.title {font-weight: bold;}
.normalText {font-variant: normal; text-transform:none;}
.bold {font-weight: bold;}
input, select, textarea {padding-left: 1px; color: #575757;}
input.small {width: 45px; font-size: 13px;}
input.medium {width: 95px;}
input.large {width: 225px;}
.small {font-size: 11px;}
.xsmall {font-size: 10px;}

input.btn {cursor:pointer;width: auto; text-transform:uppercase; color: #fff; font-weight: bold; text-decoration: none; border: none;  margin: 0 0 -1px 0; padding: 1px; -webkit-box-shadow: 0px 0px 10px #ccc;-moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;}
* html input.btn {cursor:hand;}
.button {display: inline; padding: 2px 6px; -webkit-box-shadow: 0px 0px 10px #ccc;-moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc;}
.button a {color: #fff; font-weight: bold; text-decoration: none;}
iframe.scWebEditRibbon {width:1000px; margin: 0 auto; display:block}

/* standard list */
.main ul li{list-style-type:disc; margin-left:20px;}
.RadEWrapper {border:1px solid #848484;}
/*search*/
dl.search {margin-top: 15px; line-height: 200%;}
	dl.search dt {font-weight: bold; color: #848484;}
	dl.search dd {margin-left: 30px; border-bottom: 1px dotted #cecece; padding-bottom: 15px;}
	
/*sitemap*/
.sitemap ul {padding: 0;}
.sitemap ul.level1 li {float: left; width: 160px; margin-right: 21px;}
.sitemap ul.level1 li a {font-weight: bold; color: #2a8dba; display: block; text-decoration: none; padding: 10px 0 0;}
.sitemap ul.level1 li  ul.level2 li a  {font-weight: bold; color: #848484; padding: 5px 0 0;}
.sitemap ul.level1 li  ul.level2 li ul.level3 li a {color: #000; font-weight: normal; border-bottom: 1px dotted #cecece; margin-left: 20px; padding: 2px 0;}
	
/*createItemForm*/
.createItemForm td {padding-bottom: 10px;}
.createItemForm .RadEWrapper td {padding-bottom: 0px;}

/*edit profile*/
.topicSubscription input {margin-right: 5px;}
.topicSubscription label {margin-bottom: 3px;}
.topicSubscription h3 {color: #2a8dba;}

.formShield td {padding:0 0 1px 1px ;}