/***********************************************/
/* potrero.css                                 */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{font-family: Arial,sans-serif; line-height: 1.166; margin: 0px; padding: 0px; background: url(images/general/bg_grad_02.jpg);}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #005FA9; text-decoration: none;}
a:hover{text-decoration: underline;}

/************** header tag styles **************/
h1{font: bold 120% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px;}
h2{font: bold 114% Arial,sans-serif; color: #006699; margin: 0px; padding: 0px;}
h3{font: bold 100% Arial,sans-serif;color: #334d55;margin: 0px;padding: 0px;}
h4{font: 100% Arial,sans-serif; color: #333333; margin: 0px; padding: 0px;}
h5{font: 100% Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px;}

/*************** list tag styles ***************/
ul{list-style-type: square;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: none;}

/********* form and related tag styles *********/
form {margin: 0; padding: 0;}
label{font: bold 1em Arial,sans-serif; color: #334d55;}
input{font-family: Arial,sans-serif;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{position: absolute; top: 200px; left: 2%; right: 2%; width:95.6%; background-color: #ffffff;}
#tl {position: absolute; top: -1px; left: -1px; margin: 0px; padding: 0px; z-index: 100;}
#tr {position:absolute; top: -1px; right: -1px; margin: 0px; padding: 0px; z-index: 100;}
#masthead1{position: absolute; top: 0px; width:100%;}
#masthead{position: absolute; top: 90px; left: 2%; right: 2%; width:95.6%;}
#pageNav{float: left; width:178px; padding: 0px; background-color: #F5f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif;}
#content{padding: 0px 20px 0px 0px; margin:0px 0px 0px 178px; border-left: 1px solid #ccd2d2;}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{margin: 0px; padding: 16px 0px 8px 0px; color: #000000; font-weight: normal;}

/************** utility styles *****************/
#utility{font: 75% Verdana,sans-serif; position: absolute; top: 16px; right: 0px; color: #666666;}
#utility a{color: #666666;}
#utility a:hover{text-decoration: underline;}

/************** pageName styles ****************/
#pageName{padding: 0px 0px 14px 10px; margin: 0px; border-bottom:1px solid #ccd2d2;}
#pageName h2{font: bold 175% Arial,sans-serif; color: #000000; margin:0px; padding: 0px;}
#pageName img{position: absolute; top: 0px; right: 6px; padding: 0px; margin: 0px;}

/************* globalNav styles ****************/
#globalNav{position: relative; width: 100%; min-width: 640px; height: 32px; color: #cccccc; padding: 0px; margin: 0px; background-image: url(images/general/glbnav_background.gif);}
#globalNav img{margin-bottom: -4px;}
#gnl {position: absolute; top: 0px; left:0px;}
#gnr {position: absolute; top: 0px; right:0px;}
#globalLink{position: absolute; top: 6px; height: 22px; min-width: 640px; padding: 0px; margin: 0px; left: 10px; z-index: 100;}
a.glink, a.glink:visited{font-size: small; color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC;}
a.glink:hover{background-image: url(images/general/glblnav_selected.gif); text-decoration: none;}
.skipLinks {display: none;}

/************ subglobalNav styles **************/
.subglobalNav{position: absolute; top: 84px; left: 0px; /*width: 100%;*/ min-width: 640px; height: 20px; padding: 0px 0px 0px 10px; visibility: hidden; color: #005FA9;}
.subglobalNav a:link, .subglobalNav a:visited {font-size: 80%; color: #005FA9;}
.subglobalNav a:hover{color: #004080;}

/*************** search styles *****************/
#search{position: absolute; top: 5px; right: 10px; z-index: 101;}
#search input{font-size: 70%; margin: 0px  0px 0px 10px;}
#search a:link, #search a:visited {font-size: 80%; font-weight: bold;}
#search a:hover{margin: 0px;}

/************* breadCrumb styles ***************/
#breadCrumb{padding: 5px 0px 5px 10px; font: small Verdana,sans-serif; color: #AAAAAA;}
#breadCrumb a{color: #AAAAAA;}
#breadCrumb a:hover{color: #005FA9; text-decoration: underline;}

/************** feature styles *****************/
.feature{padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 200px;}
html>body .feature {height: auto;}
.feature h3{font: bold 175% Arial,sans-serif; color: #000000; padding: 30px 0px 5px 0px;}
.feature p {padding: 0px 0px 0px 0px; text-align: justify;}
.feature img{float: left; padding: 0px 0px 0px 0px; margin-right: 10px; border-color: #000000;}

/************** feature2 styles *****************/
.feature2{padding: 0px 0px 10px 10px; font-size: 80%;}
html>body .feature {height: auto;}
.feature2 h3{font: bold 175% Arial,sans-serif; color: #000000; padding: 10px 0px 5px 0px;}
.feature2 p {padding: 0px 0px 0px 0px; text-align: left;}
.feature2 img{float: left; padding: 0px 0px 0px 0px; margin-right: 10px; border-color: #000000;}

/************** listing styles *****************/
.listing{padding: 0px 0px 10px 10px; line-height: 1.25; font-size: 75%; min-height: 200px; height: 100%;}
html>body .feature {height: auto;}
.listing h2{font: bold 150% Arial,sans-serif; color: #000000; padding: 25px 0px 5px 0px;}
.listing p {padding: 0px 0px 0px 0px; text-align: justify;}
.listing img{float: left; padding: 0px 0px 0px 0px; margin-right: 10px; border-color: #000000;}

/*************** story styles ******************/
.story {padding: 10px 0px 0px 10px; font-size: 80%;}
.story h3{font: bold 125% Arial,sans-serif; color: #000000;}
.story p {padding: 0px 0px 0px 0px; text-align: justify;}
.story a.capsule{font: bold 1em Arial,sans-serif; color: #005FA9; display:block; padding-bottom: 5px;}
.story a.capsule:hover{text-decoration: underline;}
td.storyLeft{padding-right: 12px;}

/************** siteInfo styles ****************/
#siteInfo{clear: both; border-top: 1px solid #cccccc; font-size: 11px; color: #cccccc; padding: 10px 10px 10px 10px; margin-top: 0px;}
#siteInfo img{padding: 4px 4px 4px 0px; vertical-align: middle;}

/************ sectionLinks styles **************/
#sectionLinks{margin: 0px; padding: 0px;}
#sectionLinks h3{padding: 10px 0px 2px 10px; border-bottom: 1px solid #cccccc;}
#sectionLinks a:link, #sectionLinks a:visited {display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; background-image: url(images/general/bg_nav.jpg); font-weight: bold; padding: 3px 0px 3px 10px; color: #21536A;}
#sectionLinks a:hover{border-top: 1px solid #cccccc; background-color: #DDEEFF; background-image: none; font-weight: bold; text-decoration: none;}

/************* relatedLinks styles **************/
.relatedLinks{margin: 0px; padding: 0px 0px 10px 10px; border-bottom: 1px solid #cccccc;}
.relatedLinks h3{padding: 10px 0px 2px 0px;}
.relatedLinks a{display: block;}

/**************** advert styles *****************/
#advert{padding: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc;}
#advert img{display: block;}

/************** pop story styles ****************/
.popheadline01 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; color:#003366; display: compact; padding: 0px 0px 0px 0px;}
.popcopy01 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; text-align: justify;}
.popcopybyline01 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; display: compact;}

/************** more copy styles ***************/
.copy01 {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 10px 0px 10px; font-size: 11px; text-align: justify;}
.copy02 {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 8px 0px 8px; font-size: 10px; text-align: justify;}
.copy03 {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 7px 0px 7px; font-size: 11px; text-align: left;}
.copy04 {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 10px 10px 0px 10px; font-size: 11px; font-style: oblique; text-align: left; color: #003366;}
.copy05 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003366;}
.copy06 {font-family: Arial, Helvetica, sans-serif; font-size: 8px; text-align: left;}
.copyheadline01 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 20px; display: compact; padding: 2px 5px 0px 5px; color: #003366;}
.copyheadline02 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 16px; color:#003366; display: compact; padding: 2px 5px 0px 5px;}
.copyheadline03 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; line-height: 17px; color:#000000; display: compact; padding: 2px 5px 0px 5px;}
.copybyline01 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; display: compact; padding: 2px 5px 0px 7px;}
.subinfo01 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: justify; margin-top: 0px;}

/************ province page styles *************/
.provinceheading01 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.provincebodycopy01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.provinceheading02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
/********************* end **********************/