/* CSS Document */

/*----------------------------------------------------------------------------

GLOBAL STYLE SHEET for typography

version: 		1.0
last update:	11  January  2008
filename:		typography.css
author:			Doug Porter
email:			doug@douglasporter.ca
website:		www.douglasporter.ca

----------------------------------------------------------------------------*/
   
body { 
	font-size: 100%; 
	color: #222; 
  	font-family: Verdana, Arial, Helvetica, sans-serif;  }
  	
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

/*  HEADINGS
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }*/


/*  TEXT ELEMENTS
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*.normal {color:#f44;}
.normal strong {font-weight: bold; }
.normal em {font-weight: bold; color:lime; }

ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
*/

/*  indexMENU
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#indexMENU {
	position:absolute; top: 140px; left: 170px;
	width: 410px; height: 550px;	}

.ul {
	text-transform: none;
	text-decoration: none;
	list-style-type: none;
	}

#indexMENU ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#indexMENU ul a {
	display: block;
	width: 350px;
/* 	height: 30px; */
	}

#indexMENU .story a {
	background: url(images/indexMENUstory.jpg) 	no-repeat left top;
	}
                       
#indexMENU .story a:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
	}
      
#indexMENU a:link {
	display:block;
	width: 114px;
	height: 151px;
	text-decoration:none;
	background:url(../images/dcmINDEX+stories.jpg) no-repeat left top; }

#indexMENU a:hover {
	display:block;
	width: 185px;
	background:url(../images/dcmINDEX+stories.jpg) no-repeat left bottom; }

/*  storiesLINK
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
      
#storiesLINK a {
      color: #60bde1;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 16px; line he
      font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
      
 #storiesLINK a:link, #storiesLINK a:visited {
	line-height: 2em;
	color:yellow; text-decoration:none; }
     
 #storiesLINK a:hover {
 color:aqua;  text-decoration:none; } 

/*  content
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
     
#content h2, #content h3, #content h4,  #content p {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
padding: 0 20px  0px 20px;
text-decoration: none;
color:#22A;
text-align: left;
}      

#content h1 {
	color:#E5BF5B;
	font-size:1.3em; }
	
#content h2 {
	line-height: 1.3;
	font-weight: bold; margin-bottom:1.2em;
	color:#E5D7B2;
	font-size: 1.5em;
}

#content h3 {
	color:#3C4565; line-height: 1.2;color:#CCA63D;
	font-weight: bold;margin-bottom:1em;
	font-size: 1.2em; }

#content h4 {
	font-size: 1em; line-height: 1.5em;
	color:#CDB572;
	text-transform: uppercase; font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; }	
	
#content p {
	color:#D6CAA9;color: #EED;
	line-height: 1.5em; margin: 0; padding:0 0 1em 0;
	font-style: normal; font-weight: normal;
	font-size: 0.95em; }
	
#content strong {
	font-weight:bold; color: #F5D37B;
	font-size: 1em;
}

#content .bright {
	font-weight:bold; color:#CCA63D;
	font-size: 110%;
}

#content a:link, #content a:visited {
	color:#CEE5DA; color:#0095AB; color:#5FB3BF; color:#8FC5CD;
	text-decoration: none;  font-size:110%; }

#content a:hover {
	color:#F5D37B; font-size:110%;
	text-decoration: none;
}
	
#content .heading {
	text-transform: uppercase; color:#3C4565;
	font-weight:bold; font-size:100%;padding-right: 1em; 	text-decoration: none; }
	

/*  contentG
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
     
#contentG h2, #contentG h3, #contentG h4,  #contentG p {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 0 20px 0 20px;
	text-decoration: none; color:#22A;
	text-align: left; }      

#contentG h1 {
	color:#E5BF5B;
	font-size:1.3em; }
	
#contentG h2 {
	line-height: 1.3;
	font-weight: bold; color:#404A80;
	font-size: 1.5em; }

#contentG h3 {
	color:#3C4565; line-height: 1.2;color:#606580;
	font-weight: bold; font-size: 1.2em;  margin-bottom: 1em; }

#contentG h4 {
	font-size: 1em; line-height: 1.5em;
	color:#CDB572;
	text-transform: uppercase; font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; }	
	
#contentG p {
	color:#D6CAA9;color: #EFE5A8;
	line-height: 1.5em; margin: 0; padding:0 0 1em 0;
	font-style: normal; font-weight: normal;
	font-size: 0.95em; }
	
#contentG strong {
	font-weight:bold; color: #F5D37B;
	font-size: 1em;
}

#contentG .bright {
	font-weight:bold; color:#CCA63D;
	font-size: 110%;
}

#contentG a:link, #contentG a:visited {
	color:#CEE5DA; color:#0095AB; color:#5FB3BF; color:#8FC5CD;
	text-decoration: none;  font-size:110%; }

#contentG a:hover {
	color:#F5D37B; font-size:110%;
	text-decoration: none;
}
	
#contentG .heading {
	text-transform: uppercase; color:#3C4565;
	font-weight:bold; font-size:100%;padding-right: 1em; 	text-decoration: none; }

/*  NAVIGATIONG
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#NAVIGATIONG li {
	list-style-type: none; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em; line-height: 1.2em;
	font-weight: bold;	text-transform: uppercase; text-decoration: none;
	margin-bottom: 12px;}
	
#NAVIGATIONG a:link, #NAVIGATIONG a:visited { 
	color: #F5D37B;  color: #606580; text-decoration: none; }
	
#NAVIGATIONG a:hover { 
	 text-decoration: none; color:#404A80; }



#blog a:link, #blog a:visited {
	color:#CEE5DA;
	color:#CCA63D;
	text-align:center;
	padding:0;
	text-decoration: none;
	font-size:110%;
	font-weight:bold;
}

#blog a:hover {
	color:#F5D37B; font-size:110%;
	text-decoration: none; }
	
.map {
	font-size: 80%; font-weight: bold; 
	/*color:#C60; */
	}

