/*this is algonquin stylesheet*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444444;
	font-size: 100.1%;/*compensates for browser bug which can't reads 100%*/
	background-color: #888886;
	padding: 0;
	margin: 0;
}
h1, h2, h3, p  {
	margin: 1.0em 0 0em;/*zeros default browser margins vertically*/
	padding: 0px;
}
.caption {
	font-size: 0.65em;
	font-weight: bold;
	margin: 0px;
	text-align: left;
	color: #555555;
	clear: left;
	margin-top: 0em;
}
h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1%;
	color: #555555;
}
h2 {
	font-size: 1.0em;
	font-weight: bold;

}
h3 {
	font-size: .9em;
	font-weight: bold;
}
p {
	font-size: 0.75em;
	color: #555555;
	line-height: 200%;
}
.imgright {
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 1em;
	float: right;
}
.imgleft {
	margin-top: 0.8em;
	margin-right: 2em;
	margin-bottom: 0em;
	float: left;
}

.clear {
	clear: both;
}
#containercenter {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 32%;
	background-color: #FFFFFF;
}
#containerouter {
	margin-left: -420px;
	position: absolute;
	left: 50%;
	top: -230px;
	background-color: ##9f0d1d;
}
#header {
	height: 30px;
	width: 850px;
	background-color: ##9f0d1d;
}
#pagecontainerhome {
	height: 670px;
	width: 850px;
	background-repeat: no-repeat;
	background-image: url(pics/algonquin_webpage2.jpg);
}
#pagecontainergal {
	height: 670px;
	width: 850px;
	background-repeat: no-repeat;
	background-image: url(pics/algonquin_webpage2_photo.jpg);
}
#navbox {
	float: left;
	height: 250px;
	width: 180px;
	margin-left: 0px;
	margin-top: 160px;
}
#navbox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navbox a {
	display: block;
	text-align: right;
	padding-right: 8px;
	font-size: 75%;
	border-left-style: none;
	border-left-width: thick;
	padding-left: 10px;
	width: 120px;
	padding-bottom: 6px;
	padding-top: 6px;
}

#navbox a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F7E7AB;
	text-decoration: none;
	line-height: 15px;
	list-style-type: none;
}
#navbox a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F9E9AC;
	text-decoration: none;
	line-height: 15px;
	list-style-type: none;
}

#navbox a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #F9E9AC;
	background-color: #9F0D1D;
	line-height: 15px;
}

#navbox a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #3E3E3E;
	text-decoration: none;
	line-height: 15px;
}

/*This selector is used to identify the current page;
>>>>it must be applied to the corresponding link on the current page.
Another possibility is to apply a class attritbute to the body tag and rename the body tag on each page. As used here, it is applied to the link tag.* The selecter is applied also to the hover and active link selectors, since they are also controlling the attributes of the link.*/
#navbox li a.current,#navbox li a.current:hover,#navbox li a.current:active {
	cursor: default;
	color: #FDFDFD;
	}
/*Curser property is changed for the hover state so the menu link on the current page has a normal curser in hover state imdivating that it is not a link (although it is).*/

#contents {
	float: left;
	height: 490px;
	width: 610px;
	margin-left: 20px;
	margin-top: 150px;
	overflow: auto;
	display: inline; /* fixes IE/Win double margin bug */
}
#pagename {
	float: left;
	margin-left: 0px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F6DE93;
	text-decoration: none;
	line-height: 25px;
	text-align: right;
	font-size: 200%;
	margin-top: 0px;
	width: 200px;
	left: 311px;
	top: 101px;
}
#contentsgallery {
	float: left;
	height: 520px;
	width: 650px;
	margin-left: -10px;
	margin-top: 125px;
	overflow: auto;
	display: inline;/* fixes IE/Win double margin bug */
}
dd {
	font-size: 1em;
	margin-bottom: 15px;
}
dl {
	font-size: 0.75em;
	line-height: 200%;
}
#contents a:link {
	color: #9F0D1D;
	text-decoration: none;
}
#contents a:visited {
	color: #444444;
	text-decoration: underline;
}
#contents a:hover {
	color: #9f0d1d;
	text-decoration: underline;
}
#contents a:active {
	color: #F9E9AC;
}