/* TABLE OF CONTEMNNT
1 Headers
2 Text elements
3 Colours
4 Lists
5 Links
6 Form elements
7 Positioning
8 Tables
*/

/* ------- 1 HEADERS ---------- */

h1 {  
	font-size:130%;
	padding: 5px 48px 5px 48px;
	background:#304863;
	color:#FFF;
	position:absolute;
	text-transform:lowercase;
	margin: 29px 0 0 216px;
	max-width:200px;
}
h1.hidden {
	overflow:hidden;
	margin:0;
	padding:0;
}
h1.narrow {  
	padding: 5px 30px 5px 48px;
	width:220px;
}
h2 {  
	font-size:130%;
	margin: 0 0 14px 0; 
	padding: 0;	
}

h3 {
	font-size:120%;
	margin: 0 0 2px 0; 
	padding: 14px 0 9px 0;	
	color:#333333;
} 
h4, h5 {
	margin: 0 0 2px 0; 
	padding: 4px 0 0 0;	
	color:#333333; font-size:100%;
} 


div.pagecontent h2 {  
	font-size:155%;
	color:#304864;
	padding-top:14px;
	letter-spacing:-1px;
}

div.featurecontainer h3 {
	color:#344b68;
	font-size:115%;
	margin: 0 0 16px 0; 
	padding: 0;	
} 

div.pagecontent h2.closetop {  
	padding-top:0;
}

/* ------- 2 TEXT ELEMENTS ---------- */

p {
	margin: 0 0 11px 0;
	padding: 0;
	text-align:left;
}
p.featuretext, div.featurecol p.featuretext {
	/*margin: 107px 14px 16px 17px;*/margin: 108px 14px 16px 17px;
	/*font-size:160%;*/font-size:155%;
	font-weight:bold;
}
/*html>body p.featuretext, html>body div.featurecol p.featuretext {
	margin: 79px 14px 16px 18px;
}*/
p.featureborder, div.featurecol p.featureborder {
	margin-right:0;
}
p.featureborder img, div.featurecol p.featureborder img {
	border:10px solid #b9ca4a;
}

img.clientborder {
	border:1px solid #b9ca4a;
}

