﻿

/*************************************************************************
'
'  Global Page Area - Defines page backcround color and image as well as
'                     default link colour, fonts and font colours
'
'*************************************************************************/
.body {
	background-color:#cccccc;
}
.shadowLeft {
	background-position: left top;
	min-height: 100%;
	background-image: url('/Style%20Library/Images/PG_Shadow_Left.gif');
	width: 12px;
	background-repeat: repeat-y;
	height: 100%;
}
.shadowRight {
	background-position: left top;
	min-height: 100%;
	background-image: url('/Style%20Library/Images/PG_Shadow_Right.gif');
	width: 12px;
	background-repeat: repeat-y;
	height: 100%;
}

.master {
	margin-left: auto;
	width: 960px;
	margin-right: auto;
	height: 100%;
	background-color: #ffffff;
}

.authoringRegion {
	width: 100%;
	color: #000000;
	background-color: #ffffff;
}

/*** Fonts ***/
.body, table, ul, ol {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:small;
}
div#MainContentArea h1, .LeftText h1 {
	font-size:x-large;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#336699;
	font-weight:normal;
}
div#MainContentArea h2, .LeftText h2 {
	font-size:large;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#336699;
	font-weight:normal;	
}
div#MainContentArea h3, .LeftText h3 {
	font-size:medium;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	font-weight:normal;
}
div#MainContentArea h4, .LeftText h4 {
	font-size:large;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
}
div#MainContentArea h5, .LeftText h5 {
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
}
div#MainContentArea p, .LeftText p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
}
div#MainContentArea p.caption, .LeftText p.caption {
	font-style:italic;
}

div#MainContentArea p font {
	color:#666666;
}
/*** default hyperlink ***/
a {
	color:#6699cc;
	text-decoration:none
}
a:hover {
	color:#6699CC;
	text-decoration:underline;
}



/*************************************************************************
'
'  Header, Sign In, and footer links - Defines colors
'
'*************************************************************************/
div#header a, .SignInContainer a, div#footer div a {
	color:#666666;
	text-decoration:none
}
div#header a:hover, .SignInContainer a:hover, div#footer div a:hover {
	color:#6699CC;
	text-decoration:underline;
}


/*************************************************************************
'
'  Admin Area - Defines colors used within
'
'*************************************************************************/

/*************************************************************************
'
'  Header Area - Defines colors used within
'
'*************************************************************************/
.PGLogoContainer img {
	border:none;
}

.UserAdminContainer {
	padding-bottom:10px;
}

div#header div{
	float: right;
	padding: 5px 0px 0px 0px;
}

div#header div ul {
	display: inline;
	font-size: 90%;
}

div#header div ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #7c7e7f;
}

div#header div ul li.firstItem {
	border: none;
}

/*************************************************************************
'
'  Search Area - Defines colors used within
'
'*************************************************************************/
.SignInContainer {
	padding-right:12px;
	padding-bottom:3px;
}
.SearchContainer {
	text-align:right;
	/*padding-right:10px;*/
}
.textboxOut {
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	width:200px;
	color:#999999;
}
.textboxOn {
	border-width:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	width:200px;
	color:#666666;
}
.btnSearch {
	cursor:pointer;
}


.CAMHLogoContainer {
	text-align:right;
	margin-left: 12px;
}
.CAMHLogoContainer img {
	border:none;
}
/*************************************************************************
'
'  Top Nav Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
.topNavTD {
	height:55px;
	background-image:url('/Style%20Library/Images/PG_TopNav_Background.gif');
	background-repeat:repeat-x;
}
.TopNav {
	width:100%;
	height:55px;
}
.TopNav TD {
	text-align:center;	
}
.TopNav a:link, .TopNav a:visited {
	color:#dfdfdf;
	text-decoration:none;
	text-transform:uppercase;
	font-size:medium;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.topNavHover {
	background-image:url('/Style%20Library/Images/PG_TopNav_Hover_Background.gif');
	background-repeat:repeat-x;
}

.TopNavContainer a {
	padding: 0px 30px;
	text-transform:uppercase;
	font-size:medium;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.topNavItem a {
	color:#dfdfdf;
	text-decoration:none;
}
.topNavItem {
	background-position: right top;
	font-size: medium;
	font-size:x-small;
	background-image: none;
	color: #3a4663;
	background-repeat: no-repeat;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
.topNavHover a
{
	color:#000000;
	background-image: url('/Style%20Library/Images/PG_TopNav_Hover_Background.gif');
	background-repeat:repeat-x;
	background-position:top right;
}

#menu0 table {
	width:100%;
	text-decoration:none;
	text-transform:uppercase;
	font-size:medium;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/*************************************************************************
'
'  Language Switch Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
.LangSwitchContainer {
	height:55px;
	width:120px;
	background-image:url('/Style%20Library/Images/PG_LanguageSwitch_background.gif');
	background-repeat:repeat-x;
	text-align:center;
	cursor:pointer;
}

.LangSwitch {
	padding: 0px 30px;
	text-transform:uppercase;
	font-size:medium;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#dfdfdf;

}
.LangSwitch a:link, .LangSwitch a:visited {
}
/*************************************************************************
'
'  Site Title Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
/** Home Site **/
.SiteTitleHome_blue {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_Home_Blue.gif');
	background-repeat:repeat-x;
	height:240px;
	width:33%;
}
.SiteTitleHome_red {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_Home_Red.gif');
	background-repeat:repeat-x;
	height:240px;
	width:33%;
}
.SiteTitleHome_orange {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_Home_Orange.gif');
	background-repeat:repeat-x;
	height:240px;
	width:34%;
}
.SiteTitleHome_blue div.LinkContainer, .SiteTitleHome_red div.LinkContainer, .SiteTitleHome_orange div.LinkContainer {	
	margin:18px;
	color:#ffffff;
	font-size:medium;
	font-weight:bold;
}
.SiteTitleHome_blue h2, .SiteTitleHome_red h2, .SiteTitleHome_orange h2 {
	color:#ffffff;
	font-size:medium;
	font-weight:bold;
	margin: .25em;
}
.SiteTitleHome_blue p, .SiteTitleHome_red p, .SiteTitleHome_orange p {
	margin: .25em;
	font-size:small;
	color:#ffffff;
}
.SiteTitleHome_blue a, .SiteTitleHome_red a, .SiteTitleHome_orange a {
	color:#ffffff;
	text-decoration:none;
}
.SiteTitleHome_blue a:hover, .SiteTitleHome_red a:hover, .SiteTitleHome_orange a:hover {
	color:#ffffff;
	text-decoration:underline;
}

