<style type="text/css">
 A:visited { color: #990000;}
 A:hover { text-decoration: none; color: #FF0000;}

body {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	/*MARGIN: 2em;*/
	FONT: 78%/1.5 arial, helvetica, sans-serif;
	PADDING-TOP: 0px;
	TEXT-AliGN: center;
    background: url(../../main_bg_blue.jpg);
    /*background: url(../../snowflakevbg2.jpg);*/
    background-attachment: fixed;
    background-repeat: repeat-x;;
    max-width: 950px;
    margin: 1em auto;
}
#container {
	BORDER-RIGHT: #993300 0px solid;
	BORDER-TOP: #993300 0px solid;
	BORDER-LEFT: #993300 0px solid;
	BORDER-BOTTOM: #993300 0px solid;
	MARGIN: auto;
	WIDTH: 59em;
	HEIGHT: auto;
	TEXT-AliGN: left;
    /*BACKGROUND: #993300;*/
}
p {
	BACKGROUND: url() no-repeat center 50%;
	MARGIN: 1em 2em;
}
.psubtitle {
  text-align: center;
    FONT:100%/1.4 arial, helvetica, sans-serif;
    margin-left:3%;
    margin-right:3%;
    margin-top: 0px;
}
.pleft {
    text-align: left;
    FONT:100%/1.4 arial, helvetica, sans-serif;
    margin-left:3%;
    margin-right:3%;
    margin-top: 0px;
}
.pcenter {
    text-align: center;
    FONT:100%/1.4 arial, helvetica, sans-serif;
    margin-left:3%;
    margin-right:3%;
    margin-top: 0px;
}
.pblock {
    text-align: left;
    FONT:100%/1.4 arial, helvetica, sans-serif;
    margin-left:8%;
    margin-right:8%;
    background: #E0FFFF;
}

.pindent {
    text-align: left;
    FONT:100%/1.4 arial, helvetica, sans-serif;
    margin-left:5%;
    margin-right:5%;
}
div {
    text-align: left;
    FONT:100%/1.4 arial, helvetica, sans-serif;
}

h1 {
	 BACKGROUND: url();
	 MARGIN: 0em 0px 0px;
	 TEXT-INDENT: -999em;
	 HEIGHT: 136px;
     width: 742px;
}
h2 {
    text-align: center;
    font-size: 16pt;
    color: #993300;
    margin-bottom: 1px;
    margin-top: 1px;
    text-decoration: none;
    font-weight: bold;
     }
h3 {
    text-align: left;
    font-size: 12pt;
    color: #006600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-decoration: underline;
    font-weight: bold;
    margin-left:3%;
    margin-right:3%;
}
h4 {
    text-align: center;
    font-size: 12pt;
    color: #006600;
    margin-bottom: 0px;
    margin-top: 0px;
    text-decoration: underline;
    font-weight: bold;
    margin-left:3%;
    margin-right:3%;
}
table#album {
    font-size: 12px;
    font-family: Times New Roman;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    height: 100%;
    width: 80%;
}
#nav {
	BORDER-RIGHT: #eda 0px solid;
	BORDER-TOP: #eda 0px solid;
	BORDER-BOTTOM: #eda 0px solid;
	BORDER-LEFT: #eda 0px solid;
	PADDING-TOP: 2px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 3px;
	FONT-WEIGHT: bold;
	COLOR: WHITE;
	BACKGROUND: #993300;
	FLOAT: left;
	MARGIN: 0px 0px 0em;
	WIDTH: 59.4em;
	liNE-HEIGHT: 1;
	liST-STYLE-TYPE: none;
}
#nav ul {
	BORDER-RIGHT: #eda 0px solid;
	BORDER-TOP: #eda 0px solid;
	BORDER-LEFT: #eda 0px solid;
	BORDER-BOTTOM: #eda 0px solid;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	BACKGROUND: #993300;
	FLOAT: left;
	MARGIN: 0px 0px 0em;
	WIDTH: 59em;
	liNE-HEIGHT: 1;
	liST-STYLE-TYPE: none;
}
#nav A {
	PADDING-RIGHT: 0em;
	DISPLAY: block;
	PADDING-LEFT: 1em;
	PADDING-BOTTOM: 0.25em;
	WIDTH: 6em;
	COLOR: white;
	PADDING-TOP: 0.25em;
	TEXT-DECORATION: none;
}
#nav A.daddy {
	BACKGROUND: url(rightarr_white.gif) no-repeat right center;
}
#nav li {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 9em;
	PADDING-TOP: 0px;
}
#nav li ul {
	BORDER-TOP-WIDTH: 0.15em;
	BORDER-LEFT-WIDTH: 0.15em;
	BORDER-BOTTOM-WIDTH: 0.15em;
	BORDER-RIGHT-WIDTH: 0.15em;
	FONT-WEIGHT: normal;
	LEFT: -999em;
	MARGIN: 0em;
	WIDTH: 13.9em;
	POSITION: absolute;
	HEIGHT: auto;
}
#nav li li {
    PADDING-RIGHT: 1.1em;
    WIDTH: 12.8em;
}
#nav li ul A {
	WIDTH: 12em;
}
#nav li ul ul {
	MARGIN: -0.3em 0px 0px 7em;
    background: #37953f;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	LEFT: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	LEFT: auto;
}
#nav li:hover {
	BACKGROUND: #D2B48C;
}
#nav li.sfhover {
	BACKGROUND: #D2B48C;
}
/*html {
  max-width: 950px;
  margin: 0 auto;
}*/

