/* -------------------------------------------------
STC Westcoast CSS
Version: 05.2006
Author: STC West Coast Chapter
mail: weblead@stcwestcoast.ca
Website: http://stcwestcoast.ca

hacks: 2008/03/01 courtesy of
http://tonychung.ca
------------------------------------------------- */
/* LAYOUT */
body {
	text-align: left;
	scrollbar-arrow-color : #cccccc;
	scrollbar-highlight-color : #c0c0c0;
	scrollbar-base-color : #336699;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#mainContent {
	text-align: left;
	vertical-align: top;
	padding: 0px;
}
#leftContent {
	text-align: left;
	vertical-align: top;
	padding: 00px 5px 0px 0px;
}
#rightContent {
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 5px;
}
/* HYPERLINK FORMATTING */
a:link  {
	color : #336699;
	text-decoration: underline;
}

a:link  {
    color : #336699;
    text-decoration: underline;
}
a:visited  {
	color : #663399;
	text-decoration: underline;
}
a:active  {
    color : #ff0000;
    text-decoration: none;
}
a:hover  {
	text-decoration: none;
	background : #CCCCCC;
}
/*TEXT FORMATTING*/
.textBody{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	line-height : 11pt;
	margin-left : 5px;
        margin-right : 5px;
	 }
/*newly added to temporarily fix bullet problem*/
.textList{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	line-height : 11pt;
	margin-left : 25px;
	margin-right : 5px;
	text-indent: -14px;
}
/*end*/
.list, .sideList{
    float:none;
	font-family : Verdana, Arial, Helvetica, sans-serif;
    display: list-item;
	font-size: 8pt;
	line-height : 14pt;
	list-style-type : square;
    list-style-image : url(http://www.stcwestcoast.ca/images/arrow2.gif);
	list-style-position : outside;
	margin-right : 0px;
	text-indent: 0px;    /*text-indent : -6px;*/

}
.spacedList{
 font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
   line-height : 20pt;
  list-style-type : square;
    list-style-image : url(/images/arrow2.gif);
    list-style-position : outside;
   margin-right : 5px;
}
.listIndent{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    list-style-type : square;
    list-style-image : url(/images/arrow2.gif);
}
.calendarHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #336699;
	text-align: center;
}
OL, ol{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height : 14pt;
   }
UL, ul{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height : 14pt;
   }
.navPath{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height : 30px;
  	font-weight : bold;
}
.sectionEditor, .textLinks{
	font-family :Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align : right;
}
.textLinks{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #333333;
}
.copyright{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-align : left;
	line-height: 25px;
	color: #333333;
}
.italics{
    font-style : italic;
}
/*TITLE FORMATTING*/
.hometitle{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight : bold;
    color : #336699;
  	padding : 1px 0px 1px 0px;
}
.title1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight : bold;
	color : #ffffff;
	background-color : #336699;
	padding : 1px 0px 1px 3px;

}
.title1b{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	color : #ffffff;
	background-color : #336699;
	padding : 1px 0px 1px 3px;
	width: 95%;
}
.title2{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
   font-weight : bold;
    color : #000000;
    line-height : 20px;
}
.title3{
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight : bold;
    color : #999999;
    line-height : 20px;
}
.title4{
    font-style : italic;
    font-weight : bold;
    font-size : 8pt;
}
.CLissue{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight : bold;
    color : #336699;
   	padding : 1px 0px 1px 0px;
}
.CLsection{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight : bold;
    color : #336699;
  	padding : 1px 0px 1px 0px;
}
.author{
    font-size : 8pt;
    text-align : left;
    font-family : Arial, Helvetica, sans-serif;
	color: Gray;
	margin: 0px,0px,0px,0px;
}
/*TABLE FORMATTING*/
#headerRow {
	background-image: url(images/nav_blue_graybar.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.tableOutline {
	border-style : solid;
	border-color : #bbbbbb;
	border-width : 1px 1px 1px 1px;
	background : #eeeeee;
	margin: 0px;
}
.tableOutline2 {
    border-style : solid;
    border-color : #bbbbbb;
    border-width : 0px 0px 1px 0px;
}
.tableOutline3 {
	border-style : solid;
	border-color : #bbbbbb;
	border-width : 1px 1px 1px 1px;
}
.tableOutline4 {
    border-style : solid;
    border-color : #bbbbbb;
    border-width : 0px 1px 1px 0px;
}
/*FORMS FORMATTING*/
.button {
    color: #000000;
	font-family : Verdana;
	font-size: 8pt;
	border:1px solid black;
	padding:1px;
	height:20px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#a2a2a2')
}
.PUT {
   color: #000000;
	font-family : Verdana;
	font-size: 18pt;
	border:0px ;
	padding:0px;
	height:30px;
}
.unorderlist {
	background-image:url(http://stc.pmhclients.com/images/arrow2.gif);
	background-repeat:no-repeat;
	background-position:0.4em;
	padding-left:1.5em;
		}

ol.roList {
list-style-type:lower-roman;
}
ol.alList {
list-style-type:lower-alpha;
}

.RandI {
	text-align: right;
	font-style: italic;
	margin-top: 0px;
	padding: 0px;
				}
div {
/* margin_top: 0px; */
margin-top: 0px;
padding: 0px;
}
divMenu {
/* margin_top: 0px; */
margin-top: 0px;
padding: 0px;
}
/*---Menu Formating----------*/
#nav {
	list-style: none;
	clear: both;
	height: 20px;
	width: 96%;
	text-align: left;
	padding: 2px 0px 0px 6px;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #336699;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

/* Text formatting ---------------------------------*/

.navText {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	text-align: left;

	line-height: 10pt;
	font-weight: bold;
	vertical-align: bottom;
}

.navText a:link {
	text-decoration: none;
	color: #000000;
	border: 0px none;
	font-weight: bold;
	line-height: normal;
}

.navText a:visited {
	text-decoration: none;
	color: #000000;
	border: 0px none;
	font-weight: bold;
	line-height: normal;
}

.navText a:hover {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	line-height: normal;
}

/* Suckerfish Dropdown display ---------------------*/
/* 20081006: precede all declarations with #nav to ensure only the 
   #nav lists are affected */

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

#nav li {
	float: left;
	position: relative;
	width: 10em;
	padding: 2px 5px 7px 3px;
	text-align: left;
	cursor: default;

}

#nav li ul {
	display: none;
	position: absolute;
	top: 1.5em;
	left: 0;
	width: 11em;
	background-color: #CCCCCC;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
	padding-top: 8px;
	padding-left: 3px;
	padding-right: 5px;
}