/** Problem Gambling Site **/
.SiteTitleProblemGambling {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_ProblemGambling_background.gif');
	background-repeat:repeat-x;
	height:65px;
}
.SiteTitleGettingHelp {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_GettingHelp_background.gif');
	background-repeat:repeat-x;
}
.SiteTitleHelpingProfessionals {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_HelpingProfessionals_background.gif');
	background-repeat:repeat-x;	
}
.SiteTitleResearch {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_Research_background.gif');
	background-repeat:repeat-x;
}
.SiteTitlePGTS {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_PGTS_Title_background.jpg');
	background-repeat:repeat-x;
}


.SiteTitleInstOfOnt {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_InstofOnt_Title_background.jpg');
	background-repeat:repeat-x;
}

.SiteTitleEthnoCultural {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_EthnoCultural_Title_background.jpg');
	background-repeat:repeat-x;
}


.SiteTitleGamIntUse {
	background-image:url('/Style%20Library/Images/PG_SiteTitle_GamIntUse_Title_background.jpg');
	background-repeat:repeat-x;
}




.ms-sitetitle img {
	border:0px;
	
}
.ms-sitetitle a {
	padding-left:45px;	
	vertical-align:middle;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-large;
}
/*************************************************************************
'
'  Signed In Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
.SignedInNav {
	margin:4px 0px auto 0px;
	padding:16px 12px 13px 14px;
	width:220px;
	background-color:#316ba7;
	background-image:url('/style%20library/images/PG_SignInNav_background.gif');
	background-position:0px 0px;
	background-repeat:repeat-x;
}
.SignedInNav:Hover {
	margin:4px 0px auto 0px;
	padding:16px 12px 13px 14px;
	background-color:#316ba7;
	background-image:url('/style%20library/images/PG_SignInNav_Hover_background.gif');
	background-position:0px 0px;
	background-repeat:repeat-x;
}
.SignedInHeader {
	height:24px;
}
.SignedInHeader span {
	text-transform:uppercase;
	font-size:small;
	font-weight:bold;
	color:#ebe7e7;
	height:2ex;
}
.SignedInNav table {
	/*background-color:#ffffff;*/
}
td.SignedInNav1 {
	border:1px #d1d1d1 solid;
	height:26px;
	vertical-align:middle;
	background-image:url('/style%20library/images/PG_NavItem_background.gif');
	background-repeat:repeat-x;
}
td.SignedInNav1Selected {
	border:1px #d1d1d1 solid;
	height:26px;
	vertical-align:middle;
	background-image:url('/style%20library/images/PG_NavItemSelected_background.gif');
	background-repeat:repeat-x;
}
.SignedInNav1 a{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
}
.SignedInNav1Selected a {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#ebe7e7;
}
.SignedInNav2 {
	padding-top:3px;
	padding-bottom:3px;	
}
.SignedInNav2 td {
	background-image:url('/style%20library/images/PG_SignedInNavItem_bullet.gif');
	background-repeat:no-repeat;
	background-position:8px 2px;	
}
.SignedInNav2 div {
	margin-left:20px;	
}
.SignedInNav2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#ebe7e7;
}
.SignedInNav1 a, .SignedInNav1Selected a {
	padding-left:8px;
}
/*************************************************************************
'
'  Public Nav - Defines background, text, link color and list bullet
'
'*************************************************************************/
.PublicNav {
	margin:4px 0px auto 0px;
	padding:16px 12px 13px 14px;
	background-color:transparent;
	width:220px;
	border-right: #cccccc 2px solid;
	border-top: none;
	margin-top: 4px;
	margin-left: 7px;
	border-left: none;
	margin-right: 15px;
	padding-top: 0px;
	border-bottom: none;
	background-color: #ffffff;
	margin:4px 0px auto 0px;
	padding:16px 12px 13px 14px;	
}
.PublicHeader {
	height:24px;
}
.PublicHeader span {
	text-transform:uppercase;
	font-size:small;
	font-weight:bold;
	color:#ebe7e7;
	height:2ex;
}
.PublicNav table {
	/*background-color:#ffffff;*/
}
td.PublicNav1 {
	border:1px #d1d1d1 solid;
	height:26px;
	vertical-align:middle;
	background-image:url('/style%20library/images/PG_NavItem_background.gif');
	background-repeat:repeat-x;
}
td.PublicNav1Selected {
	border:1px #d1d1d1 solid;
	height:26px;
	vertical-align:middle;
	background-image:url('/style%20library/images/PG_NavItemSelected_background.gif');
	background-repeat:repeat-x;
}
.PublicNav1 a{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
}
.PublicNav1Selected a {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#ebe7e7;
}
.PublicNav2 {
	padding-top:3px;
	padding-bottom:3px;	
}
.PublicNav2 td {
	background-image:url('/style%20library/images/PG_PublicNavItem_bullet.gif');
	background-repeat:no-repeat;
	background-position:8px 6px;
}
.PublicNav2 div {
	margin-left:20px;	
}
.PublicNav2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
}
.PublicNav1 a, .PublicNav1Selected a {
	padding-left:8px;
}

