/* This site's coding style was inspired by http://www.csszengarden.com/ */
/* dark grey:  #474747 */
/* light grey: #8E8E8E */
/* yellow:     #F4FAD3 */

/* basic elements */
body { 
	margin: 0px; 
	padding: 0px;
	background: #F4FAD3 url(bg.png);
	color: #474747;
	top: 0px;
	left: 0px;
}
p {
	font-family: "Times New Roman", Times, serif;
	font-size: 11.5pt;
	text-align: justify;
}
a { 
	background-color: inherit;
	color: #474747;
	text-decoration: underline;
}
a:hover { 
	text-decoration: underline;
	background-color: #474747;
	color: #F4FAD3;
}
a img {
	border: 0px;
}
acronym {
	cursor: help;
	text-decoration: none; 
	font-style: normal;
}

/* specific divs */
#container { 
	position: absolute;
	top: 7px;
	left: 0px;
	margin: 0px; 
	padding: 0px;
}


#container #pageHeaderWrapper {
	margin-left: 10px;
	margin-right: 10px;
	top: 0px;
	height: 136px;
	background: url(headerLeft.png) top left no-repeat;

}
#container #pageHeaderWrapper #pageHeader {
	height: 136px;
	margin: 0px;
	padding: 0px;
	background: url(headerRight.png) bottom right no-repeat;
}
#container #pageHeaderWrapper #pageHeader #pageHeaderText {
	margin-left: 12px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	background: url(headerBackground.png) top left repeat;
	height: 136px;
	color: #F4FAD3;
}
#container #pageHeaderWrapper #pageHeader #pageHeaderText a {
	background-color: inherit;
	color: #F4FAD3;
	text-decoration: none;
}
#container #pageHeaderWrapper #pageHeader #pageHeaderText a:hover {
	background-color: inherit;
	color: #F4FAD3;
	text-decoration: none;
}
#container #pageHeaderWrapper #pageHeader #pageHeaderText img {
	float: left;
	margin-top: 10px;
	margin-left: -10px;
	padding-left: 0px;
	border: 0px;
}
#container #pageHeaderWrapper #pageHeader #pageHeaderText h1 {
	margin: 0px;
	padding-top: 13px;
	padding-left: 135px;
	font-size: 50px;
}
#container #pageHeaderWrapper #pageHeader #pageHeaderText h2 {
	margin: 0px;
	padding-left: 135px;
	font-size: 40px;
}


#container #linkListWrapper {
	position: absolute;
	top: 145px;
	left: 10px;
	width: 150px;
	background: url(linksTop.png) top left no-repeat;
}
#container #linkListWrapper #linkList {
	width: 150px;
	margin: 0px;
	padding-top: 14px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	background: url(linksBottom.png) bottom left no-repeat;
}
#container #linkListWrapper #linkList h3 {
	display: none;
}
#container #linkListWrapper #linkList ul {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: url(linksBackground.png) top left repeat;
}
#container #linkListWrapper #linkList li {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 5px;
}
#container #linkListWrapper #linkList li a {
	background-color: inherit;
	color: #F4FAD3;
	text-decoration: none;
}
#container #linkListWrapper #linkList li a:hover {
	color: #8E8E8E;
	background-color: inherit;
	text-decoration: none;
}
#container #linkListWrapper #linkList #membersSubnav ol,
#container #linkListWrapper #linkList #aboutSubnav ol,
#container #linkListWrapper #linkList #meetingsSubnav ol {
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10.0pt;
}
#container #linkListWrapper #linkList #membersSubnav li,
#container #linkListWrapper #linkList #aboutSubnav li,
#container #linkListWrapper #linkList #meetingsSubnav li {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 5px;
}


#container #bodyContent {
	margin-left: 167px;
	margin-top: 7px;
	
	margin-right: 10px;
	padding-left: 7px;
	padding-right: 7px;
	
}
#container #bodyContent #homePageLogos {
	position: absolute;
	left: 10px;
	top: 450px; /* THIS VALUE WILL CHANGE AS NAV CHANGES */
	width: 150px;
	text-align: center;
}
#container #bodyContent #homePageLogos p {
	text-align: center;
}
#container #bodyContent #homePageLogos a:hover {
	background-color: #F4FAD3;
	color: inherit;
}
#container #bodyContent #googleSearch {
	background-color: #FFF;
	color: inherit;
	text-align: center;
	padding: 15px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}
#container #bodyContent #googleSearch img {
	float: left;
}
#container #bodyContent #copyright,
#container #bodyContent #copyright p {
	font-size: 9pt;
	background-color: inherit;
	color: #8E8E8E;
}
#container #siteMetadata {
	/*float: right;*/
	margin-right: 11px;
	margin-bottom: 14px;
	margin-top: 0px;
	font-size: 9pt;
	text-align: right;
	font-weight: normal;
}
#container #siteMetadata #validityChecker a {
	color: #F4FAD3;
	background-color: inherit;
}
#container #siteMetadata #validityChecker a:hover {
	color: #F4FAD3;
	background-color: #AAA;
}
#container #siteMetadata #hostingCredit span a {
	background-color: inherit;
	color: #AAA;
}
#container #siteMetadata #hostingCredit span a:hover {
	background-color: #AAA;
	color: #F4FAD3;
}
#container #siteMetadata #lastUpdated {
	background-color: inherit;
	color: #AAA;
}




#container #bodyContent #homePageWrapper1 {
	background: url(homeBgLeft.png) top left no-repeat;
	height: 375px;
	/*margin-top: -8px;*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#container #bodyContent #homePageWrapper1 #homePageWrapper2 {
	height: 375px;
	margin: 0px;
	padding: 0px;
	background: url(homeBgRight.png) bottom right no-repeat;
}
#container #bodyContent #homePageWrapper1 #homePageWrapper2 #homePageWrapper3 {
	background: url(homeBg.png) top left repeat;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 375px;

	text-align: center;
}
#container #bodyContent #homePageWrapper1 #homePageWrapper2 #homePageWrapper3 img {
	vertical-align: middle;
}
#container #bodyContent #homePageWrapper1 #homePageWrapper2 #homePageWrapper3 h3 {
	color: #F4FAD3;
        background-color: #474747;
	/* background-color: inherit; */
	vertical-align: middle;
	padding-top: 20px;
}
#container #bodyContent #homePageWrapper1 #homePageWrapper2 #homePageWrapper3 h3 a {
	color: #F4FAD3;
	background-color: inherit;
	text-decoration: none;
}