body {
	margin: 0px; 
	padding: 0px; 
	font: 1.0em Helvetica, Arial, Helvetica, sans-serif; 
	color: #000000;
	background-color: #7083b3;
	font-size: 10px;
	text-align: center;
}

#twoColLeft ul {
        font: 1.4em Helvetica, Arial, sans-serif;
        padding: 0 0 0.5em 1.5em;
        margin: 0 0 0 0;
        color: #262626;
        text-align:left;
        line-height: 1.4em;
}


#container {
        margin: 0em auto; 		/* use this to offset the top of the page from the top of the browser */
	padding: 0px;
        width: 102.4em;
        position: relative;
        text-align: left;
        font:1.0em Helvetica, Arial, Helvetica, sans-serif;
}

#content {
        overflow:hidden;
	/* clear:both; */
        font:1.0em Helvetica, Arial, Helvetica, sans-serif;
        width:102.4em;
        padding:0 0 0 0;
        margin:0 0 0 0;
}

#hdrRgn {
	width:102.4em;
	height:28.1em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: red 0px dashed;		/* troubleshooting only */
}

#logo {
	width:26.3em;
	height:28.1em;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/* using <img /> instead of bg for accessibility */
	/*background: url('../images/logo.jpg') top left no-repeat;*/	
	border: red 0px dashed;		/* troubleshooting only */
}

#hdrSubRgn {
	width:76.1em;
	height:28.1em;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: red 0px dashed;		/* troubleshooting only */
}

#hdrTopBar {
	width:76.1em;
	height:4.5em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('../images/topBar.jpg') top left no-repeat;	
	border: red 0px dashed;		/* troubleshooting only */
}

#hdrMap {
	width:76.1em;
	height:18.0em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('../images/headerField.jpg') top left no-repeat;	
	border: red 0px dashed;		/* troubleshooting only */
	color: #262626;
}

#hdrMap h3 {
	padding: 1.0em 1.0em 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-weight: bold;
        font: 2.0em Helvetica, Arial, Helvetica, sans-serif;
}

#hdrMap p {
	padding: 0.5em 1.0em 0 1.5em;
	margin: 0 0 0 0;
	text-align: left;
	font: 1.4em Helvetica, Arial, sans-serif;
	line-height: 1.5em;
}

#hdrMenu {
	width:76.1em;
	height:5.6em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('../images/botBar1.jpg') top left no-repeat;	
	border: red 0px dashed;		/* troubleshooting only */
}

#hdrMenu2 {
	width:76.1em;
	height:5.6em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('../images/botBar2.jpg') top left no-repeat;	
	border: red 0px dashed;		/* troubleshooting only */
}

#leftEdge {
	width:1.1em;
/*	height:49.3em;*/
/*	height:65em; */
	min-height:5em;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('../images/leftBorder.jpg') top left repeat-y;	
	border: red 0px dashed;		/* troubleshooting only */
}

#singleCol {
	width:98.0em;
	/*min-height:48.3em;*/
	/*min-height: 30em;  */
	float: left;
	padding: 1.0em 0 0 2.0em;
	margin: 0 0 0 0;
	background-color: #f2f2f2;
	font-size: 1.0em;
}

#singleCol ul {
        font: 1.4em Helvetica, Arial, Helvetica, sans-serif;
        padding: 0 0.5em 0.5em 3em;
        margin: 0 0 0 0;
        color: #262626;
        text-align:left;
	line-height: 1.4em;
}

#singleCol h2 {
	font: 1.8em Helvetica, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #262626;
	text-align:left;
}

#singleCol h3 {
	font: 1.2em Helvetica, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: 0 0 0.5em 0;
	margin: 0 0 0 0;
	color: #262626;
	text-align:left;
}

#singleCol p {
        font: 1.4em Helvetica, Arial, Helvetica, sans-serif;
        padding: 0 0.5em 0.5em 0;
        margin: 0 0 0 0;
        color: #262626;
        text-align:left;
	line-height: 1.4em;
}

#singleCol a:hover {
	color: blue;
}

#rightEdge {
	width:1.3em;
	/*height:65em;*/
	min-height: 5em;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: white url('../images/rightBorder.jpg') top left repeat-y;	
	border: red 0px dashed;		/* troubleshooting only */
}

#footer {
        width:102.4em;
        height:5.6em;
	font-size: 1.0em;
	text-align:center;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('../images/footer.jpg') top left no-repeat;	
	clear:both;
	border: red 0px dashed;		/* troubleshooting only */
}

#footer p {
	color: #ffffff;
	font-size: 1.4em;
	text-align: center;
	padding: 0.5em 0 0 0;
	margin: 0 0 0 0;
}

#mainPic {
	width: 102.4em;
	/*height: 31.2em;*/
	background: url('../images/haiMainPic.jpg') top left no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#footerMenu {
	width: 102.4em;
	height: 8.1em;
	background: url('../images/footerMenu.jpg') top left no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#twoColContent {
	width: 102.4em;
	padding:0 0 0 0;
	margin: 0 0 0 0;
        overflow:hidden;
        clear:both;
	background: url('../images/template2Body.jpg') top left repeat-y; 
}

#twoColHeaderCap {
	width: 102.4em;
	/*height: 3.6em;*/
	background: url('../images/bodyHeader.jpg') top left no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#twoColFooterCap {
	width: 102.4em;
	height: 2.0em;
	background: url('../images/bodyFooter.jpg') top left no-repeat;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#twoColLeft {
	float:left;
