body{font-family: Arial,Helvetica,sans-serif;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
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:17px;  font-weight:normal; font-style: normal; font-weight: bold; color:#393B38; line-height: 50px; padding: 8px 25px;}
h2, .h2{font-size:18px; font-weight:normal; font-style: normal; color:#409BDF; background-color: #F5F5F5; line-height: 50px; padding-left: 25px; margin-bottom: 0px;}
.degrad { background: #fff url(../images/bgH2.png) top left repeat-x; }

/*******************/
div.topBanner { margin-right: 410px; white-space: normal; }

div.topBanner h1 { line-height: 26px; }
div.topBanner h2 { line-height: normal; margin-bottom: 10px; }

div.topBanner h1,
div.topBanner h2,
div.topBanner h3,
div.topBanner h4 { width: 330px; }

/*******************/
h2.degrad .icotools ul { list-style: none; margin: 0px 0px 0px -10px; width: auto; line-height: 50px;}
h2.degrad .icotools ul li { float: left; margin-left: 0px; }

h2.degrad .icotools ul li a           { line-height: 24px; width: 24px !important; height: 24px; text-decoration: none; margin-right: 10px; display: block; /*opacity: 0.4; filter : alpha(opacity=40);-moz-opacity : 0.4;  -ms-filter: "alpha(opacity=40)"; behavior: url("../images/iepngfix.htc");*/ }
h2.degrad .icotools ul li a.sharethis { background: url(../images/layoutImages/skin/mod/icon_tools.png) 0px 0px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.printer   { background: url(../images/layoutImages/skin/mod/icon_tools.png) -24px 0px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.twitter   { background: url(../images/layoutImages/skin/mod/icon_tools.png) -48px 0px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.facebook  { background: url(../images/layoutImages/skin/mod/icon_tools.png) -72px 0px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.pdf       { background: url(../images/layoutImages/skin/mod/icon_tools.png) -96px 0px no-repeat; width: 24px !important; }


h2.degrad .icotools ul li a.sharethis:hover { background: url(../images/layoutImages/skin/mod/icon_tools.png) 0px -24px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.printer:hover   { background: url(../images/layoutImages/skin/mod/icon_tools.png) -24px -24px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.twitter:hover   { background: url(../images/layoutImages/skin/mod/icon_tools.png) -48px -24px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.facebook:hover  { background: url(../images/layoutImages/skin/mod/icon_tools.png) -72px -24px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.pdf:hover       { background: url(../images/layoutImages/skin/mod/icon_tools.png) -96px -24px no-repeat; width: 24px !important; }

h2.degrad .icotools ul li a.sharethis.disabled { background: url(../images/layoutImages/skin/mod/icon_tools.png) 0px -48px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.printer.disabled   { background: url(../images/layoutImages/skin/mod/icon_tools.png) -24px -48px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.twitter.disabled   { background: url(../images/layoutImages/skin/mod/icon_tools.png) -48px -48px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.facebook.disabled  { background: url(../images/layoutImages/skin/mod/icon_tools.png) -72px -48px no-repeat; width: 24px !important; }
h2.degrad .icotools ul li a.pdf.disabled       { background: url(../images/layoutImages/skin/mod/icon_tools.png) -96px -48px no-repeat; width: 24px !important; }

/*
h2.degrad ul li a.sharethis.hover,
h2.degrad ul li a.sharethis:hover,
h2.degrad ul li a.printer.hover,
h2.degrad ul li a.printer:hover,
h2.degrad ul li a.twitter.hover,
h2.degrad ul li a.twitter:hover,
h2.degrad ul li a.facebook.hover,
h2.degrad ul li a.facebook:hover,
h2.degrad ul li a.pdf.hover,
h2.degrad ul li a.pdf:hover       { opacity: 1; filter : alpha(opacity=100); -moz-opacity : 1;  -ms-filter: "alpha(opacity=100)"; /* IE 8 */ }
*/
/*******************/

h3, .h3{font-size:15px; font-weight:normal; font-style: normal; color:#409bdf;}
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:#0D4777;}
a:focus, a:hover { text-decoration: underline }
a:visited { color:#0D4777;}
/* ====== 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: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?
*/
.clr {clear:both; font-size:0; height:1%; line-height:0;}

/* ====== Selligent content ====== */
/*general*/
html {background-color: #007BA5;}
.blue {color: #409BDF;}
.bold {font-weight: bold;}
.title {color:#0D4777; font-size: 15px; font-weight: bold; padding-bottom: 0;}

.description {padding-top: 0;}
.btn {background:#fff url('../images/layoutImages/btnBg.jpg') repeat-x 0 0; padding: 2px 0 2px 5px; margin-left: 5px;}
.btn a {background:transparent url('../images/layoutImages/btnAfter.jpg') no-repeat top right; padding: 2px 5px 2px 0; color: #fff; text-decoration: none; font-variant: small-caps;}
.arrowDown {padding-right: 12px; background:transparent url('../images/layoutImages/arrow.gif') no-repeat right 6px;}
.greyBorderBottom {border-bottom: 1px solid #EEF3F7;}

.socialMediaButtons {margin: 17px;}
.socialMediaButtons img {margin: 7px 7px 0 0; float: left;}

/*home*/
.homeFlash {margin-bottom: 15px;}

/*contentpage*/
.contentBox {border-top: 1px solid #fff;}
.content {padding: 0 25px; font-family: Helvetica, Arial, sans-serif; }

	.content p, .content ul, .content ol {padding-left: 0; padding-right:0;}
	.content p { font-size: 9pt; line-height: 18px; padding-top: 0px; padding-bottom: 15px; }
	
	.content h1 {border-bottom: 1px solid #295776; color:#295776;}
	
	.content ul li {margin: 0 0 10px 20px; list-style-type: disc;}
	.content ol li {margin: 0 0 10px 20px; list-style-type: decimal;}
	
	.content table tr td, .content table tr th {padding: 0 5px 5px 0;}
	.content table tr th {font-weight: bold;}
	
	.content dl { padding-top: 0px; }

dl.searchResults {padding: 10px 0;}
	dl.searchResults dt {font-weight: bold;}
	dl.searchResults dt a {text-decoration: none;}
	dl.searchResults dd {margin-bottom: 10px;}
	
dl dt.title {margin-bottom:10px;}

.rightColumn {font-size: 11px; margin-right: 10px;}/*update 10/03*/
	.rightColumn .mod {margin-left: 0; margin-right: 0;}
	.rightColumn .greyBox h1 {font-size: 13px;}
	.rightColumn .greyBox .tl, .rightColumn .greyBox .tr {height: 26px;}
	.rightColumn .greyBox .inner {background-position: 0 -10px;}
	
	.rightColumn p {margin: 0;}
	
.paging {text-align: right; padding: 10px;}
.content ul.paging li {list-style-type:none;}
.paging span {padding: 10px;}
.paging a {border: 1px solid #EEF3F7; padding: 4px; font-weight: bold;}

.partnerList {}
.partner .image {float: left; width: 100px; margin-right: 20px; border-bottom: 1px dotted #efefef;}
.partner .text {float: left;}
.partner .text .country {font-weight: bold;}
	.partner .title {font-size: 13px;}
	.partner .title a {text-decoration: none;}
	.partner .title a:hover {text-decoration: underline;}
	.partner .description p {padding-top: 5px; padding-bottom: 5px;}

.description img.newsImage {float:left; margin: 0 10px 10px 0;}