/*Switch to mobile version formatting below. Which includes making the menu vertical and removing images.*/
@media only screen and (max-width: 800px) {
body {
	MARGIN: auto;
}
#container {
	width: 11em;
    float: left;
}
#nav {
	width: 9em;
    BACKGROUND: #993300;
    font: 120%/1.8 arial, helvetica, sans-serif;
}
#nav ul {
	width: 9em;
	liNE-HEIGHT: 1.8;
    BACKGROUND: #993300;
    font: 100%/1.8 arial, helvetica, sans-serif;
}
#nav A {
	COLOR: white;
    FONT-WEIGHT: bold;
    font: 14px;
}
#nav li {
	WIDTH: 9em;
	FLOAT: left;
}
#nav li ul {
	MARGIN: -1.4em 0px 0px 7em; /*7em = horizontal position 2rd menu*/
    WIDTH: 13.9em;
	LEFT: -999em;
    font: 100%/1.8 arial, helvetica, sans-serif;
}
#nav li ul ul {
	MARGIN: -1.4em 0px 0px 12em; /*12em = horizontal position 3rd menu*/
    WIDTH: 13.9em;
    background: #993300;
    font: 100%/1.8 arial, helvetica, sans-serif;
}

#nav li:hover {
    color: black;
	BACKGROUND: #CCFF00;
}
#nav li.sfhover {
    color: black;
	BACKGROUND: #CCFF00;
}
img {
    display: none;
    /*width: 0; height: 0; all images are just a dot*/
}
a:hover {
	text-decoration: underline;
    color: black;
    background: #CCFF00;
    }
#nav A:hover {
	COLOR: black;
    FONT-WEIGHT: bold;
    }
body {
  font-family: Times New Roman;
  background: #FFEBCD;
  /*background: url(../../snowflakevbg2.jpg);
  background-attachment: fixed;
  background-repeat: repeat-x;*/
  }
h3 {
  text-align: center;
  font-size: 14pt;
  color: #006600;
  font-weight: bold;
  text-decoration: none;
  margin-top: 0;
  }
h4 {
  text-align: center;
  font-size: 12pt;
  color: #990000;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 0;
  margin-top: 0;
  }
p {
  text-align: left;
  margin-top: 0;
  font-size: 12pt;
  color: #000000;
  font-weight: normal;
  }
.pleft {
  text-align: left;
  margin-top: 0;
  font-size: 12pt;
  color: #000000;
  font-weight: normal;
  }
.pcenter {
  text-align: center;
  margin-top: 0;
  font-size: 12pt;
  color: #000000;
  font-weight: normal;
  }
.pblock {
  text-align: left;
  font-size: 12pt;
  margin-left:5%;
  margin-right:5%;
  background: #E0FFFF;
  }
.pindent {
    text-align: left;
    font-size: 12pt;
    margin-left:5%;
    margin-right:5%;
}
.psubtitle {
  text-align: center;
    FONT:120%/1.5 arial, helvetica, sans-serif;
    margin-left:3%;
    margin-right:3%;
    margin-top: 0px;
}
ul {
  text-align: left;
  font-size: 12pt;
  color: black;
  line-height: 1.2;
    }    /*has caused title overwrite of menu*/
.table {
	padding-left: 0px;
	padding-right: 0px;
	width: 80%;
	text-align: left;
	font-size: 12pt;
	}
td {
	text-align: center;
    font-size: 13pt;
	width: 100%;
	font-weight: bold;
	}
}
</style>

<script type="text/javascript">
<!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>

<script type="text/javascript">
    //for chapter newsletters
        <!--
                function openWin8(URL) {
                popup=window.open (URL,"","width=450,height=430,scrollbars=yes,menubar=no,resizable=yes, target=_blank");
                }
        //-->
</script>