html {

	/* Make every page display a scrollbar, for horizontal continuity: */

	height: 100%;
	margin-bottom: 1px;
	}

body{

	background-color: white;  /* This color is the background, duh */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	font-size: 11px;
	margin: 0px 20px 0px 20px; /* Changes the amount of background color on each side (T, L, R, B) */
	color: #000000; /* Don't know what this color is for yet */
	text-align: center;
	}
	
div#top-navbar{ /* this is the top navigation bar */
	z-index: 2;
	position: absolute;
	left: 215px;
	top: 25px;
	padding: 2px;
	background: white;
	border: 1px solid black;
	padding: 2px;
}

div#navigation{ /* This is the left sidebar!! */

	z-index: 2; /* Has something to do with the 3rd dimension index */
	position: absolute; /* Makes the nav-bar ALWAYS appear at the top-left corner of screen */
	left: 45px; /* was 25 */
	top: 44px;
	background: #7878F8; /* What color would you like for the background? */
	padding: 2px;
	width: 180px;		/* Width for PC-IE/5 must include padding & border */
	voice-family: "\"}\"";	/* Now exploit bug to break PC-IE/5 */
	voice-family:inherit;
	width: 170px;		/* And set the correct width for other browsers */
	}
	
div#navigation h1{
	font-family: tahoma;
	font-size: 13px;
	color: white;
	text-align: center;
	margin-bottom: 5px;
}


html>body #navigation{		/* And this for browsers that have the last bug, */

	width: 170px;		/* but count padding & border correctly */
	}

div#alpine-navigation{
	z-index: 2; /* Has something to do with the 3rd dimension index */
	position: absolute; /* Makes the nav-bar ALWAYS appear at the top-left corner of screen */
	left: 45px;
	top: 204px;
	background: #7878F8; /* What color would you like for the background? */
	/* padding-left: 20px; */
	padding: 2px;  		/* added for debugging purposes in Firefox */
	width: 180px;		/* Width for PC-IE/5 must include padding & border */
	voice-family: "\"}\"";	/* Now exploit bug to break PC-IE/5 */
	voice-family:inherit;
	width: 170px;
}

div#upcoming_box{
	z-index: 2; /* Has something to do with the 3rd dimension index */
	position: absolute; /* Makes the nav-bar ALWAYS appear at the top-left corner of screen */
	left: 45px;
	top: 194px;
	background: white; /* #D1CAF4; What color would you like for the background? */
	/* padding-left: 20px; */
	padding: 2px;  		/* added for debugging purposes in Firefox */
	width: 180px;		/* Width for PC-IE/5 must include padding & border */
	voice-family: "\"}\"";	/* Now exploit bug to break PC-IE/5 */
	voice-family:inherit;
	width: 170px;
}

div#alpine-navigation h1{
	font-family: tahoma;
	font-size: 13px;
	color: white;
	text-align: center;
	margin-bottom: 5px;
}

div#alpine-navigation p{
	font-size: 11px;
	color: black;
	text-align: left;
	letter-spacing: 0px;
	line-height: 2em;
	padding-left: 20px; /* added during debugging */
	}

div#main{
	z-index: 1;
	margin: 25px 50px 25px 25px; /* top right bottom left */
	background: #BFC0DF;
	padding: 10px 20px 20px 180px;  /* 185 */
	left: 0px;
	top: 0px;
	right: 1000px;
	bottom: 1000px;
	}

a, a:link{

	color: #1616A0;
	text-decoration: none;
	}


a:visited{

	color: #1616A0;
	text-decoration: none;  /* line-through is cool, but superfluous */
	}

a:hover, a:active{

	color: black;
	text-decoration: underline;
	}


img[align="right"]{

	float: right;
	}

img[align="left"]{

	float: left;
	}

p{

	padding: 1px;
	font-size: 12px; 
	margin-top: 0px;
	margin-bottom: 7px;
	text-align: justify;
	line-height: 1.4em;

	color: black;
	}

div#navigation p{
	font-size: 11px;
	color: black;
	text-align: left;
	letter-spacing: 0px;
	line-height: 2em;
	}

h1{

	margin-top: 8px;
	padding: 0px 0px 0px 2px;
	}

h1{	/* Heading for page titles */

	font-size: 24px;
	color: #0E0574; 
	text-align: right;
	}


h2{	

	color: white;     /* #0E0574;  */
	font-size: 17px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 7px;
	text-shadow: 3px 3px 5px #7CAF88;
	background-color: #DEDEEF;

	}

h3{	

	color: #0E0574;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	/* background-color: #DEDEEF; */
	}

h4{	

	color: black;
	font-size: 12px;
	margin-left: 50px;
	font-weight: normal;
	text-align: justify;
	}

h5{          /* created for textpattern -- for the author of a blog post */

    	color: #000000;
    	font-size: 11px;
	font-weight: bold;

     	}

h6{          /* created for textpattern -- for the date/timestamp of a blog post */

    	color: #000000;
    	font-size: 11px;
	font-weight: normal;

	}

blockquote{

	border: 1px dotted #67513B;
	background-color: white;
	margin: 0 4em 1em 4em;
	padding: 0.5em;
	font-size: 11px;
	text-indent: 0;
	color: black;
	text-align: justify;
	}

.caps{
	letter-spacing: 0.3em;
	font-size: 9px;
}

img{
	padding: .2em .2em .2em .5em; /* this padding works in Firefox, not IE? */	
	border: 0px solid black;
}