/***********************************************/
/***********************************************/ 
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #d6deec;
}

#fixContain {
	text-align: left;
	margin: 0 auto;
	width: 64em; /*60em;*/
/*  position: relative;*/
}

/* Link Styles */
a{
	color: #069; /*#069; /*#006699;*/
	text-decoration: none;
	font-weight: bold;
}

a:link{
	/*color: #810f28;*/
		color: #006699;
	text-decoration: none;
	/*font-weight: bold;*/
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #258; /*#006699;*/
	text-decoration: underline;
}

a.rLink01  {
    /*color: #804b74;*/
  color: #660000;
  /*color: #990000;*/
	/*font-weight: bold;*/
  text-decoration: none;
}


a.rLink01:link{
	color: #831A29;
	font-weight: bold;
	text-decoration: none;
}

a.rLink01:visited{
	color: #831A29;
	font-weight: bold;
	text-decoration: none;
}

a.rLink01:hover{
	color: #369;
	font-weight: bold;
	text-decoration: underline;
}

a.rLink02  {
    /*color: #804b74;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #990000;
  font-weight:normal;
  font-size:90%;
  /*color: #990000;*/
	  text-decoration: none;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 150%;
 color: #810f28;
 /*color: #339;*/
/* color: #334d55; */
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 150%;
/* color: #006699; */
 color: #810f28;
 /*color: #339;*/
/* color: #343399; */
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 140%;
 /*color: #810f28;*/
 color: #339;
 /* color: #334d55; */
 margin: 0px;
 padding: 0px;
}

h3sub{
 font-family: Arial,sans-serif;
 font-size: 120%;
 /*color: #810f28;*/
  color: #339;
 margin: 0px;
 padding: 0px;
 text-align:center;
}


h4{
 font-family: Arial,sans-serif;
 font-size: 120%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 110%;
 /*color: #810f28;*/
 color: #339;
/* color: #334d55; */
 margin: 0px;
 padding: 0px;
}

h6 {font-family: Verdana,Arial,sans-serif;
	  font-size: 90%;
	  text-align: center;}


.journal h4 {color: #82004b;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#topSp {height: 0.05em;}
.cpgLogo {
	margin-bottom: 0.6em;
	        text-align: center !important; 
          padding-top: 0px;
	        border-top: 3px solid;
	        border-bottom: 3px solid;
	        color:#810f28;
}
/*IE win 3px gap bug hide from ie5mac \*/
* html .cpgLogo {height: 1%;}
/*end ie5mac hide*/


/* img#cpgText { padding: 0px 6px 30px 6px;} */
img#cpgText { padding: 0px 16px 6px 16px;}

img#cpgText1 { padding: 0px 16px 0px 16px;}

.quotes {padding-top: 1em;} 
.quotes p {/*font-style: italic;*/
	        text-indent: 3em;
          /* padding: 0.5em 1em 0.5em 1em; */}

/* standard quote */
div.iQuote {/* border: 1px solid #ff7200;*/ /*#669900;*/
	          margin: 0  !important;
	          padding: 0 !important;
	          /*background-color: #b6ffa1; #ffeaa1; */}

/* need to zero these first and then reset */
div.iQuote p {padding: 0; margin: 0;} 

/* 3px gap IE problem */
/* Hide from mac ie5 \*/
* html div.iQuote p.qHdr {margin-right: -3px;}
/* end hide */

.qHdr {
	     color: #00155e; /* #339; */
/*	     background-color:  #ffeaa1; */
	     font-weight: bold;
       font-style: normal !important;
	     text-indent: 0em !important;
	     margin-bottom: 0 !important;
       padding: 0.5em 0.5em 1em 0.5em !important;
}

.qBody {
       padding: 0.5em 0.5em 0.5em 0.5em !important;
}		    	        
	    	        
.qFin {
	padding: 0.5em 0.5em 0 0.5em !important;
	/* padding-bottom: 0px; */
	margin-bottom: 2px !important;
}

.qSource {
	text-indent: 0 !important;
	font-style: normal !important;
	text-align: right;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 8px;
  color: #339;
}


#navBar{
	float: left;
/*	width: 11.9em;*/
  /*width:120px;*/
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
}

#navLinks{
  float: left;
  position:relative;
  margin-top: 2em;
  /*padding-top: 2em:*/
  padding-left:0.5em;
  background-color:#abc;
  display: block;
  font-size: 1.1em;
  width: 10em;
  clear:left;
  border: 1px solid gray;
}  

