/*
=============================================================
Main stylesheet for the Coventry website.

Created: 03 March 2005
Created By: Perry Molendijk

Modified On            Modified By
======================================
03 March  2005       Perry Molendijk
23 July   2005       Perry Molendijk
26 July   2005       Perry Molendijk
======================================

The 2 column layout is based on the CSS by:
Rob Chandanais
it is available from:
http://www.bluerobot.com/web/layouts/
=============================================================
*/
body {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family:arial, sans-serif;
	color:#036;
	background-color:#FFFFFF;
	background: url(../images/bg-page.gif) repeat-x top;
	text-align:center;
}

.contentTable {
	margin:0px auto;
	padding:0px;
	width:100%;
	height:100%;
	background: url(../images/bg-body.gif) no-repeat bottom right;
}

.tabBarRow {
	height:34px;
	background-color:#F1F2F5;
	vertical-align:middle;
	margin-top:2px
}

.leftMenuCell {
	width:15%;
	vertical-align:top;
	background-color:#F1F2F5;
	padding:8px
}

.sharePriceCell {
	width:24%;
	vertical-align:top;
	text-align:center;
	padding:8px;
}

div.sharePrice {
	border:2px solid #151C55;
	width:90%;
	padding:8px 12px;
}

#cgLogo {
	padding:0px 0px 0px 0px;
	background: url(../images/bg-header.gif) repeat-x top;
	text-align:left;
	width:100%;
	margin:0px auto;
}

#tabBar {
	margin:0px 0px;
	padding:0px 0px 0px 0px;
	font-family:arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:12px;
	background: url(../images/bg-tabbar.gif) repeat-x bottom;
	background-color:#F1F2F5;
	color:#036;
	width:100%;
	text-align:left;
	float:left;
}
#tabBar ul {
	margin:0px;
	padding:0px;
	margin-left:72px;
	list-style:none;
}
#tabBar li {
	float:left;
	background:url(../images/tab_right_off.gif) no-repeat right top;
	margin:0;
	padding:0;
}
#tabBar span {
	float:right;
	background:url(../images/tab_right_off.gif) no-repeat right top;
	margin:0;
	margin-right:12px;
	line-height:12px;
	padding:0;
}
#tabBar a{
	display:block;
	background:url(../images/tab_left_off.gif) no-repeat left top;
	padding:3px 15px 4px 14px;
	line-height:12px;
	color:#FFF;
	text-decoration:none;
}
#tabBar #current {
	background-image:url(../images/tab_right_on.gif);
}
#tabBar #current a {
	background-image:url(../images/tab_left_on.gif);
	color:#036;
}
#tabBar a:hover {
  color:#0099CC;
}

h1 {
	margin:0px 32px 12px 0px;
	border-bottom : 1px solid #036;
	padding:4px 0px;
	text-align:left;
	font-family:arial, sans-serif;
	font-weight:900;
	font-size:24px;
	line-height:24px;
	color:#036;
	/*background-color : #FFF;*/
}
h2 {
	margin:0px 32px 12px 0px;
	padding:4px 0px;
	text-align:left;
	font-family:arial, sans-serif;
	font-weight:700;
	font-size:20px;
	line-height:20px;
	color:#036;
	background-color : #FFF;
}
h3 {
	margin:0px 32px 12px 0px;
	padding:4px 0px;
	text-align:left;
	font-family:arial, sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:18px;
	color:#036;
	background-color : #FFF;
}
h4 {
	margin:0px 32px 12px 0px;
	padding:4px 0px;
	text-align:left;
	font-family:arial, sans-serif;
	font-weight:600;
	font-size:14px;
	line-height:16px;
	color:#036;
	background-color : #FFF;
}
	
h4 img	{
	width: 17px;
	height: 16px;
	border: none;
	vertical-align : middle;
}

h5 {
	margin:0px 32px 12px 0px;
	padding:4px 0px;
	text-align:left;
	font-family:arial, sans-serif;
	font-weight:600;
	font-size:12px;
	line-height:14px;
	color:#036;
	background-color : #FFF;
}
	
p {
	font:12px/16px arial, sans-serif;
	/*margin:0px 0px 16px 0px;*/
	padding:0px;
	text-align:left;
}

ul,ol,dl {
	margin: 0px 0px 12px 0px;
}
li,dd {
	font-size:11px;
	margin: 2px 0px 4px 36px;
	line-height: 20px;
	text-align:left;
	font-family: arial, sans-serif;
}

dt {
	font-size:11px;
	margin: 2px 0px 4px 12px;
	text-align:left;
	line-height: 20px;
	font-weight:bold;
	font-family: arial, sans-serif;
}

