/* @override 
	http://localhost/csri.ca/common/csri.css
	http://192.168.0.86/csri.ca/common/csri.css
*/

/*.mainLink{
    COLOR: #FFFFFF;
    text-decoration: none;
}
.mainLink:hover{
	COLOR: #999999;
}
.mainLink:visited{
	COLOR: #FFFFFF;
	text-decoration: none;
}
.mainLinkSelected{
    COLOR: #FFFFFF;
    FONT-WEIGHT: bold;
    
}
.subLink{
    COLOR: #FFFFFF;
    text-decoration: none;
}
.subLink:hover{
	COLOR: #999999;
	 text-decoration: none;
}
.subLink:visited{
	COLOR: #FFFFFF;
	text-decoration: underline;
}
.sublink:link{
COLOR: #FFFFFF;
	text-decoration: underline;
}
.subLinkSelected{
    COLOR: #999999;
    FONT-WEIGHT: bold;
 
}
.footerLink{
    COLOR: #FFFFFF;
}
.footerLink:hover{
	COLOR: #999999;
}
.homePageHeader{
	FONT-SIZE: 20px;
    FONT-FAMILY: verdana;
}
.homePageContent{
	FONT-SIZE: 14px;
    FONT-FAMILY: verdana;
}
.labelWhite{
	FONT-SIZE: 9.5px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: justify;
}
.labelBlue{
	FONT-SIZE: 9.5px;
    COLOR: #6685A2;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: justify;
}
.value{
	FONT-SIZE: 11px;
    COLOR: #011E3C;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: justify;
}
body{
	background-color: #e6e6e6;
	margin: 0;
}
TABLE{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
	background-color: #FFFFFF;
}
.content{
	FONT-SIZE: 11px;
    COLOR: #003366;
    FONT-FAMILY: verdana;
    MARGIN: 0;
    TEXT-ALIGN: justify;
}
.mainNav{
	FONT-SIZE: 12px;
    FONT-FAMILY: verdana;
    MARGIN: 0;
    TEXT-ALIGN: left;
	color: black;
	text-indent: 100px;
	float: right;
}
.subNav{
	FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    MARGIN: 0;
    TEXT-ALIGN: center;
}
.footerNav{
	FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    MARGIN: 0;
    TEXT-ALIGN: center;
    
}
.stockText{
    FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    MARGIN: 0;
}
.stockPrice{
	FONT-SIZE: 13px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    MARGIN: 0;
  
}
.copyRight{
    FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    MARGIN: 0;
    
}
.announcementTitle{
	FONT-SIZE: 16px;
    COLOR: #003366;
    FONT-FAMILY: times;
    MARGIN: 0;
    TEXT-ALIGN: left;
    
}
.announcementText{
	FONT-SIZE: 10px;
    COLOR: #003366;
    FONT-FAMILY: verdana;
    MARGIN: 0;
    TEXT-ALIGN: left;
}
.alert{
	FONT-SIZE: 11px;
    COLOR: #FF0000;
}
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Verdana;
  font-size: 9pt;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
}

div.menuBar {
  background-color: #990000;
  border: 0px outset #990000;
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 0px solid #990000;
  color: #FFFFFF;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 0px outset #990000;
  color: #000000;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: #990000;
  border: 0px inset #990000;
  color: #FFFFFF;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #990000;
  border: 2px outset #990000;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFFF;
  cursor: default;
  display: block;
  padding: 3px 1px 1px 0px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #990000;
  color: #000000;
}

div.menu a.menuItem span.menuItemText {
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #990000;
  margin: 4px 2px;
}
.menuBar {
  background-color: #003366;
  text-align: center;
  font-family: Verdana;
  font-size: 9pt;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
}

.menuBar a.menuButton {
  color: #FFFFFF;
  cursor: default;
  left: 0px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

.menuBar a.menuButton:hover {
  background-color: transparent;
  color: #336699;
}
*/

/* begin edit for wesite update */

html
{
	background-color: #e6e6e6;
}

a:link
{
	color: #003366;
}

a:visited
{
	color: #336699;
}
.mainContainer
{
	width: 800px;
	height: auto;
	position: relative;
	background-color: #ffffff;
	margin: 10px auto 0;
	
}

.topBar
{
	width: 800px;
	height: 10px;
	background-color: #990000;
	border-style: none;
}

.bannerPic
{
	width: 478px;
	height: 86px;
	float: left;
}

.csriLogo
{
	width: 315px;
	height: 86px;
	margin-left: 478px;
	border: 0;
}

.csriLogoFlame
{
	width: 140;
	height: 84;
	border: 0;
	margin-left: 160px;
}

.captionBar
{
	width: 800px;
	height: 47px;
}

.mainMenuBar
{
	margin-left: 225px;
	height: 30px;
	width: 575px;
	position: relative;
	color: #202020;
	text-transform: uppercase;
	font: 13px "Trebuchet MS", "Myriad Pro", "Arial Narrow";
	padding-top: 16px;
	padding-left: 0;
}

.mainMenuBar a:link
{
	color: #202020;
	text-decoration: none;
}

.mainMenuBar a:visited
{
	color: #202020;
	text-decoration: none;
}

.mainMenuBar a:hover
{
	color: #336699;
	text-decoration: none;
}

.insideContainer
{
	width: 800px;
	background-color: #f2f2f2;
	height: auto;
	font: 10px "Myriad Pro", Helvetica, Arial;
}


.leftMenu
{
	width: 180px;
	background-color: #f2f2f2;
	float: left;

}