.navBloc {
  background-color:#abc;
  display: block;
  line-height: 1.5em;
  font-size: 0.9em;
  width: 10em;
  clear:left;
  border: 1px solid gray;
  text-align:center;
}
.navBloc1 {
  background-color:#abc;
  display: block;
  line-height: 1.5em;
  font-size: 0.9em;
  width: 24em;
  clear:left;
  border: 1px solid gray;
   margin-left:8em;

  text-align:center;
}

#content{
  margin-left: 11.5em;
/*  margin-right: 3em;*/
  width: 42em;
  padding-bottom: 1em;
  height: auto;
 /* float: right; */
}

/* html>body div#content {width: 65%;} */
#pwlogo{/* padding-top: 2em; */
	padding-bottom: 1em;
	margin: 0 12em 0 31em;
	clear: both;}
	
#btcImg {text-align: center;
	    padding: 0.5em 0 0 2em;
	    clear:both;}

#btcImg img {border: none;}

#headImg {margin: 1em 0 1em 0;
	        padding: 0;} 

#headImg01 {
	  margin: 0 10em;
}
/* #headImg img {margin: 0 65% 0 35%;
	            border: none;} */
	            
#headImg img {border: none;
	            margin: 0 12em 0 14em;
	            }

/* .pic01 { float: right;
	       margin: 1em 0 1em 0em;}
*/
	       
/* .pic02 { float: left;
	       margin: 1.5em 0.8em 0 0.5em;}
*/

/* Moz Opera & IE behave differently so apply -1 bottom margin then add nbsp to element below*/
#mainPics {margin: 2em 4em -1em  4em;}
#mainPics img {margin-left: 1em;}
#mainPics01{ margin: 0 7em;}
/* for diff image sizes */
#mainPics02 {margin: 2em 4em -1em  1em;}
#mainPics02 img {margin-left: 1em;}
#mainPics03 {margin: 1em 12em 0  12em;}

.ieSp {margin-top: 1em;}

.img01 { float: right;
	       margin: 1.2em 1.5em 1em 0.5em;}
.img02 { float: left;
	       margin: 1.2em 0.8em 0 0.5em;}
	       
.Icaption {font-size: 60%;
	        color: #111;
	        text-align: center;}
.Dcaption {padding-left: 4em; font-size: 60%;
	        color: #111;}

.iLeft {float: left;}
.iRight {float: right;}
.hMod01 {margin-left: 1.5em;}
#headImg div.cMod01 {margin-left: -4em;}	
.vMod01 {margin-top: 0.2em !important;}


#rLinks {margin: 2em 0 0 2em;
	       line-height: 2;
	       font-size: 110%;}