.source	{
	padding:2px;
	background-color:#E7F2FC;
	color:#003;
	border:1px solid #036;
	margin-left:12px;
	margin-bottom:32px;
	font-size:11px;
}
code	{
	font-family:courier, monospaced, serif;
	color:#003;
  background-color:#FFF;
	font-weight:500;
	font-size:11px;
}

pre {
	font-family:courier, monospaced, serif;
}

table {
  /*border: 1px solid #036;*/
  margin-bottom:12px;
}

td {
	font-size:11px;
	margin: 0px 0px 12px 12px;
	font-family: arial, sans-serif;
}
th {
	font-size:11px;
	font-weight:600;
	margin: 0px 0px 12px 12px;
	font-family: arial, sans-serif;
}

table.featureTable {
  border: none;
  margin-bottom:12px;
}

table.featureTable td {
	font-size:11px;
	margin: 0px 0px 12px 12px;
	font-family: arial, sans-serif;
	border: 1px solid #036;
	padding:3px;
}
table.featureTable th {
	font-size:11px;
	font-weight:600;
	margin: 0px 0px 12px 12px;
	font-family: arial, sans-serif;
	border: 1px solid #036;
	padding:3px;
}

img {
  border-width:0px;
  }

img.figure {
	border:none;
}

a {
	color:#036B8E;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:arial, sans-serif;
}
a:link {
  color:#036B8E;
}
a:visited {
  color:#036B8E;
}
a:hover {
  color:#0099CC;
  text-decoration:underline;
}

a.intLink {
	font-size:18px;
}

a.newsLink {
	font-size:18px;
}
a.newsLink:link {
  color:#009ACE;
}
a.newsLink:visited {
  color:#7FCCE6;
}
a.newsLink:hover {
  color:#F42A41;
}

a.navLink, a.navLink:visited {
            font-size: 09pt;
            color:#006;
            text-decoration:none;
}

a.navLink:hover {
            font-size: 09pt;
            color:#0099CC;
            text-decoration:underline;
}
.sideNavDivider
{
	background-color: #e1e5e4;
	background-image: url(/images/sidenav_divider_bg.gif);
}

a.pageLink, a.pageLink:visited {
            font-size: 09pt;
            color:#0099CC;
            text-decoration:none;
	        padding: 2px;
}

a.pageLink:hover {
            font-size: 09pt;
            color:#0099CC;
            text-decoration:underline;
            padding: 2px;
}

a.footerLink, a.footerLink:visited {
	color:#036;
	text-decoration:none;
}

#Header {
	margin:8px 32px 0px 32px;
	padding:0px 0px 0px 0px;
	height: 96px;
}

body>#Header {
  height:96px;
}


#mainBlock {

}


#footerBlock {
  position: relative;  /* Needed for Safari */
  background-color: none;
  padding: 10px;
  width: 98%;
  margin-top:-32px;
}



#Content {
	margin:12px auto;
	padding:0px 10px 10px 0px;
	width:90%;
	text-align:left;
}

#Footer {
	margin:0px 0px 12px 0px;
	padding:4px 0px 4px 0px;
	font-family:arial, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight : normal;
	color:#036;
	text-align:center;
	border-bottom : 1px solid #FF9933;
	border-top : 1px solid #FF9933;
	background-color : #E7F2FC;
}


#Validated {
	margin:0px 32px 12px 246px;
	padding:0px 10px 10px 10px;
  text-align:right
}

img.validationLogo  {
  width:88px;
  height:31px;
  border:none
}

#Menu {
	position:absolute;
	top:137px;
	left:14px;
	height : 280px;
	min-height : 280px;
	padding:10px 0px;
 	margin:0px;
	line-height:17px;
	width:192px;
	border-top:0px solid #FF9933;
	border-right:1px solid #FF9933;
	border-bottom:1px solid #FF9933;
	border-left:1px solid #FF9933;
	background-color:#E7F2FC;
}

/* ==================================== */
/* Again, "be nice to Opera 5". */
/* ==================================== */

body>#Menu {
  width:192px;
}

#MenuTest {
	float:left;
	height : 280px;
	min-height : 280px;
	padding:10px 0px;
 	margin:0px;
	line-height:17px;
	width:192px;
	border-top:0px solid #FF9933;
	border-right:1px solid #FF9933;
	border-bottom:1px solid #FF9933;
	border-left:1px solid #FF9933;
	background-color:#E7F2FC;
}

#MenuRight {
	position:absolute;
	top:137px;
	right:14px;
	height : 280px;
	min-height : 280px;
	padding:10px 0px;
 	margin:0px;
	line-height:17px;
	width:192px;
	border-top:0px solid #FF9933;
	border-right:1px solid #FF9933;
	border-bottom:1px solid #FF9933;
	border-left:1px solid #FF9933;
	background-color:#E7F2FC;
}

/* ==================================== */
/* Again, "be nice to Opera 5". */
/* ==================================== */