/*	min-height:49.3em; */
/*	background-color: #f2f2f2; */
	min-height: 45.0em;
	width: 50.7em;
	margin: 0 0 0 0;
	padding: 0 2em 0 3em;
}

#twoColLeft h2 {
	font: 1.8em Helvetica, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0.5em 0 0 0;
	margin: 0 0 0 0;
	color: #262626;
	text-align:left;
}

#twoColLeft h3 {
	font: 1.6em Helvetica, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 0 0 0.5em 0;
	margin: 0 0 0 0;
	color: #262626;
	text-align:left;
}

#twoColLeft p {
        font: 1.4em Helvetica, Arial, Helvetica, sans-serif;
        padding: 0 0 0.5em 0;
        margin: 0 0 0 0;
        color: #262626;
        text-align:left;
	line-height: 1.4em;
}

#twoColLeft a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color:red;
	font-weight: normal;
	text-decoration: none;
}

#twoColLeft a:hover {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: red;
	font-weight: bold;
	text-decoration: none;
}

#twoColRight {
	float:left;
/*	min-height:69.3em;  */
/*	background-color: #c0c2be; */
	width: 42.3em;
	margin: 0 0 0 0;
	padding: 0 2em 0 0.5em;
}

#twoColRight a {
	color: #000000;
}

#twoColRight a:visited {
	color: #000000;
}

#twoColRight h2 {
        font: 1.6em Helvetica, Arial, Helvetica, sans-serif;
	font-weight: bold;
        padding: 0 0 0.5em 0;
        margin: 0 0 0 0;
	color: #262626;
	text-align: left;
}

#twoColRight h3 {
        font: 3.2em Helvetica, Arial, Helvetica, sans-serif;
        padding: 0.5em 0 0.5em 0;
        margin: 0 0 0 0;
	color: #262626;
	text-align: center;
}

#twoColRight p {
	/* unexplainable */
        font: 1.4em Helvetica, Arial, Helvetica, sans-serif;
        padding: 0 1.0em 0.5em 1.5em;
        margin: 0 0 0 0;
        color: #262626;
        text-align:left;
	line-height: 1.4em;
}

#twoColRight ul {
	font: 1.2em Trebuchet MS, Arial, Helvetica, sans-serif;
        padding: 0 0 0.5em 1.5em;
        margin: 0 0 0 0;
        color: #000000;
        text-align:left;
        line-height: 1.4em;
}

#mainPicContent {
	width: 102.4em;
	padding:0 0 0 0;
	margin: 0 0 0 0;
        overflow:hidden;
        clear:both;
	text-align: center;
}

#mainPicContent img {
	border: 0;
	padding: 3em 0 1em 0;
}

#mainPicContent h1 {
        font: 1.8em Trebuchet MS, Arial, Helvetica, sans-serif;
        padding: 0 3.5em 0 5em;
        margin: 0 0 0 0;
        color: #000000;
        text-align:right;
        line-height: 1.2em;
}

#newsItem {
	width: 30.0em;
	min-height: 10.0em;
    	border: red 0px dashed;         /* troubleshooting only */
	margin: 0 0 0 0;
	padding: 1.5em 0 0 0;
}

#newsItem p {
        font: 1.2em Arial, Helvetica, sans-serif;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        color: #000000;
        text-align:left;
        line-height: 1.4em;

}

#newsItem img {
	padding: 0 0.5em 0 0;
	border: 0
}

#newsItem p#date {
	font: 1.8em Trebuchet MS, Arial, Helvetica, sans-serif;
}

#newsItemCal {
	width: 8.0em;
	float: left;
	padding: 0 0 0 0;
}

#newsItemDescr {
	width: 20.0em;
	float: right;
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0 0 0 0;
}

#newsItemDescr h3 {
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
}

#newsItemDescr p {
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 1.2em;
}

#memberRoster {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#memberRoster td {
	width: 20em;
	font: 1.2em Arial, Helvetica, sans-serif;
	padding: 0.25em 0.25em 0.25em 0.25em;
	margin: 0 0 0 0;
}

#sidebarPhotography {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
}

#socialFrame {
	background:url('../images/smallFrame.jpg') top left no-repeat;
	border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 1.5em;
	height:19.3em;
}

#smallFrame {
	background:url('../images/smallFrame.jpg') top left no-repeat;
	border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 1.5em;
	height:19.3em;
}

#smallFrame img {
	margin: 0 0 0 0;
	padding: 0.9em 0 0 0;
	border: 0;
}

#largeFrame {
	background:url('../images/largeFrame.jpg') top left no-repeat;
	border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 1.5em;
	height:29.3em;
}


#largeFrame img {
	margin: 0 0 0 0;
	padding: 1.4em 0 0 0;
	border: 0;
}


p.submitButtonText {
	padding: 0 0 0 5em;
	margin: 0 0 0 5em;
	color: #red;
}

#twoColRight td {
	font: 1.2em Helvetica, Arial, Helvetica, sans-serif;	
	padding: 0.5em 0.5em 0 0;
	margin: 0 0 0 0;
}

#twoColRight textarea {
	font: 1.2em Helvetica, Arial, Helvetica, sans-serif;	
	padding: 0.5em 0.5em 0 0;
	margin: 0 0 0 0;
}