p.featureimg, div.featurecol p.featureimg {
	margin: 28px 0 16px 0;
	padding: 0;
}
p.featureimg img, div.featurecol p.featureimg img {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
p.halfspace, .halfspace {
	margin: 0 0 7px 0;
	padding: 0;
	text-align:left;
}
p.padbot {
	margin: 0 0 21px 0;
	padding: 0;
	text-align:left;
}
p.date {
	margin:0;
	padding:0;
}
div.featurecol p {
	margin: 7px 18px 7px 17px;
}
div.featurecol h2 {
	font-size:120%;
	margin: 24px 18px 2px 17px;
}
div.featurecol h3 {
	margin: 7px 18px 2px 17px;
}
div.featurecol h2.subtitle {
	margin: 7px 18px 2px 17px;
	font-size:120%;
}
div.featurecol h2.caption, div.featurecol p.caption {
	font-size:120%;
	font-weight:bold;
}
div.featurecol h2.rss {
	margin: 24px 18px 0 17px;
}
div.featurecol h2.rss a:link, div.featurecol h2.rss a:visited {
	background:url(../images/site_objects/ico_rss.gif) right top no-repeat;
	color:#333;
	text-decoration:none;
	padding:0 20px 0 0;
}
div.featurecol h2.rss a:hover, div.featurecol h2.rss a:focus, div.featurecol h2.rss a:active {
	text-decoration:underline;
}
div.featurecol p.rss {
	margin: 4px 18px 14px 17px;
	font-size:92%;
	margin-bottom:20px;
}
div.featurecol p.img {
	margin: 7px 0 14px 17px;
}
div.featurecol p.img img, div.featurecontainer img {
	border:1px solid #cccccc;
}
div.featurecontainer p.caption {
	font-size:115%;
	font-weight:bold;
	margin:0;	
}

p.highlights {
	font-size:150%;
	font-weight:bold;
	margin:0 45px 34px 0;
	color:#3a75a5;
	letter-spacing:-1px;
}
p.imagecount {
	color:#304864;
	float:left;
	width:610px;
	text-align:right;
	padding:5px 0 0 0;
	font-size:92%;
}
body.screen_low div.countcontainer {
	width:396px;
	padding:0 0 40px 0;
	float:left;
}
body.screen_low p.imagecount {
	width:250px;
}
.bold {
	font-weight: bold;
}
.nobold {
	font-weight: normal;
}

blockquote {
	padding: 0;
	margin: 0;
}
div.featurecol blockquote.padbot p {
	margin: 0 0 40px 0;
}
div.featurecol blockquote {
	background:url(../images/site_objects/quote_left.gif) no-repeat left top;
	padding:10px 0 0 0;
	margin: 24px 28px 16px 18px;
	color:#304a63;
	font-weight:bold;
	/*font-size:125%;*/font-size:155%;
	line-height:110%;
	/*letter-spacing:1px;
	word-spacing:0.1em;*/
}
div.featurecol blockquote.negative {
	margin: -4px 28px 16px 18px;
}
div.featurecol blockquote p {
	margin:0;
	padding:0;
}
div.featurecol blockquote span.endquote {
	background:url(../images/site_objects/quote_right.gif) no-repeat right bottom;
	margin: 0 0 23px 0;
	padding:0 12px 9px 0;
}
div.featurecol .featurebold {
	padding:10px 0 0 0;
	margin: 24px 28px 16px 18px;
	color:#304a63;
	font-weight:bold;
	font-size:155%;
	line-height:110%;
}
div.featurecol p.introtext {
	padding:10px 0 0 0;
	/*margin: 27px 28px 16px 18px;*/margin: 24px 28px 16px 18px;
	color:#304a63;
	font-weight:bold;
	/*font-size:125%;*/font-size:155%;
	line-height:100%;
}
.smalltext {
	font-size:92% !important;
}
.nowrapping {
	white-space:nowrap;
}

/* ------- 3 COLOURS  ---------- */
/* Add specific background and font colours for body content here */
.error, .redtext {
	background: transparent;
	color: #FF0000; 
}
.date {
	color: #304964; 
	font-size:92%;
}
.black {
	color:#333333;
}
.blue {
	color:#617a98;
}
.lightblue {
	color:#3a75a5;
}
/* ------- 4 LISTS   ---------- */
/* Add definition, ordered and unordered list classes for body content here */
div.pagecontent ul {
	list-style:square;
	margin:0 0 14px 16px;
	padding: 0;
}
div.pagecontent ul li {
	/*list-style-image:url(../images/site_objects/bullet_blk_arw.gif);*/
}
div.pagecontent ol {
	/* depending on the font family/size/length of the list, the 
	left margin may have to be adjusted to show the figures   */
	margin:0 0 10px 22px;
	padding: 0;
}
div.pagecontent ul li, div.pagecontent ol li {
	margin: 0 0 8px 0;
	padding:0;
}

div.pagecontent ul li.sublist, div.pagecontent ol li.sublist  {
	margin-left: 15px;
	list-style:circle;
}

div.pagecontent ul.nobullet {
	list-style:none;
	margin:0 0 11px 0;
}
div.pagecontent ul.nobullet li {
	list-style-image: none;
}
div.pagecontent ul.relatedlist {
	margin: 0 0 14px 0;
	padding: 0;
}
div.pagecontent ul.relatedlist li {
	list-style: none;
	margin: 0;
	padding:0;
}

div.pagecontent ul.newsreleases {
	list-style: none;
	margin: 0;
	padding:0;
}
div.pagecontent ul.newsreleases li {
	list-style: none;
	margin: 0 20px 15px 0;
	list-style-image: none;
}

/*html>body div.pagecontent ul.newsreleases li {
	float:left;
}
div.pagecontent ul.newsreleases li span {
	margin: 0 10px 0 0;
	display:block;
	float:left;
	width:55px;
}
div.pagecontent ul.newsreleases li a {
	display:block;
	float:left;
}*/
div.pagecontent ul.sitemap {
	margin:0 0 10px 16px;
	list-style-type:square;
	line-height:100%;
}
div.sitemapmenu {
	width:100%;
	float:left;
	clear:both;
	margin:0 0 10px 0;
}
div.pagecontent ul.sitemapmenu {
	padding:0 0 10px 0;
	margin:0;
	list-style: none;
}
div.pagecontent ul.sitemapmenu li {
	list-style: none;
	display:inline;
}
ul.linklist {
	list-style: none;
}
div.featurecol ul.linklist {
	margin:0 0 20px 0;
	padding:0 0 0 17px;
}
div.pagecontent ul.linklist {
	padding:0 0 0 0;
}
ul.linklist li {
	list-style: none;
	margin:0 10px 14px 0;
}
ul.author {
	margin:6px 0 0 0;
	list-style:none;
	font-size:92%;
}
ul.author li a:link, ul.author li a:visited {
	background:url(../images/site_objects/ico_speechbubble.gif) no-repeat left top;
	padding:0 0 2px 14px;
	color:#3a75a5;
	text-decoration:none;
}
ul.author li a:hover, ul.author li a:focus, ul.author li a:active {
	text-decoration:underline;
}
ul.archive {
	margin:0 0 20px 14px;
	list-style: none;
	width:170px;
}
html>body ul.archive {
	float:left;
}
ul.archive li {
	list-style: none;
	display:inline;
	font-size:92%;
}

div.search ul {
	font-size:92%;
	text-align:right;
	margin:0;
	list-style:none;
}
body.screen_high div.search ul {
	display:none;
}
body.screen_high div.search div#clientmenu ul, div.search div#clientmenu ul,body.screen_high div.search div#genremenu ul, div.search div#genremenu ul {
	display:block!important;
}

