/* CSS Document */

/* Layout Styles */

body {
	font-size: 62.5%;
	padding: 0;
	margin: 0;
	color: #285d6d;
	background-color: #024355;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}

.container {
	width: 920px;
	padding: 0 52px;
	margin: 0 auto;
	display: block;
}

#inner {
	width: 920px;
	padding: 0 20px;
	background-color: #FFFFFF;
}

#header {
	height: 140px;
	background: url(../gfx/headerbg.jpg) repeat-x;
}

#logo {
	float: left;
	width: 260px;
	padding-top: 21px;
	text-align: left;
}

#headerlinks {
	float: left;
	font-size: 1.1em;
	width: 660px;
	padding-top: 10px;
	text-align: right;
	color: #FFFFFF;
}
.search {
	display: inline;
}
.search input.keyword {	font-size: 1.0em; background-color: #E5EDEF; border: 1px solid #C2ECF8; color: #666666; height:18px; }
.search input.go { text-transform: none; text-shadow: none; }
#navbar {
	clear: both;
	height: 25px;
	padding-top: 13px;
}

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navbar li {
	display: block;
	float: left;
	padding: 0;
	font-weight: bold;
	margin: 0 2px 0 0;
}
#navbar a {
	background: transparent url(../gfx/tabOff.jpg) no-repeat scroll left top;
	color:#FFFFFF;
	display:block;
	text-decoration: none;
}
#navbar span {
	background: transparent url(../gfx/tabOffEnd.jpg) no-repeat scroll right top;
	display:block;
	padding: 19px 18px 9px;
}
#navbar li.selected {

}
#navbar a:hover, #navbar li.selected a {
	display: block;
	color: #003B4C;
	background: transparent url(../gfx/tabOn.jpg) no-repeat scroll left top;
}
#navbar a:hover span, #navbar li.selected a span { color: #003B4C; padding: 11px 18px 17px; display: block; }
#navbar a:hover span, #navbar li.selected span { background: transparent url(../gfx/tabOnEnd.jpg) no-repeat scroll right top; }

#container { 
	clear: both;
	background: #BBCF52 url(../gfx/bodybg.jpg) repeat-x scroll left top;
	min-height: 200px;
}

#leftcontent {
	float: left;
	width: 460px;
	padding: 5px 0 0 0;
	text-align: left;
	background: none;
}
#leftcontent h1 {
	display: block;
	color: #013a4d;
	padding: 1px 10px;
	font-size: 1.6em;
	line-height: 2.3em;
	background: url(../gfx/h1bg.gif) no-repeat left top;
	border-bottom: 1px solid #CCCCCC;
}
#bannerhome { float: left; margin-bottom: 5px; }
#leftcontent #bannerhome img { width: 440px; height: 87px;  text-align: left;  display:block; }
#leftcontentborder { background: url(../gfx/whiteboxbg_bottom.gif) no-repeat left bottom; padding-left:10px;
	padding-right:10px; }
#leftcontent p, #leftcontent h2, #leftcontent h3, #leftcontent h4, #leftcontent h5, #leftcontent ul{
	font-size: 1.1em;
}

.rightcontent {
	float: left;
	display: inline;
	width: 460px;
	padding: 0 0 0 0;
	text-align: right;
}
.rightbox {
	float: left;
	display: inline;
	width: 205px;
	text-align: left;
	padding: 0 10px 5px 10px;
	margin-top: 5px;
	margin-left: 5px;
	background: url(../gfx/whiteboxbg225_bottom.gif) no-repeat left bottom;
}

.rightbox h2 {
	font-size: 1.6em;
	line-height: 2.3em;
	font-weight: bold;
	margin: 0 -10px 0 -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #013a4d;
	background: #BFD25E url(../gfx/h2bg.gif) no-repeat left top;
	border-bottom: 1px solid #CCCCCC;
}
.rightbox p {
	font-size: 1.1em;
	margin-top: 3px;
	margin-bottom:2px;	
	padding-top:2px;
	padding-bottom:3px;
	line-height:1.0em;
}
#leftcol { float:left; width: 239px; }
#sectionhead { background: url(../gfx/h3nav.gif) no-repeat left top; width: 179px; height:20px; color: #FFFFFF; font-size:1.6em; font-weight:bold; padding: 10px 30px; margin-bottom: 5px; text-align:left;}
.subnav_top { float: left; }
#subnav {
	float: left;
	width: 239px;
	margin-top: 0px;
	padding-bottom: 70px;
	background: url(../gfx/leftnav_whitebg_bottom.gif) no-repeat left bottom;
}
#subnav ul {
	font-size: 1.1em;
	margin-left: 10px;
	margin-top: 0;
	padding-top:0;
	list-style: none;
}
#subnav li {
	margin-top: 7px;
	margin-botom: 7px;
	line-height:1.8em;
	background: url(../gfx/leftnav_bullet_03.jpg) no-repeat left top;
	padding-left: 25px;
	font-weight: normal;
	text-align: left;
}
#subnav li a { color: #003B4C;  }
#subnav li.selected {
	background: url(../gfx/leftnav_bullet_active.jpg) no-repeat left top;
	font-weight: bold;
}
#subnav li.selected a { color: #003B4C; }

