/*styles.css*/
/*This style sheet is from the SC National site and was taken on April 5/09. This sheet offers marginal support for Netscape 4.7x users.*/

/*link classes*/

a {
	text-decoration: underline;
	color: 000099;
	background-color: transparent}

a:hover {
	text-decoration: none;}
	
a:link.head  { color: #00008B; text-decoration: none}

a:visited.head  { color: #00008B; text-decoration: none}

a:active.head  { color: #326464; text-decoration: underline}

a:hover.head  { color: #778899; text-decoration: none}


a.imenu { 
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px}
	
a.icampmenu {
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px}

a.icampmenu:hover {
	text-decoration: none;
	color: #778899;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px}

	
a.icampmenusel {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: FFFFFF;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}

a.imenusel {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: 759650;
	line-height: 14px;
	background-color: FFFFFF;
	text-align: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px}
	
a.isubmenu {
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px}

a.isubmenu:hover {
	text-decoration: none;
	color: #778899;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px}

a.isubmenusel {
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: FFFFFF;
	text-align: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}
	
a.largeanchor { 
	text-decoration: none;	
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: 000000;
	line-height: 16px;
	background-color: FFFFFF}
	
/*tag classes*/
	
body {
	background-color: #c2ddb9}


.leftblog {
width : 398px;
text-align : left;
margin-right : 5px;
padding-left : 0px;
padding-top : 0px;
padding-right : 0px; }

.blogbody {
font-family: "trebuchet ms", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
color : #333;
font-size : 10pt;
padding-right : 15px;
line-height : 1.1em;
text-transform : none;
letter-spacing : normal;
border-right : 0px solid #999999;
width : 360px; }

.blogbodysmall {
font-family: "trebuchet ms", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
color : #333;
font-size : 8pt;
line-height : 1.0em;
text-transform : none;
letter-spacing : normal; }


li {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: 000000;
	line-height: 16px;
	background-color: FFFFFF;
	list-style-type: disc}

p {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: 000000;
	line-height: 16px;
	background-color: FFFFFF}
	
/*applied classes*/

.decimal {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: 000000;
	line-height: 16px;
	background-color: FFFFFF;
	list-style-type: decimal}

.menupos {position:relative}

.mediaSubTitle {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: 00704A;
	line-height: 18px;
	background-color: FFFFFF}

.breadcrumbs { 
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: 808080;
	line-height: 14px;
	background-color: FFFFFF}
	
.licircle {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: 000000;
	line-height: 16px;
	background-color: transparent;
	list-style-type: circle}
	
.homeprog { 
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: 000000;
	line-height: 13px;
	background-color: D1E7EE}
	
.hpullhead {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: FFFFFF;
	line-height: 13px;
	background-color: 333366;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px}

.hpullheadfr {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: FFFFFF;
	line-height: 12px;
	background-color: 333366;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 3px}
	
.imenu {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: CCFF99;
	line-height: 14px;
	background-color: 6591BF;
	text-align: right;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}
	
.imenusel {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: 759650;
	line-height: 14px;
	background-color: FFFFFF;
	text-align: right;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}
	
.isubmenu {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: 333366;
	line-height: 12px;
	background-color: FFFFFF;
	text-align: right;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}
	
.icampmenu {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: 333366;
	line-height: 12px;
	background-color: FFFFFF;
	text-align: left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}
	
.icampmenusel {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: FFFFFF;
	line-height: 12px;
	background-image:  url(img/icampmenu_msel.gif);
	text-align: left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}

.icampmenutitle {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: 000000;
	line-height: 14px;
	background-color: FFFFFF}
	
.isubmenusel {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: FFFFFF;
	line-height: 17px;
	background-color: #204A75;
	text-align: right;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px}
	
.largeanchor { 
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;	
	color: 000000;
	line-height: 16px;
	background-color: FFFFFF}

.leftline {
font-family: "trebuchet ms", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
color : #333;
font-size : 10pt;
padding-right : 2px;
padding-left : 5px;
line-height : 1.1em;
text-transform : none;
letter-spacing : normal;
border-left : 1px solid #999999;}

.pagetitle { 
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: 00704A;
	line-height: 20px;
	background-color: FFFFFF}

.pagetitletighter { 
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: 00704A;
	line-height: 4px;
	background-color: FFFFFF}

.pagesubtitle { 
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: 00704A;
	line-height: 16px;
	background-color: FFFFFF}

.regular { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: 000000;
	line-height: 16px;
	background-color: FFFFFF}

.regulargray { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: 696969;
	line-height: 16px;
	background-color: FFFFFF}

.regulargraybold { 
	font-family: Arial, sans-serif;
	font-size: 12px;
  font-weight: bold;
	color: 696969;
	line-height: 16px;
	background-color: FFFFFF}

.paratitle { 
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: A9A9A9;
	line-height: 18px;
	background-color: FFFFFF}	

.paratitleblue { 
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: 00008B;
	line-height: 18px;
	background-color: FFFFFF}

.paragntitle { 
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: 00704A;
	line-height: 18px;
	background-color: FFFFFF}	

.posted {
text-align : right;
font-family :  "trebuchet ms", Tahoma, "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
font-size : .8em;
color : #333333;
border-bottom : 1px solid #999999;
margin-bottom : 5px;
margin-right : 20px;
margin-top : 8px; }

.smaller { 
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: 000000;
	line-height: 14px;
	background-color: FFFFFF}

.smallerbold { 
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: 000000;
	line-height: 15px;
	background-color: FFFFFF}

.smallergray { 
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: 696969;
	line-height: 14px;
	background-color: FFFFFF}

.smallergraybold { 
	font-family: Arial, sans-serif;
	font-size: 11px;
  font-weight: bold;
	color: 696969;
	line-height: 15px;
	background-color: FFFFFF}

.largerbold { 
	font-family: Arial, sans-serif;
	font-size: 14px;
  font-weight: bold;
	color: 000000;
	line-height: 18px;
	background-color: FFFFFF}

.largerboldgray { 
	font-family: Arial, sans-serif;
	font-size: 14px;
  font-weight: bold;
	color: 808080;
	line-height: 18px;
	background-color: FFFFFF}

.bottomlinks { 
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: 808080;
	line-height: 15px;
	background-color: FFFFFF}

.search { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: 000000;
	line-height: 16px;
	background-color: CCCCCC}

.title {
font : 1.8em Arial, Helvetica, sans-serif ;
color: #000000;
font-weight : bold;
line-height : 1.1em;
margin: 0;
padding: 12px 0px 5px 0px;
letter-spacing: -1px; }

.title2 {
font : 1.1em Arial, Helvetica, sans-serif ;
color: #333333;
line-height : 1.1em;
padding-top : 20px; }

.title3 {
font : 1.2em Arial, Helvetica, sans-serif ;
color: #333333;
padding : 2px 0px 0px 6px; 
letter-spacing: -1px;}

.title4 {
font : 1.1em Verdana, Arial, Helvetica, sans-serif ;
font-weight : bold;
color : #000000;
padding-top : 1px; }

/*image classes*/

.hcolshim {
	background-image:  url(http://sierraclub.ca/national/img/hcolshim.gif)}

.idotshim {
	background-image:  url(http://sierraclub.ca/national/img/idotshim.gif)}
	
.ibgmenu {
	background-image:  url(http://sierraclub.ca/national/img/ibgmenu.gif)}

.iblue1 {
	background-image:  url(http://sierraclub.ca/national/img/iblue1.gif)}
	
.iblue2 {
	background-image:  url(http://sierraclub.ca/national/img/iblue2.gif)}
	
.iblue3 {
	background-image:  url(http://sierraclub.ca/national/img/iblue3.gif)}
	
.icampmenulft {
	background-image:  url(http://sierraclub.ca/national/img/isubmenu_blt.gif)}
	
.icampmenulftsel {
	background-image:  url(http://sierraclub.ca/national/img/icampmenu_sel.gif)}

.imenurht {
	background-image:  url(http://sierraclub.ca/national/img/imainmenu_oarrow.gif)}
	
.imenurhtsel {
	background-image:  url(http://sierraclub.ca/national/img/imainmenu_barrow.gif)}
	
.imenurhtsel2 {
	background-image:  url(http://sierraclub.ca/national/img/imainmenu_barrow2.gif)}

.imenurhtsel2rev {
	background-image:  url(http://sierraclub.ca/national/img/imainmenu_barrow2_rev.gif)}

.isubmenulft {
	background-image:  url(http://sierraclub.ca/national/img/isubmenulft.gif)}
	
.isubmenurht {
	background-image:  url(http://sierraclub.ca/national/img/isubmenu_blt.gif)}
	
.isubmenurhtsel {
	background-image:  url(http://sierraclub.ca/national/img/isubmenu_sel.gif)}	
	
/*form classes*/
	
.formLabel { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF}

.formField { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF}

.formBreak { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF}

.formHeader { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF}

.formCopy { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF}

select {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;}
	
textarea {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF}
		
input {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF}
	
.comment { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 16px;
	background-color: #FFFFFF}

.photo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #A0A0A4}