ul.arrow, div.pagecontent ul.arrow {
	list-style: none;
	margin:0 0 18px 0;
	font-size:100%;
}
ul.arrow ul {
	list-style: none;
	margin:0 0 20px 1px;
}
div.pagecontent ul.arrow li{
	list-style-image:none;
	margin:0 0 2px 0;
}

div.featurecontainer ul.arrow {
	margin:12px 0 18px 0;
}

div.featurecol ul.arrow {
	margin:0 0 18px 19px;
	font-size:100%;
	padding:0 30px 0 0;
	line-height:140%;
}
div.homecontent ul.arrow {
	margin:0 0 18px 2px;
}
ul.arrow li a:link, ul.arrow li a:visited {
	text-decoration:none;
	padding:0px;
	color:#3a75a5;
	float:left;
}
ul.arrow li a.no_arrow:link, ul.arrow li a.no_arrow:visited {
	background:none;
	text-decoration:none;
	padding:0;
	color:#3a75a5;
	float:left;
}
html>body ul.arrow li a:link, html>body ul.arrow li a:visited, html>body ul.arrow li a.no_arrow:link, html>body ul.arrow li a.no_arrow:visited {
	float:none;
}
ul.arrow li a:hover, ul.arrow li a:focus, ul.arrow li a:active {
	text-decoration:underline;
}
div.featurecol ul.arrow li a:link, div.featurecol ul.arrow li a:visited {
	color:#28608d;
	float:left;
	display:block;
	width:190px;
}
html>body div.featurecol ul.arrow li a:link, html>body div.featurecol ul.arrow li a:visited {
	clear:both;
	float:none;
}
div.featurecol ul.arrow li a.lit:link, div.featurecol ul.arrow li a.lit:visited, div.featurecol ul li a.lit:link, div.featurecol ul li a.lit:visited {
	color:#344b68;
}
ul.arrow li.first {
	padding:20px 0 0 0;
}