#subcontent {
	float: left;
	margin-left: 5px;
	width: 676px;
}
#subcontent h1 {
	display: block;
	color: #013a4d;
	padding: 1px 10px;
	margin: 0;
	text-align: left;
	font-size: 1.6em;
	line-height: 2.3em;
	background: url(../gfx/insidewhtimagebg_h1.gif) no-repeat left top;
	border-bottom: 1px solid #CCCCCC;
}

#banner {
	float: left;
	width: 676px;
	height: 139px;
	background: #E6EEF1 url(../gfx/insidewhtbx_676_bottom.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}
#banner img { padding: 0; margin:0; border:0; width: 654px; height: 137px; }
#banner p { line-height:0; padding:0; margin:0; }

#breadcrumbs {	float: left;	height: 15px;	font-size: 1.1em;	padding: 10px 10px 0 10px; }
#breadcrumbs a { color: #003B4C; }
#content {	float: left;	width: 656px;	background: url(../gfx/whtbx_middle_676.gif) repeat-y left top;	text-align: left;
	padding: 0 10px 10px 10px; }
.content_top { float: left; margin-top: 5px; }
.content_bottom { float: left; }
#content h1 {
	font-size: 3.0em;
}
#content h1:first-letter {
	font-size: 133%;
}
#content-left { float: left; width: 476px; padding-right:10px; }
#content-right { float: right; width: 170px; }
#content-right h2.rightheader { float: right; background: url(../gfx/rightpanelh1bg.gif) no-repeat left top; border-bottom: 1px solid #CCCCCC; text-align:left; padding-left:10px; line-height: 2.3em; font-size: 1.6em; width: 160px; }
#content-right p, #content-right ul, #content-right ol, #content-right td { line-height: 1.2em; }
#subright {
	float: right;
	font-size: 0.9em;
	width: 150px;
	background: url(../gfx/whtbx_middle_170.gif) repeat-y left top;
	padding: 10px;
}

#values {
	clear: both;
	padding: 0 20px;
	background-color: #121682;
	color: #FFF;
	height: 16px;
	font-size: 1.2em;
	padding-bottom: 0;
	font-weight: bold;
}

#footer {
	text-align: left;
	font-size: 1.1em;
	height: 72px;
	padding-top: 20px;
	background: url(../gfx/footerbg.jpg) repeat-x;
	color: #FFFFFF;
	text-transform: uppercase;
}

/* Content Styles */

strong, h1, h2, h3, h4, h5 { font-weight: bold; }
em	{ font-style: italic; }

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}

p {
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4em;
}

ul {
	font-size: 1.1em;
	list-style-type: disc;
	margin-left: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.4em;
}

ol {
	font-size: 1.1em;
	list-style-type: decimal;
	margin-left: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.4em;
}

td { font-size:1.1em; padding: 4px; line-height: 1.4em; }

ul ul, td p { font-size: 100%; }

a{color:#551A8B; text-decoration: none;}
a:vistited {color:#551A8B; text-decoration: none;}
a:hover {color:#551A8B; text-decoration: underline;}
a:active {color:#551A8B; text-decoration: none;}

#navbar a, .rightbox a, #subnav a, #header a, #footer a, #breadcrumbs a {  text-decoration: none; }
.rightbox a:hover, #breadcrumbs a:hover, #subright a.rollover:hover { text-decoration: underline;  }
#navbar li.selected a:hover { color:#FFFFFF; }
#subright a.rollover {	color: #121682;	text-decoration: underline;}
#headerlinks a, #footer a { color: #FFFFFF; text-transform: uppercase; }
#headerlinks a.selected{ text-decoration: underline; }
#headerlinks a:hover, #footer a:hover { color: #FFFFFF; text-decoration: underline; }

input, textarea, select { 
	color: #312E73; 
	font-size: 1.0em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.alignleft, .alignright { vertical-align: top; }

.green { color: #98CE16; }
.mand { color: #CC0000; }

p.shareicon {
	background-image:url(../gfx/shareprice.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}
p.mobileicon {
	background-image:url(../gfx/mobile.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
}
p.mobileicon a {
	color: #98CE16;
}
.shareprice { 
	color: #98CE16; 
	font-size: 1.6em;
	font-weight: bold;
}
.unit {
	color: #98CE16; 
	font-weight: bold;
}

div#tabs {float:left; margin-top:10px;}
div#tabs ul {float:left; border-bottom:1px solid #312E73; list-style: none; padding:0;margin-left:0; width:620px; }
div#tabs ul li {float:left; border:1px solid #312E73; border-bottom-style:none; margin-right:10px; padding-bottom: 0; }
div#tabs ul li a {display:block; padding:2px 7px; background-color:#CEDDE4;color:#FFF;text-align:center; font-weight:normal; text-decoration: none; color:#121682; }
div#tabs ul li a:hover {background-color:#FFFFFF;color: #312E73; }
div#tabs ul li a.active {margin-top:1px; margin-bottom:-1px; padding-top:2px; background-color:#ffffff;color: #312E73;font-weight:bold;}

ul.archive { 
	list-style-type: none; 
	list-style-image: none; 
	margin-left: 0;
}
ul.archive li {
	float: left;
	margin-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	padding-bottom: 0;
}
ul.archive li.first {
	margin-left: 0px;
}
ul.archive li.last {
	border-right: none;
}
ul.archive li a {

	
}
ul.archive li a.active {
	color: #312E73;
	text-decoration: none; 
}

table.news a { text-decoration: none; }
table.news td { padding-bottom: 10px; padding-right: 5px; }