/* got rid of this in menu.css, but not here
   (IE7 doesn't like this)
#nav li>ul {
	top: auto;
	left: auto;
}
*/

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}


/*
This id is simply a marker so that the IE .js hack (scripts/ieHover.js) for the Suckerfish dropdown menu can find the menu item in the page code
*/
#navFunction {
}

/*
This adds the little "M" symbol to the menu items that are for Members only
*/
.members {
	background-image: url(/images/membersOnly.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.membersNewsletter {
	background-image: url(/images/membersOnlyNewsletter.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* 20080301 added for newsletter */
#CLpullquote
{
	display: block;
	width: 240px;
	margin: 0 0 1em 1em; padding: 0;
	float: right;
	background: url(/images/clpqopen.gif) top left no-repeat;
	font-family: 'times new roman',times,serif;
	font-style: italic; font-size: 11pt;
	line-height: 1.3em;
	color: #009;
}

#CLpullquote p
{
	margin: 2em 0 0 1.5em; padding: 0 .5em 1em 0;
	background: url(/images/clpqclose.gif) bottom right no-repeat;
}

.CLbio
{
	display: block;
	width: 100%;
	margin: 0; padding: 0;
	background-color: #eee;
}

.CLbio p
{
	margin: 0 1em; padding: 1em 0;
	font-family: 'times new roman',times,serif;
	font-style: italic; font-size: 10pt;
	line-height: 1.3em;
	color: #006;
}

/* used by blip player */
.bliplayer
{
	clear: both; width: 480px; height: 305px;
	border: 1px #000 solid;
	background-color: #000;
	text-align: center; font-family: arial,helvetica,helv,sans-serif;
}
.bliplayer img {
	margin-top: 36px;
}

.bliplayer a.bliptext
{
	display:block;margin-top:12px;
	background-color:#000;color:#daf;
	text-decoration: none;font-weight: bold;
}

.bliplayer a.bliptext:hover
{
	background-color:#000;color:#af9;
	text-decoration:underline;
}

.points
{
    list-style: disc outside;
    margin-left: 0;
/* debug:    border: 1px green solid; */
}
.points li
{
    margin-left: 12pt;
}

#sponsorships {
}

#sponsorships p {
}

#sponsorships ul {
  list-style: none; margin: 0; padding: 0;
}

#sponsorships ul li {
  margin: 5px 0; padding: 0;
  clear: left; float: left;
}

#sponsorships ul li a {
  border: 1px transparent solid;
  float: left;
}

#sponsorships ul li a:hover {
  border: 1px #0080c0 solid;
}

#sponsorships ul li a img {
  border: none;
  margin: 0; padding: 0;
  float: left;
}