ul.arrow li.line {
	list-style: none;
	display:inline;
}
ul.arrow li.line a:link, ul.arrow li.line a:visited {
	border-bottom:1px solid #cccccc;
	padding:7px 0 7px 7px;
	width:220px;
	display:block;
}
ul.arrow li.line a:hover, ul.arrow li.line a:focus, ul.arrow li.line a:active, ul.arrow li.line a.lit:link, ul.arrow li.line a.lit:visited {
	border-bottom:1px solid #cccccc;
	padding:7px 0 7px 7px;
	width:220px;
	display:block;
	background-color:#f3f7fa;
	text-decoration:none;
}
div.bodycontent ul.blocks {
	list-style:none;
	margin:0;
	clear:both;
	line-height:170%;
	float:right;
}
div.bodycontent ul.blocks li {
	list-style-image:none;
}
div.bodycontent ul.blocks li a:link, div.bodycontent ul.blocks li a:visited {
	background:#304863 url(../images/site_objects/arw_wtblu_right.gif) no-repeat 8px center;
	padding:4px 20px 4px 15px;
	border-left:1px solid #41566e;
	color:#FFFFFF;
	text-decoration:none;
	font-size:92%;
	width:213px;
}
div.bodycontent ul.blocks li a:hover, div.bodycontent ul.blocks li a:focus, div.bodycontent ul.blocks li a:active {
	text-decoration:underline;
}
/*ul.internalnav {
	list-style:none;
	margin:0;
	clear:both;
	float:right;
	line-height:100%;
}
ul.internalnav li, div.pagecontent ul.internalnav li {
	list-style-image:none;
	display:block;
	clear:both;
}
ul.internalnav li.gap, div.pagecontent ul.internalnav li.gap {
	margin:0 0 6px 0;
}
ul.internalnav li a:link, ul.internalnav li a:visited {
	background:#304863 url(../images/site_objects/arw_wtblu_right.gif) no-repeat 8px center;
	padding:4px 10px 4px 16px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:92%;
	float:left;
}
ul.internalnav li a.back:link, ul.internalnav li a.back:visited {
	background:#304863 url(../images/site_objects/arw_wtblu_left.gif) no-repeat 8px center;
}
ul.internalnav li a.wide:link, ul.internalnav li a.wide:visited {
	padding:4px 60px 4px 16px;
}
ul.internalnav li.grey a:link, ul.internalnav li.grey a:visited {
	background:#8392a2 url(../images/site_objects/arw_wtgry_right.gif) no-repeat 8px center;
}
ul.internalnav li a:hover, ul.internalnav li a:focus, ul.internalnav li a:active {
	text-decoration:underline;
}*/
div.pagecontent ul.blocks, ul.blocks {
	list-style:none;
	margin:0;
	float:right;
	width:130px;
	line-height:100%;
}
div.pagecontent ul.blocks li, ul.blocks li {
	list-style-image:none;
	margin:0;
	width:100%;
	clear:both;
	float:left;
}
ul.blocks li a:link, ul.blocks li a:visited {
	padding:5px 30px 5px 17px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:92%;
	float:left;
}
ul.blocks li a.allstories:link, ul.blocks li a.allstories:visited {
	padding:5px 30px 5px 18px;
	background:#304863 url(../images/site_objects/arw_wtblu_right.gif) no-repeat 8px center;
	border-bottom:3px solid #FFF;
}
ul.blocks li a.prev:link, ul.blocks li a.prev:visited {
	background:#304863 url(../images/site_objects/arw_wtblu_left.gif) no-repeat 8px center;
	border-left:1px solid #41566e;
	width:85px;
}
ul.blocks li a.next:link, ul.blocks li a.next:visited {
	background:#8291a1 url(../images/site_objects/arw_wtgry_right.gif) no-repeat 8px center;
	border-left:1px solid #919dac;
}
ul.blocks li a:hover, ul.blocks li a:focus, ul.blocks li a:active  {
	text-decoration:underline;
}


