body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;}
body{font-family:Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",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,
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:0;}
/* ====== 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{font-size:296%;  font-weight:bold; font-style: normal; color:#000; font-family:Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black",sans-serif;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
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; font-weight:bold;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }
/* ====== Lists ======*/
/* numbered list */
ol li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul li{list-style-image:url("../img/triangle.png"); 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%;border:1px solid #AE0345;}
th, td{vertical-align:top;border:1px solid #AE0345;}
.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: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?
*/
/*=============For navigation==================================*/
.navigation li{float:left;list-style-image:none; margin:0;}
.navigation li a{display:block; padding:3px 12px;}
.navContainer{background:url("../img/menuBg.jpg") repeat-x 0 0; min-height:45px; padding-top:5px;}
.navContainer li a{margin:10px 1px 5px; color:#fff; background-color:#91287f/*#19416c #637382*/;}
.navContainer li a:hover{background-color:#696D70; text-decoration:none;}
/*================== For banner style ================*/
.body{background:url("../img/gradientBelow.jpg") repeat-x 0 0; margin-top:2px;}
.sommers{width:700px; margin:10px 30px 15px 20px;}
.banner{background:#fff; text-align:center;}
.promLink{background:url("../img/getStartBut.jpg") no-repeat 0 0; font-size:20px;margin:15px auto 20px;padding:12px 0; display:block;width:200px; color:#fff;}
.promLink:hover,.promLink:visited{color:#D48FBB; text-decoration:none;}
.features{text-align:left; margin:45px 0 0 40px;}
.features li{margin:10px 0;font-size:140%;list-style-image:url("../img/squareTick.jpg");}
/*===========Top nav==================*/
.fltRgt{float:right;}
.topNav{padding:0; margin-left:42%;}
.topNav li a{padding:0 3px; color:#39628B; font-size:90%;}

.content{margin-top:25px;}
.t20pad{padding-top:20px;}
.teaser{background:#E8F6FF url("../img/contRightBG.jpg") no-repeat scroll right bottom;padding:0 15px 25px;}
.foot{text-align:center;}
.rgtAlign img{float:right;}
label{display:block;}
.body b{font-size:100%;}
.tx-wecdiscussion-forumMessageSubject{margin-bottom:5px;}
.tx-wecdiscussion-forumPreviewEntry{font-size:13px;}
.htmlarea ul li{list-style-image:none;}
.addthis_button{padding-left:20px; display:block;}