/*************************************************************************
'
'  Left Nav Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
.leftNav {
	border-right: #cccccc 2px solid;
	border:none;
	border-top: none;
	margin-top: 4px;
	margin-left: 7px;
	border-left: none;
	width: 222px;
	margin-right: 15px;
	padding-top: 0px;
	border-bottom: none;
	background-color: #ffffff;
	margin:4px 15px auto 7px;
	padding:16px 12px 13px 14px;
}
td.LeftNav1 {
	border:1px #d1d1d1 solid;
	height:26px;
	vertical-align:middle;
	background-image:url('/style%20library/images/PG_NavItem_background.gif');
	background-repeat:repeat-x;
}
td.LeftNav1Selected {
	border:1px #d1d1d1 solid;
	height:26px;
	vertical-align:middle;
	background-image:url('/style%20library/images/PG_NavItemSelected_background.gif');
	background-repeat:repeat-x;
}
.LeftNav1 a{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
}
.LeftNav1Selected a {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#ebe7e7;
}
/*************************************************************************
'
'  Main Content Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
.LeftSpacer {
	padding-left:15px;
}
.TopSpacer {
	margin-top:4px;
}
.breadcrumb {
	clear: both;
	padding-left: 0px;
	font-size: 9pt;
	margin-bottom: 4px;
	padding-bottom: 2px;
	color: #666666;
	padding-top: 4px;
	border-bottom: none;
	font-family: tahoma;
}
.breadcrumb A {
	padding-right: 0px;
	padding-left: 0px;
	color: #336699;
	text-decoration: none;
	font-weight:bold;
}

/***************************
CAMH IMG Additions
****************************/

.breadcrumb A:visited {
	padding-right: 0px;
	padding-left: 0px;
	color: #336699;
	text-decoration: none;
	font-weight:bold;
}

.breadcrumb A:visited:hover {
	padding-right: 0px;
	padding-left: 0px;
	color: #336699;
	text-decoration: none;
	font-weight:bold;
}



/***************************/

.breadcrumbCurrent {
	font-weight:normal;
}

.mainContainer {
	margin-left: 0px;
	margin-right: 0px;
}
.mainContainerArea {
	padding-right:12px;
}
div#pg-LongDescriptionText, div#pg-PageContent {
	margin-right:15px;
}
/*************************************************************************
'
'  Right Column Area - Defines background, text, link color and list bullet
'
'*************************************************************************/

.BookmarkContainer, .RightColumnContainer {
	width:220px;
}

.RightColumnContainer {
	border-left:#cccccc 2px solid;	
}
.RightColumnArea {
	padding:8px;
}
/*************************************************************************
'
'  Disclaimer Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
div#disclaimer {
	border-top:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	padding:3px;
}
div#disclaimer div {
	text-align:center;
	font-family:inherit;
	font-size:xx-small;
	color:#666666;
}
/*************************************************************************
'
'  Footer Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
div#footer div{
	text-align:center;
	padding: 15px 0px 0px 0px;
}

div#footer div ul {
	display: inline;
	font-size: x-small;
}

div#footer div ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #7c7e7f;
	text-transform:uppercase;
}

div#footer div ul li.firstItem {
	border: none;
}

div#footer div ul li.text-transform {
	text-transform:none;
}