/* ------- 5 LINKS   ---------- */
/* Add all  link specific classes  here */

a:link, a:visited { 
	background: inherit;
	color: #333333;
	text-decoration: underline; 
}
a:hover, a:focus, a:active { 
	background: inherit;
	color: #000;
	text-decoration: none; 
}
div.pagecontent a:link, div.pagecontent a:visited { 
	color:#3a75a5;
}
div.featurecol a:link, div.featurecol a:visited {
	color: #333;
}
div.pagecontent ul.sitemapmenu li span.empty {
	color:#CCCCCC;
	border-right:1px solid #304964;
	padding:0 5px 0 4px;
	text-decoration:none;
	margin:0 0 6px 0;
	display:block;
	float:left;
}

div.pagecontent ul.sitemapmenu li a:link, div.pagecontent ul.sitemapmenu li a:visited {
	color: #304964;
	border-right:1px solid #304964;
	padding:0 5px 0 4px;
	text-decoration:none;
	margin:0 0 6px 0;
	display:block;
	float:left;
}
div.pagecontent ul.sitemapmenu li a:hover, div.pagecontent ul.sitemapmenu li a:focus, div.pagecontent ul.sitemapmenu li a:active {
	text-decoration:underline;
}

ul.archive li a:link, ul.archive li a:visited {
	color: #304964;
	border-right:1px solid #304964;
	padding:0 4px 0 4px;
	text-decoration:none;
	margin:0 0 3px 0;
	display:block;
	float:left;
}
ul.archive li a.lit:link, ul.archive li a.lit:visited {
	font-weight:bold;
}
ul.archive li a:hover, ul.archive li a:focus, ul.archive li a:active {
	text-decoration:underline;
}

div.pagecontent ul.rss {
	margin:10px 0 14px 0;
	line-height:120%;
	list-style:none;
}
div.pagecontent ul.rss li {
	list-style:none;
	list-style-image:none;
	margin:0 0 2px 0;
	padding:0;
}
ul.rss a:link, ul.rss a:visited {
	background:url(../images/site_objects/ico_rss_small.gif) no-repeat center left;
	padding:0 0 0 14px;
	text-decoration:none;
	color:#3a75a5;
	font-size:92%;
}
ul.rss a:hover, ul.rss a:focus, ul.rss a:active {
	text-decoration:underline;
}


/* ------- 6 FORM ELEMENTS   ---------- */
/* Add all  form specific classes  here */
legend {
	/* this is impossible to style consistently
	accross browsers, so is set to display: none 
	display: none;*/
}
form, fieldset  {
	border:0;
	margin:0;
	padding:0;
}
div.search form {
	width:230px;
	float:right;
}
div.search form.clientnav {
	width:230px;
	float:right;
	padding:20px 0 0 0;
}
form.clientnav select {
	width:184px;
	color:#999999;
	border:1px solid #aaaaaa;
	padding: 3px 2px 3px 3px;
	vertical-align:middle;
}
form.clientnav select option {
}
input, textarea, select {
	font-size:100%;
	padding: 1px;
}
input.button, input.button_f2 {
	background: #FFF;
	border: 0;
	cursor: pointer;
	font-weight:bold;
	margin: 0;
	overflow: visible;
	padding:2px 4px 2px 4px;
	text-align:right;
	width: auto;
	clear:none;
	font-size:110%;
	text-transform:lowercase;
	color:#304864;
}
input.button_f2 {
	text-decoration: none;
}

input.activeButton {
	background: #304863;
	color: #FFF;
}

input.search {
	width:177px;
	color:#666666;
	border:1px solid #aaaaaa;
	padding: 3px 2px 3px 3px;
}