/************** .feature styles ***************/

	
/*.feature {
margin: 1em 0 0 1.2em;}	
*/
.feature h2{
	padding: 10px 0 10px 0; 
	text-align: center;
	font-size: 170%;
	border-style: double;
	border-width:  3px;
	border-color: #810f28;
  white-space: nowrap;
  margin: 0 0.5em 0 0.5em;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature h3sub{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

/* .feature a {color: #82004b !important;}
.feature a:link {color: #82004b !important;}*/
.feature em {font-style: italic; color: #339;}

.feature h5{
	padding-top: 1em;
	/* color: #4682b4 !important; */
}

.feature h6{
	 color: #333333 !important;
}
	
.piNews h5 {clear: none;}
.cNoneI {clear: none !important;}
.imgH2 {padding: 1em 0 0 1em;}
.imgH2 a img {margin-right: 1em; border-style: none;}
.imgH3 {padding: 0 0 0 4.5em;}
.imgH4 {padding: 1em 0 0 4em;}
.imgH5 {padding: 2em 0 0 4em;}

.imgH3 img {padding: 0 0.5em;}
.imgH5 img {padding: 0 0.5em;}
/*.iH5M {padding-left: 0.5em;}*/
/* .feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}*/

.hGrp3 {padding-top:1em;}
.dH3L {float:left;margin-left: 2em;}
.dH3M {margin:0;padding:0;}
/*.dH3R {float:right;margin:0;padding:0;clear:none;}*/
.dH3R {float:right; margin-right:10em;}

#tmat em{color: #333;}

/* Summer retreat */
.gSret01 {text-align: center;
	        margin: 0;
	        padding: 0;
	        color: #339 !important;}
	        
.gSret02{margin: 2em 4em 0 4em;
	       font-style: italic;
	       text-align: center;
	       }

	      

.gSret01 h2 {font-size: 245%;
	           font-family: 'times new roman',serif;}
.gSret01 h3 {font-size: 160%;
	           font-family: 'times new roman',serif;;}
.gSret01 h4 {color: #339;}

.gsrPara70 {margin: 1em 0 0 1.2em;}
.gsrPara17 {text-align: right;
	          font-weight: bold;
	          color: #82004b;}
.gsrPara26 {text-align: left;}
.gsrPara16 {text-align: left;}
.gsrText45 {font-weight: bold;
	          font-style: italic;
	          color: #339;}

.gsrText46 {font-style: italic;}

/*
put in when generated content supported

ol.itList {counter-reset: ordered;}

ol.itList li:before {counter-increment: ordered;
	                   content: "(" counter(ordered) ") ";}
*/

.contentsList {margin-left: 2em;}
.contentsList li {margin:0.5em 0 0.8em 0;}

.tName {text-indent: 16em; color: #339}

.cDesc {font-style: italic;
	    color: #336699;}
	    
ol.itList li { 
	font-style: italic;
}


 div#ccksIntro h5 {padding-bottom:0;
                  margin-bottom:0.5em;}

.ssInfo {font-weight: bold;}

.ssInfo table {width: 100%;}
.ssInfo caption {border: 1px solid;
	               font-size: 80%}
.ssInfo tr#topRow td {padding-top: 1em;}
.ssInfo td {font-style: italic;
	          font-size: 80%;
	          text-align: center;}

.intro {font-weight: bold;
	      color: #82004b;}

.intro p em sup {padding-top: 0; margin-top: 0; font-size: 50%;}

.imgList1 li{padding-bottom: 4px;}
.imgList1 li a img {vertical-align: middle;}

.vidLnk {margin-top: 1em;}
.vidLnk a img {vertical-align: middle;
	             margin: 0 0 1em 1em;}

.vidLnk ul {padding-left:5em;
           font-weight: bold;
           /*list-style-image: url('/video/film_video_1.gif');*/
           /* list-style-position:outside; */}

.vidLnk ul li {padding: 0 0 0.5em 0;}
               /* line-height: 1.3em;} */

.vidLnk a {color: #216939!important;}
.vidLnk a:hover {color: #216939;}

.yDate {color: #392169;padding:0 0.2em 0 0;}
.teach {
	font-style: italic;
}

.teach h4 {
	font-style: normal !important;
	font-weight: bold;
	text-align: center;
	margin-top: 1.5em;
}
.teach li {margin-bottom: 1em;}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #aaa;
	font-size: 75%;
	/*color: #cccccc;*/
	margin: 8px 10px 2px 10px;
}


#siteInfo p{text-align: center;
	          margin: 4px 0 2px 0;
	          padding: 0;}


/*********** #navBar link styles ***********/

/* #navBar ul a:link, #navBar ul a:visited {display: block;} */
/* #navBar ul {list-style: none; margin: 0; padding: 0;}  */

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/* #navBar li {border-bottom: 1px solid #EEE;} */

/* fix for browsers that don't need the hack */
/* html>body #navBar li {border-bottom: none;} */


#navBar {
	position: relative;
	margin: 0em 0 0 0;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #cccccc;*/
	font-size: 90%;
}	

/*  page footer pre/next navigation */
.listingBar {
    position: relative; 
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-style: solid;
    border-width: 1px;
    padding: 0em 1em;
    text-align: center;
    /* text-transform: lowercase; */
    vertical-align: top;
    margin: 2em 0em;
    font-size: 94%;
    clear: both;
    /*z-index: -10;*/
}

/* need for ie put in page conditional style
 .listingBar a {position: relative;} */

.listingBar a span {
	display: none;
	text-decoration: none;
}

 .listingBar a:hover {
 	 background-color: #8cacbb; 
 	 color: #dee7ec;
   text-decoration: none !important; 	 
 }

 .listingBar a:hover span {
  position: absolute; top: -1.2em;
  z-index: 100; 
  display: block;
	  background-color: #8cacbb; color: #2f4f4f; /*#dee7ec;*/
	  border: 1px solid #4682b4;
    width: 20em;
    cursor: hand;
}


.listingBar a:hover span.previous {
	  float: left;
	  margin-left: 1em;
}

.listingBar a:hover span.next {
	  float: right;
	  margin-left: -13em;
	  text-align: left;
}

.listingPrevious {
    text-align: left;
    float: left; 
    margin-right: 1em;
    clear: none;
}

.listingNext {
    text-align: right;
    float: right; 
    margin-left: 1em;
    clear: none;
	}

/* .listingTop {
	text-align: center;
	margin: 0 50% 0 50%;
} */

.listingBar img {
    vertical-align: middle;
     border: none;
 /*    z-index: 150; */
}



/*********** .relatedLinks styles ***********/

.relatedLinks{
/*  width: 14em; */
  /* clear: left; */
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}


/* Style modifiers   */

.kwHlt { font-weight: bold;
	       font-style: italic;
         color: #339;
	       /*color:#343399;*/
	       }
.thrHlt { font-weight: bold;
         color: #231f83;
	       /*color:#343399;*/
	       }
	       
.h2Ctr { padding: 10px 0px 10px 0px;
	    text-align: center;
	    font-size: 140%;}

.h3Lft {text-align: left !important;}

.wsPre {white-space: pre;}

.ckfSmall {font-weight: bold;
           font-size: 72%;
          }

.noTopMP {margin-top: 0;
	       padding-top: 0;
	       }
	    

.noBotMP {margin-bottom: 0 !important;
	       padding-bottom: 0 !important;
	      }
.lBold { font-weight: bold;
	       line-height: 1.5;
	       color: #339;
	       }
#csFees{
	font-weight: bold;
}
td#csFees{padding-right: 1em;}

.tdCtr {text-align: center;}

div#g108{
   /* font-style: italic; */
    font-weight: bold;
    margin-left: 2em;}
		
#gemsItems span{font-weight: bold;
       color: #339;}

/* Dreamweaver styles (ish)*/
.style7 {color: #9713D4;}

.style8 {color: #333399;
font-weight:bold; font:italic}

.style9B {color: #339;
          border: 1px solid;
          font-weight:bold;
	        padding: 0.1em;
	        margin: 1em 2em; }	      

.style5 {
	font-size: 70%;
	color: #333399;
}
.style10 {font-size: 70%; color: #339; }

.style19 {color: #800000;
	        background-color: #ffffcb;}
	        
.keyBlue {
	color: #000099;
}	        

/* Right sidebar */
/*#rightSB {float:right; width:9em; font-size:90%;color:#339;margin-top:4.5em;border:1px solid #336699;padding-left:0;
          background-color:#BBD4FA;}*/
#rightSB {float:right; width:10.5em; font-size:90%;color:#339;margin-top:0em;border:1px solid #810f28;padding-left:0;
          background-color:#c9daf4;}
#rightSB h3{font-weight:bold; color: #1D3AA4; font-size:95%;text-decoration: underline; padding-bottom:0.5em;text-align:center;}
#rightSB a {font-weight:bold; color: #A22300 !important;}

.rsbItem {padding-bottom: 0.3em;}
/* Image Zoom  */
div#zmPic {
	visibility: hidden;
  position: absolute; top: 150px; left: 250px; 
	z-index: 50;
	text-align: center; 
	background-color: white;
	}

img {border-style: none;}

#zCaption {font-size: 90%;
	      color: #369;
	      background-color: white;
}

#zClose	{font-size: 75%; font-weight: bold; color: #111;
	      background-color: white;
}      

.ovlh5 {z-index: 10;
	      position: relative; top: -36px;
	      margin-bottom: -10px;}

/* S.R. schedule */
#srList table{padding-top: 1em;width: 100%;}
/*              border: 1px solid #c36;}*/
              
#srList {text-align: center;}

.srLine td {padding:0 0 0.5em 0.2em; vertical-align: top; text-align:left; background-color:#c1ffc1;/*#ab9;*/}
.trh1 th {padding-bottom: 1em; font-weight:bold; font-size: 110%; color: #339;}	
.trh2 th {background-color: #157;color: white;}

.srLine td {border: 1px solid #c36;}

.srDate {width: 7.5em;}
.srDate1 {width: 15em;}
.srContact {width: auto;}
.tSize01 {font-size: 95%;}

/****************
Release 000 add as sep
****************/

ul.tcLst li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.5em; /*1.2em;*/

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/*
Multi column lists 
If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ul.tcLst li
{
	position: relative;
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 3 items * 1.5em line-height = 4.5em  + 1.5 for wrapped element = 6 */

ul.tcLst li.tdy200
{
  margin-top: -6em;
}

/* horizontal position of each column */
ul.tcLst li.tdy100,
ul.tcLst li.tdy110,
ul.tcLst li.tdy120
{
  margin-left: 2em;
}
ul.tcLst li.tdy200,
ul.tcLst li.tdy210,
ul.tcLst li.tdy220
{
  margin-left: 21em;
}

/*options list*/
ul.tcLst01 li
{
  line-height: 2em;
  margin: 0;
  padding: 0;
}

* html ul.tcLst01 li {
position: relative;
}

ul.tcLst01{ margin-top: 1em;
            list-style:none;}

ul.tcLst01 li.opt200 {
/*   margin-top: -2.1em;*/
   margin-top:-1.5em;
}   
ul.tcLst01 li.opt100 {
  margin-left: 6em;
}
ul.tcLst01 li.opt200 {
  margin: -2em 0 0 24em;
}
ul.tcLst01 li.opt300 {
/*   margin-top: -2.1em;*/
   margin-top:-2.9em;
}
ul.tcLst01 li.opt300 {
  margin-left: 24em;
}   


#backTT {font-size: 80%; float: right; display: block; 
         padding: 0.1em;}
#backTT a {color: #259;font-weight: bold;}

/* min height hack for Internet Explorer */
/*\*/
* html #content {
height: 20em;
}
/**/

.tPadL01 {padding-left : 4em;}
.tPadR01 {padding-right: 15em;}
.tPadL02 {padding-left : 7em;}
.tPadR02 {padding-right: 10em;}
.tPadL03 {padding-left : 12em;}
.tPadR03 {padding-right: 18em;}
.tPadL04 {padding-left : 8em;}    

/* Add for MA section back fill messy css from other sectionx */

.bText {color: #339;}
.bemText {color: #339;font-weight:bold; font-style: italic;}
.bBText {color: #339;font-weight:bold;}

/* Tooltip rollovers */
span.ttinfo{
  position:relative; /*this is the key*/
  /*background-color:#147;*/
  color:#804b74; /*#26e;*/
  cursor:help;
  text-decoration:none;
  z-index:24;
}
span.ttinfo:hover { 
  background-color:#e96;
  z-index:25;
  }
span.ttinfo span.tooltip { display:none; }

/*span.ttinfo span.tooltip {z-index:150;} *//*the span will display just on :hover state*/
span.ttinfo:hover span.tooltip { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:1.3em; left:2em; width:18em;
  border:1px solid #333; /*#0cf;*/
  background-color:#caf;
  padding: 0.2em;
  color:#000;
  font-size:70%;
  text-align:center;
}


a.ttip {color: #000;
	text-decoration: none;
}
a.ttip:link {color: #000;
	text-decoration: none;
}
a.ttip:visited {	color: #000;
	text-decoration: none;
}
a.ttip:hover {	color: #000;
	text-decoration: underline;
}
/*Right bar for music of the month (mom) */
  .cBoth {clear: both;}
  .momImg {padding-left: 2.6em;}
  ol.momTr {list-style:none;margin:0.2em 0 0.2em ;padding:0;}
  ol.momTr li {font-size:90%;}
  ol.momTr li a {font-size:90%;}  
  
  /*Notice to turn off music when playing videos*/
    #musicoff {width:45em; font-size:90%;margin-top:4.5em; border:1px solid #336699; padding:0.2em;}
    .moHigh {font-weight:bold; color:#1D3AA4; padding-bottom:0.5em;}
	
	.trailerbuttons {font-size:75%;}
    .trailerbuttons a img {margin-bottom:-0.1em;}
	
           
.kwHlt2 {
font-weight: bold;
         color: #1c2fc4;
}

#downloads{
  color: #831A29;
  margin-top: 0.5em;
  margin-left: 0em;
  padding-left:0.5em;
  background-color:#eee;
  display: inline-block;
  font-size: 0.8em;
  width: 8em;
  border: 1px solid gray;
}

#downloads1{
  color: #831A29;
   margin-top: 0.5em;
  margin-left: 1em;
  padding-left:0.5em;
  background-color:#eee;
  display: inline-block;
  font-size: 0.8em;
  width: 8em;
  border: 1px solid gray;
}