body {
	background-color: #f2ce8f;
	background-repeat: repeat-x;
	margin:0px;
}

/* used for the border around the banner*/
.bannerborder {border-bottom:1px solid black;}

/* the style for the rules in the 'Announcements' poster*/
hr {
width:100%;
color:maroon;
height:1px;
}

/* 'a' style throughout site */

a:link {color:maroon; text-decoration:none;}
a:hover {color:maroon; text-decoration:underline;}
a:visited {color:maroon; text-decoration:underline;}

/* the style for the items in the footer*/
.style20 a {font-family: verdana; color: #800000; text-decoration: none; }
.style20 a:hover{font-family: verdana; color: #800000; text-decoration:underline;}
.style20 a {font-size: 10px; line-height: 150%;}
.style20 a:hover {font-size: 10px; line-height: 150%;}


/* the style for the text in the poster copy*/
.comic {
font-family: comic sans ms, sans-serif;
font-size: 11px;
}

/* font size for the items in the left menu*/
.style34 {font-size: 12px;}


/* the style for the items in the left menu that are not links */
.style36 {font-weight: bold; color: black;font-family:Arial, Helvetica, sans-serif;}


/* the style for the items in the left menu that are links */
.style36 a {font-weight: bold; color: #993300; font-family:Arial, Helvetica, sans-serif;text-decoration:none;}
.style36 a:hover {text-decoration:underline;}


/* these are the styles that are used to customize the note paper in the right column */
.GoldNoteTL  {
background:url("images/notestaple-tl.png") no-repeat scroll left top transparent;
height:35px;
width:63px;
}

.GoldNoteT  {
background:url("images/notebg-t.png") repeat-x scroll left top transparent;
height:35px;
}

.GoldNoteTR  {
background:url("images/notestaple-tr.png") no-repeat scroll right top transparent;
height:35px;
width:65px;
}


.GoldNoteL  {
background:url("images/notebg-l.png") repeat scroll 0 0 transparent;
vertical-align:bottom;
width:17px;
}

.GoldNoteM  {
background-color:#FCFCFC;
padding:0 0 0 1px;
vertical-align:top;
}

.GoldNoteR  {
background:url("images/notebg-r.png") repeat scroll 0 0 transparent;
width:19px;
}

.GoldNoteBL  {
background:url("images/note-bl.png") no-repeat scroll left top transparent;
height:55px;
width:63px;
}

.GoldNoteB  {
background:url("images/notebg-b.png") repeat scroll 0 0 transparent;
height:55px;
text-align:right;
}

.GoldNoteBR  {
background:url("images/note-br.png") no-repeat scroll right top transparent;
height:55px;
padding:0 10px 0 0;
text-align:right;
width:80px;
}

/*here they stop */

/*style for floated left images*/
.leftimg {
float: left;
padding-left:10px;
padding-right: 10px;
}
 
/*style for floated right images*/
.rightimg {
float: right;
padding-left: 10px;
padding-right: 10px;
}


/*style for centered h4 sub-head on 'Announcement poster'*/
.centered {
text-align: center;
}


/* these are the styles used to customize the paragraphs and headings all over the pages */
p {font-family:"Verdana", sans-serif; font-size:12px; padding-left:10px; padding-right: 10px;padding-top:1px;padding-bottom:11px;margin:0px;}

/* these are the styles used to customize the paragraphs and headings all over the pages */
p1 {font-family:"Verdana", sans-serif; font-size:12px; padding-left:7px; padding-right: 10px; padding-top:1px; padding-bottom:11px;margin:0px;}

/* major heading as in 'The Club' on index page */
h1 {font-family: "Baskerville", "Goudy", "Garamond", serif; font-size:24px; font-weight:bolder; color:maroon; padding-left:10px; padding-top:9px;padding-bottom:10px;margin:0;}

/* first level sub-head as in 'Announcements' */
h2 {font-family: "Baskerville", "Goudy", "Garamond", serif; font-size:22px; font-weight:bolder; color:maroon; margin:5px}

/* second level sub-head as in 'Acknowledgement' */
h3 {font-family: "Baskerville", "Goudy", "Garamond", serif; font-size:16px; font-weight:bolder; color: maroon; padding-left:10px;margin:0px;padding-top:2px;padding-bottom:2px;}

/* third level sub-head as in 'Key'*/
h4 {font-family:"Baskerville", "Goudy", "Garamond", serif;  font-size:16px; font-weight:bolder;  color:maroon; margin:0px;padding-bottom:5px;padding-top:5px; padding-left:10px}

/* style for 'Copyright' statement */
h5 {font-family:"Verdana" sans-serif; font-size:8px; color:#808080}

/* fourth level sub-head not used */
h6 {font-family: "Baskerville", "Goudy", "Garamond", serif; font-size:16px; font-weight:bolder; color:maroon; text-align:center;padding:5px;margin:0px;}

/* these are the styles used to customize the table on the two page layout */
.datatable {
	border: 1px solid #828282;  /* here is the style you were asking for regarding the border. change this to another color in order to see it displayed, just in case you do not see it. */
	border-collapse: collapse;
	width: 100%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 0.3em;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;

}
.datatable th {
	border: 1px solid #828282;
	background-color: #800000;
	color:#fff;
	font-weight: bold;
	text-align: left;
	padding-left: 0.3em;
}
.datatable tr.altrow {
	background-color: #f5f5f5;
	color: #000000;
}


.middlecolumnwidth {width:491px;}
.rightcolumnwidth {width:290px;}   /* these two styles are used to set the width of the middle content and the right column content. in order for you to make one bigger and the other one smaller, just substract the ammount of pixels that you want from one of them and add those pixels to the other. The paper will be automatically resized. */pixels to the other. The paper will be automatically resized. */