#topsection {
height: 120px; /*Height of top section*/
}


.maroon-banner { background-image: url(graphics/background1.jpg); background-repeat: repeat-x;
height: 120px;
}

#banner1 { position: absolute; left: 105px; top: 27px; width: 800px; padding: 8px; font-family: Times New Roman; font-size: 28px; color: #D8D8D8; font-style: normal;
}

#banner2 {position: absolute; left: 215px; top: 58px; width: 800px; padding: 5px; font-family: Times New Roman; font-size: 18px; color: #D0D0D0;
}


body{
background-color: #FFFFFF;
margin:0;
padding:0;
line-height: 1.5em; link: maroon; 
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/   This was for the scroll bar only.*/

html, body{
scrollbar-face-color:#FFFFFF;
scrollbar-base-color:#FFDEAD;
scrollbar-arrow-color:#800000;
scrollbar-track-color:#FFDEAD;
scrollbar-shadow-color:#800000;
scrollbar-highlight-color:#800000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-Color:#800000;
}

#contentwrapper{
float: left;
width: 100%;
background-image: url(graphics/horizontal_edge.jpg); 
background-repeat: repeat-x;
}

#contentcolumn{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
padding: 5px;
margin-left: 2px;
font-family: Times New Roman; 
color: #000000;
font-size: 16px;
}

#rightcolumn{
float: left;
width: 250px; /*Width of right column in pixels*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
background: #FFFFFF;
top: 120px;
background-image: url(graphics/left_edge.jpg);
background-repeat: repeat-y;
font-family: Times New Roman; 
color: #000000;
font-size: 14px;
link: maroon;
}

#rightcolumn li { font-size: 11px;
link: maroon; }

#footer{ clear: left;
width: 100%;
background: #FFFFFF;
font-family: Times New Roman; 
color: #800000;
font-size: 11px;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #E9967A;
}

.innertube { margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 42px;
}

.innertube2{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
}

/*for the html menu*/

ul#navigation { position: absolute; display: inline;
top: 120px; 
left: 21px;
width: 685px; 
margin: 0;
padding: 0px; 
background-color: #FFFFFF;
color: #990000;
}

ul#navigation li { display: inline; }

ul#navigation li a { padding: .06em .73em; display: inline;
background-color: #FFFFFF;
color: #990000;
text-decoration: none; 
float: left; 
font-size: 14px;
border-bottom: solid 0px #990000; 
border-top: dashed 0px #990000; 
border-left: dashed 0px #990000; 
border-right: dashed 0px #990000; 
}

ul#navigation li a:hover { color:#000000; 
background-color: #FFDEAD;}

ul#navigation li ul { display: none; position: absolute; top: 140px; left: 20px; }

/*end html menu*/


A:link { color: maroon; }
A:visited { color: FireBrick; }
A:active { color: black; }
A:hover { color: black; }


h1 { color: #990000; 
	font-family: Times, serif;
	font-style: normal;
	font-weight: bold; }


h2 { font-family: Times, serif;
	font-style: normal;
	font-weight: normal; }

ul { font-family: Times, serif;
	font-style: normal;
	font-weight: normal; 
	font-size: 14pt; }

li { font-family: Times, serif; 
	font-weight: normal;
	font-style: normal;
	font-size: 12pt; }

.links { font-family: Times, serif;
	font-style: normal;
	font-weight: normal; 
	font-size: 12pt; }

.lwithin { font-size: 10pt;
		font-family: Times, serif;
		font-weight: normal; }


dt { font-weight: bold; 
	font-size: 14pt;
	font-style: normal; }

dd { font-weight: normal;
	font-size: 16px;
	font-style: normal; }

.regfont {font-weight: normal;
	font-size: 12pt;
	font-style: normal; }

.organization { font-size: 12pt; }

hr { height: 2px;
	width: 100%;
	color: #990000;
	background-color: #990000; }

.smallfont { font-family: Times New Roman; font-size: 11pt; }

.memsubcat { font-weight: bold; }

.redfont {font-weight: bold;
		font-size: 14px;
		font-style: normal;
		color: #FF0000; }

.greenfont {font-weight: bold;
		font-size: 14px;
		font-style: normal;
		color: #408080; }

.orangefont {font-weight: bold;
		font-size: 14px;
		font-style: normal;
		color: #FF4500; }

.maroonfont { font-family: Times New Roman; 
color: #800000; }


img.rightpicture { float: right; padding: 0px; margin: 5px; border-color: #800000; }
img.rightpicture a:link { border-color: #800000; color: #800000; }
img.rightpicture a:visited { border-color: #ff4500; color: #ff4500; }

img#rightpicture { float: right; padding: 0px; margin: 5px; border-color: #800000; }
img#rightpicture a:link { border-color: #800000; color: #800000; }
img#rightpicture a:visited { border-color: #ff4500; color: #ff4500; }

#gallery { font-family: Tahoma, sans-serif;
		font-style: normal; font-size: 12pt; }


dl#gallery a:link { border-color: #800000; color: #800000;  }
dl#gallery a:visited { border-color: #ff4500; color: #ff4500; }

body#gallery { margin: 40px 10px 10px 10px; 
background-color: #FFFFFF;
background-image: none;
link: maroon;
}

div.center {
  margin-left: auto;
  margin-right: auto;
  width: 33em;

#clock { 
font-family: times new roman,serif; 
font-size: 12px; 
color: #FFFAF0;  
text-align: center; 
} 