/*  contentR
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
     
#contentR h2, #contentR h3, #contentR h4,  #contentR p {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 0 20px 0 20px;
	text-decoration: none; color:#22A;
	text-align: left; }      

#contentR h1 {
	color:#E5BF5B;
	font-size:1.3em; }
	
#contentR h2 {
line-height: 1.3;
font-weight: bold;
color:#CCA63D;
color:#E5D7B2;
font-size: 1.5em;
margin-bottom: 1.2em;
}

#contentR h3 {
	color:#3C4565; line-height: 1.2;color:#CCA63D;
	font-weight: bold;
	font-size: 1.2em; }

#contentR h4 {
	font-size: 1em; line-height: 1.5em;
	color:#CDB572;
	text-transform: uppercase; font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; }	
	
#contentR p {
	color:#D6CAA9;color: #EED;
	line-height: 1.5em; margin: 0; padding:0 0 1em 0;
	font-style: normal; font-weight: normal;
	font-size: 0.95em; }
	
#contentR strong {
	font-weight:bold; color: #F5D37B;
	font-size: 1em;
}

#contentR .bright {
	font-weight:bold; color:#CCA63D;
	font-size: 110%;
}

#contentR a:link, #contentR a:visited {
	color:#CEE5DA; color:#0095AB; color:#5FB3BF; color:#8FC5CD;
	text-decoration: none;  font-size:110%; }

#contentR a:hover {
	color:#F5D37B; font-size:110%;
	text-decoration: none;
}
	
#contentR .heading {
	text-transform: uppercase; color:#3C4565;
	font-weight:bold; font-size:100%;padding-right: 1em; 	text-decoration: none; }
	

	
/*  resources
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	  
ul#resources a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:5em;
	text-decoration:none;
	font-weight: bold;
}

ul#resources a:link, ul#resources dt a:visited {
	text-decoration:none; color:#221; }
	
ul#resources  a:hover {
	color:#668; font-style: normal; }
	
ul#resources li {
	font-size: 0.95em;
	line-height: 1.5em;
	color:#CCE5FF;
	text-transform: none;
	font-weight: normal;
	padding-bottom:1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
}
	
ul#resources strong {
	color:#CCE5FF;
}

ul#resources h3 {
	font-size:1.3em; line-height:1.1em; font-weight:bold;
	padding: 0 20px 0 20px; color:#B29F6B; margin-bottom:0.8em; 
	color:#F5D37B; }
	
ul#resources h4 {
	font-size: 1em; line-height: 1.5em;
	color:#CDB572; margin-bottom:0.5em; padding: 0 20px 0 20px;
	text-transform: uppercase; font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

ul#resources a:link, ul#resources a:visited {
	color:#CEE5DA;
	color:#8FC5CD;
	text-decoration: none;
	font-size:110%;
}

ul#resources a:hover {
	color:#F5D37B; font-size:110%;
	text-decoration: none; }	

	
/*  ul#menues
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
		
ul#menues li {
	list-style-type: none; margin: 0 0 1.2em 0;  
	padding: 0;  color:#C0B499; color:#F8EEAD; }

ul#menues a:link, ul#menues a:visited {
	text-decoration:none; margin: 0 0 1.2em 0; padding: 0;
	font-size:1.3em; line-height:1.2em; font-weight:normal;
	color:#;  color:#28B7CC; color:#0095AB;  color:#404A80; } 

ul#menues a:hover {
	text-decoration:none;
	color:#285ECD;
}
	


/*  table#time_place
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	 
table#time_place	th {
	font-size: 0.9em; line-height: 1.5em; color:#776;
	text-transform: uppercase; font-weight: bold;
	padding-bottom:0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
table#time_place	td {
	font-size: 0.9em; line-height: 1.5em;
	color: #E6DAB9; text-align: left;
	text-decoration: none; font-style: normal; font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
	

/*  table#activities
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	 
table#activities	th {
	font-size: 0.9em; line-height: 1.5em; color:#F5D37B;
	text-transform: uppercase; font-weight: bold;
	padding-bottom:0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
table#activities	td {
	font-size: 0.9em; line-height: 1.5em;
	color: #F5D37B; text-align: left;
	text-decoration: none; font-style: normal; font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
	

/*  table#calendar
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	 
table#calendar	th {
	text-align: center; 
	font-size: 0.7em; line-height: 1.1em; color:#00093F;
	text-transform: uppercase; font-weight: bold;
	padding-bottom:0.2em; background-color: #B29F6B;
	font-family: Verdana, Arial, Helvetica, sans-serif; }
	
table#calendar	td {
	font-size: 0.9em; line-height: 1.2em; border: 1px solid #00093F;
	color: #F3ECC3; text-align: center; padding: 0.5em 0 0.5em 0;
	text-decoration: none; font-style: normal; font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
	
table#calendar thead {
		font-family: Georgia, "Times New Roman", Times, serif;
		background-color: #d1317c; }

table#calendar a {
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-size: 0.9em; line height: 1.2 em; text-decoration:none;}
	
table#calendar a:link, table#calendar a:visited {
	color:#CCA63D; color:#AB0C00; color:#c60e00;}
	
table#calendar a:hover {
	color:#F5D37B; color:#9a0b00; }
		

/*  indexNAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#indexNAVIGATION li {
	text-decoration: none; list-style:none; }


#indexNAVIGATION h2 {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em; line-height: 0.8em;
	color: #223055; padding-bottom: 0.6em; }
	
#indexNAVIGATION a:link, #indexNAVIGATION a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	font-size: 1.1em; line-height: 1.2em; padding-bottom: 0;
	color:#1D4470; text-decoration: none; }
	
#indexNAVIGATION a:hover {
	color: #222799; }



/*  NAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#NAVIGATION li {
	list-style-type: none; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em; line-height: 1.2em;
	font-weight: bold;	text-transform: uppercase; text-decoration: none;
	margin-bottom: 12px;}
	
#NAVIGATION a:link, #NAVIGATION a:visited { 
	color: #F5D37B;  color: #dac386; text-decoration: none; }
	
#NAVIGATION a:hover { 
	 text-decoration: none; color: #CCA63D;  color:#CCA63D; }



/*  sideBAR
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#sideBAR h1 {
	line-height: 1em; font-size:1em;margin-bottom: 1.1em; color:#001755;
	text-align:left; text-transform: uppercase; font-weight: bold;}
		
#sideBAR h3 {
	font-size:1.1em; line-height: 1.5em; font-weight:bold; 
	color:#E5Bf5B; text-align:left; background-color:#0033CC; }
	
#sideBAR dl {
	text-align:left; margin-bottom: 0.3em; }
	
	#sideBAR dt {
	margin:0 0 0.3em 0;}
	
#sideBAR dt a {
	font-size:1em; line-height: 1.1em; font-weight:bold; text-transform: none;
	text-decoration:none; }
		
#sideBAR dt a:link, #sideBAR dt a:visited {color:#001755;}
	
#sideBAR dt a:hover {color:#EBDEBC;  }
	
#sideBAR dd {
	font-size:0.85em; line-height: 1.2em; margin:0 0 0.5em 0;
	color:#2C3760; text-decoration:none; list-style-type: none; }	

/*
#sideBAR h3, #sideBAR dl {
	text-align: left}
*/
/*  subNAV
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	  
#subNAV {
	margin-top: 2em; }
	
#subNAV a:link, #subNAV a:visited {
	color:#CCA63D; color:#F5D37B;text-decoration:none;
	font-weight: bold; text-transform: uppercase;
	font-size: 0.7em; line-height: 1.8em; padding-right: 1.25em;
	font-weight: bold; list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;  }
	
#subNAV a:hover {
	color:#CCA63D; 
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase; }


/*  calendarNAVIGATION
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
#calendarNAVIGATION a:link, #calendarNAVIGATION a:visited {
	color:#779; text-decoration:none;
	font-weight: bold; text-transform: uppercase;
	font-size: 0.7em; line-height: 1.8em;
	font-weight: bold; list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;  }
	
#calendarNAVIGATION a:hover {
	color:#668;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase; }

.horizontalRULE {
	width: 160px; height: 8px;
  	margin: 4px 0px 3px 0px; text-align:center;
  	border-bottom-color: #026; border-bottom-style: solid;
	border-bottom-width: 1px; }