body>#MenuRight {
  width:192px;
}

/* ==================================== */
/* Menu classes */
/* ==================================== */

#Menu a {
	color:#369;
	/*background-color:white;*/
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:arial, sans-serif;
	display : block;
	border-bottom : 1px solid #FF9933;
  margin-left:12px;
  margin-right:12px;
}
	
#Menu a:link {
  color:#369;
  background-color:#E7F2FC;
}

#Menu a:visited {
  color:#369;
  background-color:#E7F2FC;
}

#Menu a:hover {
  color:#F60;
  background-color:#E7F2FC;
}

#Menu h4	{
	color:#369;
	background-color:#E7F2FC;
	border-bottom : 1px solid #FF9930;
	margin:6px 0px 0px 0px;
	vertical-align : middle;
  margin-left:12px;
  margin-right:12px;
}

.selectMenuItem	{
	color:#003;
	text-decoration:none;
}

#Validated a {
	color:#369;
  background-color:white;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:arial, sans-serif;
	display : inline;
	border-bottom :none ;
}
	
#Validated a:link {
  color:#369;
  background-color:white;
}

#Validated a:visited {
  color:#369;
  background-color:white;
}

#Validated a:hover {
  color:#369;
  background-color:white;
}

/* ==================================== */
/* Floating divs */
/* ==================================== */
.rightFloat	{
	float:right;
	margin-left:12px;
	clear: both;
}
.leftFloat	{
	float:left;
	margin-right:12px;
	clear: both;
}

.h1Div  {
    padding-bottom:32px;
}

.h1Div p  {
  margin-left:18px;
}

.h1Div dl, .h1Div ul, .h1Div ol  {
  margin-left:6px;
}

.h2Div p  {
  margin-left:18px;
}

.h2Div dl, .h2Div ul, .h2Div ol  {
  margin-left:6px;
}

.h3Div, .h4Div  {
  margin-left:18px;
}

.h3Div p, .h4Div p  {
  margin-left:18px;
}

.h3Div dl, .h4Div dl, .h3Div ul, .h4Div ul, .h3Div ol, .h4Div ol  {
  margin-left:6px;
}

.framewarning {
  border:1px solid #F60;
  margin:0px 0px 16px 0px;
}

.framewarning .label {
  background-color: #F60;
  color:#FFF;
  font:13px/20px arial, sans-serif;
  font-weight:bold;
  padding:3px;
  text-transform : capitalize;
 }

.framenote {
  border:1px solid #369;
  font:11px/20px arial, sans-serif;
  margin:0px 0px 16px 0px;
}

.framenote .label {
  background-color: #369;
  color:#FFF;
  font:13px/20px arial, sans-serif;
  font-weight:bold;
  padding:3px;
  text-transform : capitalize;
}

.framefixme {
  border:1px solid #393;
  font:11px/20px arial, sans-serif;
  margin:0px 0px 16px 0px;
}

.framefixme .label {
  background-color: #393;
  font:13px/20px arial, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding:3px;
  text-transform : capitalize;
}

.infoFrame	{
  padding: 3px;
  font:11px/20px arial, sans-serif;
}

.altViews	{
  color:#F60;
	background-color:#E7F2FC;
	margin-right:52px;
	margin-top:6px;
	float:right;
	clear: both;
}

.altViews a	{
	color:#F60;
	background-color:#E7F2FC;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:arial, sans-serif;
}
.altViews a:link {
  color:#F60;
  background-color:#E7F2FC
}
.altViews a:visited {
  color:#F60;
  background-color:#E7F2FC
}
.altViews a:hover {
  color:#FFF;
  background-color:#F90;
}

.backToTop	{
	text-align:right;
	margin:4px;
}

a.toTop {
	color:#036;
	background-color:white;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:arial, sans-serif;
}
a.toTop:link {
  color:#036;
  background-color:white
}
a.toTop:visited {
  color:#036;
  background-color:white
}
a.toTop:hover {
  color:#036;
  background-color:#E7F2FC;
}

a.buttonLink, a.buttonLink:link, a.buttonLink:active, a.buttonLink:visited {
  display:block;
  background-color:#DDDFE7;
  background-image: url(../images/img-button-active-bg.gif);
  text-align:center;
  color: #036;
  font-weight:bold;
  border:1px solid #505580;
  cursor:hand;
  font-size:11px;
  line-height:15px;
  height:18px;
  text-decoration:none;
  padding: 0px 3px;
}

a.buttonLink:hover {
  display:block;
  background-color:#373E6E;
  background-image: url(../images/img-button-inactive-bg.gif);
  text-align:center;
  color: #FFF;
  font-weight:bold;
  border:2px solid #036;
  cursor:hand;
  font-size:11px;
  line-height:12px;
  height:18px;
  text-decoration:none;
}