label.searchbox {
	font-size:120%;
	font-weight:bold;
	padding:0 0 4px 0;
	clear:both;
	float:left;
	width:150px;
}
/* ------- 7 POSITIONING   ---------- */
/* Add positioning classes  here eg: boxed ads,  special layouts etc */
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
	clear:both;
}
.nowrap {
	white-space:nowrap
}
div.video {
	padding:10px 0 14px 0;
}
div.flashhotspot, div.homecontent div.flashhotspot {
	width:370px;
	margin:0;
	float:left;
	padding:0;
	clear:both;
}
div.pagecontent div.hotspot {
	margin:14px 0 0 0;
	width:405px;
}
div.hotspot div.img img {
	border:1px solid #CCCCCC;
}
div.pagecontent div.hotspot div.img {
	width:154px;
}
div.hotspot, div.homecontent div.hotspot {
	width:370px;
	margin:0 0 0 4px;
	float:left;
	padding:0 0 20px 0;
	clear:both;
}
div.hotspot div.img, div.homecontent div.hotspot div.img {
	width:153px;
	float:left;
}
div.hotspot div.text {
	float:right;
	width:235px;
}
div.homecontent div.hotspot div.text {
	padding-top:12px;
	width:205px;
}
div.hotspot p, div.pagecontent div.hotspot p {
	width:auto;
	font-size:130%;
	line-height:110%;
	margin:0 0 10px 1px;
}
div.hotspot p.bodytext, div.pagecontent div.hotspot p.bodytext {
	font-size:92%;
	margin:0 0 2px 1px;
}
div.homecontent div.hotspot p.bodytext {
	margin:0 0 14px 1px;
}
div.hotspot h2 {
	margin:0 0 10px 1px;
	padding:0;
	color:#304864;
	font-size:100%;
	letter-spacing:normal;
}
div.homecontent div.hotspot h2 {
	margin:0 0 10px 1px !important;
	font-size:110% !important;
}
div.pagecontent div.hotspot h2 {
	font-size:120%;
	margin:0 0 4px 0;
}
div.pagecontent div.hotspot h2.featured {
	font-size:120%;
	margin:10px 0 12px 0;
	color:#3a75a5;
}
div.hotspot h3 {
	margin:12px 0 6px 0px;
	font-size:125%;
	color:#304864;
}

body.screen_low div.pagecontent div.hotspot, body.screen_low div.hotspot {
	width:274px;
}
body.screen_low div.hotspot div.text {
	float:left;
	padding-top:6px;
}

body.screen_low div.homecontent p.tagline {
	background:none;
	width:inherit;
	height:160px;
	float:left;
	margin:0 0 18px 0px;
}

div.featurecontainer {
	float:left;
	margin:14px 0 32px 0;
	width:200px;
}

.wysiwyg_left_imageContainer{
	float: left; 
	font-size:88%;
	line-height:1.1em;
	margin: 3px 20px 0 0;
	position: relative;
}
.wysiwyg_right_imageContainer{
	clear:right;
	float: right;
	font-size:88%;
	line-height:1.1em;
	margin:3px 0 0 20px;
	position:relative;
}
.wysiwyg_imageContainer{
	font-size:88%;
	line-height:1.1em;
	margin:19px 0 15px;
}

/* ------- 8 TABLES   ---------- */
/* Add all  link specific classes  here */
table {
	clear:left;
	font-size: 100%; /* need to set for IE5/5.5 */
	margin: 0 0 14px 0;
	padding: 0;
	text-align:right;
	vertical-align:bottom;
}
caption {
	font-weight: bold;
	margin: 0;
	padding: 0 0 7px 0;
	text-align: left;
}
th, td {
	margin: 0;
	padding: 0 4px 2px 0;
}
th.left, td.left {
	text-align:left;
}
th.top, td.top {
	vertical-align:top;
}
th.nobold {
	font-weight:normal;
}
th.indent, td.indent {
	padding-left:10px;
}

/* END OF THIS STYLESHEET
----------------------------------------------- */