.subHeading
{
	width: 164px;
	height: 21px;
	background-color: #336699;
	color: #ffffff;
	text-align: right;
	text-transform: uppercase;
	font: 13px "Myriad Pro", Arial, Helvetica;
	padding-top: 7px;
	position: relative;
	padding-right: 16px;
	border-bottom: 2px solid white;
	padding-left: 0;
}

.leftLink
{
	width: 164px;
	height: 18px;
	color: black;
	text-align: right;
	text-transform: uppercase;
	font: 11px "Myriad Pro", Helvetica, Arial;
	padding-top: 8px;
	padding-right: 16px;
	border-bottom: 2px solid white;
}

.leftLink a:link
{
	color: black;
	text-decoration: none;
}

.leftLink a:visited
{
	color: gray;
	text-decoration: none;
}

.leftLink a:hover
{
	color: #336699;
	text-decoration: none;
}

.newsContainer
{
	width: 159px;
	background-color: #e6e6e6;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	border: 2px solid white;
}

.stockBgd
{
	margin: 0;
	width: 159px;
	text-align: center;
	color: black;
	font: bold 10px Helvetica, Arial;
	padding-top: 8px;
	text-transform: uppercase;
	background-color: #cccccc;
}

.stockBgd a:link
{
	text-decoration: none;
}

.stockBgd a:visited
{
	text-decoration: none;
}

.stockValue
{
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border: 1px solid #990000;
	margin-top: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: none;
}

.stockValue a:link
{
	text-decoration: none;
}

.stockValue a:visited
{
	text-decoration: none;
}

.stockBottom
{
	color: #336699;
	text-transform: none;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	margin-top: 4px;
	padding-top: 1px;
	padding-bottom: 3px;
}

.newsHeader
{
	
	height: 18px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

.newsLinks
{
	
	text-align: right;
	color: black;
	font: 8pt Arial, Helvetica;
	padding: 10px 7px 10px 1px;
}

.headlineFont
{
	font: 7pt Helvetica, Arial;	
}

.headlineFont a:link
{
	text-decoration: none;
}

.headlineFont a:visited
{
	text-decoration: none;
}


.extraLinks
{
	text-transform: uppercase;
	text-align: right;
	font: 10px "Myriad Pro", Helvetica, Arial;
	padding: 15px;
}

.insideTextContainer
{
	/*width: 620px;*/
	margin-left: 180px;
	background-color: #ffffff;
	border: 0;
}

.insideBodyTop
{
	/*width: 620px;*/
	height: 33px;
	color: #990000;
	font: 21px "Myriad Pro", Helvetica, Arial;
	text-align: left;
	text-indent: 20px;
	text-transform: uppercase;
	padding-top: 20px;
}

.bcMap
{
	width: 362px;
	height: 350px;
	float: right;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}

.bcMapHeading
{
	height: 100px;
	color: #424242;
	font: bold 18px Helvetica, Arial;
	text-align: center;
	text-indent: 20px;
	text-transform: uppercase;
	margin-top: 50px;
}

.insideBodyTextHome
{
	/*width: 268px;*/
	color: black;
	text-align: justify;
	font: bold 12px Helvetica, Arial;
	padding-left: 30px;
	padding-top: 10px;
	height: 330px;
}

.insideBodyText
{
	/*width: 560px;*/
	font: 13px "Myriad Pro", Helvetica, Arial;
	color: black;
	text-align: justify;
	height: 455px;
	overflow: auto;
	padding-right: 30px;
	padding-top: 15px;
	padding-left: 30px;
	margin-bottom: 15px;
}

.insideBodyTextInvestors
{
	/*width: 560px;*/
	font: 13px "Myriad Pro", Helvetica, Arial;
	color: black;
	text-align: left;
	height: 590px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	overflow: auto;
	margin-bottom: 15px;
}

.insideBodyTextQA
{
	/*width: 560px;*/
	font: 13px "Myriad Pro", Helvetica, Arial;
	color: black;
	text-align: left;
	/*height: 590px;*/
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	/*overflow: auto;*/
	margin-bottom: 15px;
}

.insideBodyTextEupdate
{
	/*width: 560px;*/
	font: 13px "Myriad Pro", Helvetica, Arial;
	color: black;
	text-align: left;
	height: 350px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	overflow: auto;
	margin-bottom: 15px;
}



.insideBodyTopPhoto
{
	/*width: 620px;*/
	height: 33px;
	color: #003366;
	font: 21px "Myriad Pro", Helvetica, Arial;
	text-align: left;
	text-indent: 60px;
	text-transform: uppercase;
	padding-top: 5px;
}

.insideBodyTextPhotos
{
	/*width: 560px;*/
	font: 13px "Myriad Pro", Helvetica, Arial;
	color: black;
	text-align: justify;
	height: 475px;
	overflow: auto;
	padding-right: 30px;
	padding-top: 15px;
	padding-left: 50px;
	margin-bottom: 15px;
}


.fadeImage
{
	/*width: 620px;*/
	height: 50px;
	position: relative;
	margin-left: 0;
}

.homeBottomLinks
{
	width: 620px;
	height: 67px;
}

.bottomLink
{
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
}

.imageCorpPres
{
	width: 207px;
	height: 67px;
	margin-left: 0;
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

.imageNatGas
{
	/*width: 206px;*/
	height: 67px;
	border: 0px;
	padding: 0;
	cursor: pointer;
	margin-left: 207px;
	background-repeat: no-repeat;
}

.imageCorpProf
{
	width: 207px;
	height: 67px;
	float: right;
	cursor: pointer;
	margin:  0;
	padding:  0;
	background-repeat: no-repeat;
}

.bottomBar
{
	width: 800px;
	height: 27px;
	background-color: #003366;
	clear: left;
}

.cleaner 
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}