body {
	width: 90%;
	margin: 10px;
	padding: 0px 20px 20px;
	font-size: small;
	background-color: #FFFFFF;
	;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
img {
	padding-right: 20px;
	padding-left: 10px;
}

#mainTable {
	margin: 0;
	border: 1px #000 solid;
	/*/*/line-height: 1.5em; /* */
; font-family: Verdana, Arial, Helvetica, sans-serif
; padding: 8px 20px
; list-style-image: url('https://www.mainresource.com/images/one-ballmed.gif')
; font-size: 12px
}
#mainTable td {
	padding: 20px 20px 0px 20px;/*Pads each table cell in modern browsers*/
}
#maincontent {
	
	font-size: 12px;
	width: 90%; margin-right: 15%; /* */
; font-family: Verdana, Arial, Helvetica, sans-serif
; vertical-align: top
; top: 0px; clip:  auto
; padding-top: 5px
; padding-left: 10px
; margin-left: 5px
; padding-right: 5px
; list-style-position: outside; list-style-image: url('https://www.mainresource.com/images/One%20ball%20from%20Logosm.gif')
}
#maincontent1 {  
	border-right: 1px solid #003366;
	font-size: 12px;
	width: 75%;  /* */
; font-family: Verdana, Arial, Helvetica, sans-serif
; vertical-align: top
; top: 0px; clip:  auto
; padding: 10px
; list-style-position: outside; list-style-image: url('https://www.mainresource.com/images/One%20ball%20from%20Logosm.gif')
}
#sidebar {
	font-size: small;
	/*/*/font-size: 85%; /* */
; vertical-align: top
; margin-left: auto
; margin-right: auto
; padding-top: 9px
; padding-right: 15px
; list-style-position: outside
; text-align: center
; width: 80%
; font-weight: bold

}
#footer {
	background-color: #FFFFFF;
	color: #CCCCCC;
	}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2 { font-size: large; ; color: #003366; text-align: center}

#sidebar a {
	/*/*/padding: 3px 3px;
	display: block;
	border: 2px #CCCCCC outset;
	text-decoration: none;
	line-height: 1em;
	width: 130px; /* */
; clip:  auto
; font-size: 11px
; font-weight: bold
}
#sidebar a:link, #sidebar a:visited {
	color: #003366;
}
#sidebar a:active {
	color: #FFFFFF;
	background-color: #99ccff;
	border: 2px solid #5577bb;
	font-weight: bold
}
#current a {
	color: #FFFFFF !important;
	/*/*/background-color: #999999!important;
	border: 2px dotted #999 !important; /* */
}
#sidebar ul {
	/*/*/padding-left: 1em;
	list-style-type: none;
	margin-left: 1em; /* */
}

#sidebar li {
	/*/*/margin: 0px 0px 6px 0px; /* */
; font-family: Verdana, Arial, Helvetica, sans-serif
}
#n4shell {
/* Happy hunting. This rule will allow you to create an outer border around the layout table in netscape 4. Wrap the entire table inside a div and assign to the div this id */
	border: 1px solid #000;
	/*/*/border: 0; /* */
}
p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
; font-size: 12px
 } 

td { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 } h6 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366}
#header {  background-color: #FFFFFF; background-image: url('https://www.mainresource.com/images/header1.jpg'); height: 126px}
#pcstable a {
	/*/*/padding: 0px 0px;
	display: block;
	border: 2px #5577bb outset;
	text-decoration: none;
	line-height: 1em;
	width: 130px; /* */
; clip:  auto
; font-size: 11px
; height: 15px
; font-weight: normal
}
#pcstable a:link, #sidebar a:visited {
	color: #003366;
}
#sidebar a:active {
	color: #FFFFFF;
	background-color: #003366;
	border: 2px #003366 inset;
	font-weight: bold
}
#current a {
	color: #003366!important;
	/*/*/background-color: #003399!important;
	border: 0px #999 dotted!important; /* */
; font-weight: bold
}
#pcstable ul {
	/*/*/padding-left: 1em;
	list-style-type: none;
	margin-left: 1em; /* */
}

#pcstable li {
	/*/*/margin: 0px 0px 6px 0px; /* */
; font-family: Verdana, Arial, Helvetica, sans-serif
}

#pcstable a:hover { 
	color: #FFFFFF;
	background-color: #99ccff;
	border: 2px #5577bb groove;
 } h3 {  text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: normal; word-spacing: normal; white-space: normal}
#headsettop { background-color: #FFFFFF; background-image: url('https://www.mainresource.com/images/header3.jpg'); clip:  auto
}
#maincontent a:link, #sidebar a:visited {
	color: #003366;
}
#maincontent a:hover, #sidebar a:active {
	color: #990066;
}
#white { color: #FFFFFF !important; background-color: #999999!important; border: 2px dotted #999 !important;; color: #FFFFFF !important; background-color: #999999!important; border: 2px dotted #999 !important; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; font-size: x-large; background-position: center; text-align: center}

#sidebar a:hover { 
	color: #FFFFFF;
	background-color: #003366;
	border: 2px #5577bb inset;
 	font-weight: bold
 } 

#sidebar1 {
	font-size: small;
	/*/*/font-size: 85%; /* */
border-right: 1px solid #333;
width: 10%;
; vertical-align: top
; margin-left: 40px
; margin-right: auto
; padding: 15px
; list-style-position: outside
; text-align: left

}


/*Here is my attempt to make a new sidebar for the actual sidebar!*/
#sidebar1 a {color: #FFFFFF; padding: 3px 3px; display: block; border: 2px #CCCCCC outset; text-decoration: none; line-height: 1em;  clip: auto ; font-size: 11px ; font-weight: bold ; color: #FFFFFF; text-align: center; background-image:url('https://www.mainresource.com/images/buttons/bg.jpg'); width: 130px;}
#sidebar1 a:link, #sidebar1 a:visited {
	color: #FFFFFF;
}
a:active { color: #CCCCCC; border: 2px #CCCCCC none; font-weight: bold; color: #FFFFFF;}

#sidebar1 ul {
	/*/*/padding-left: 1em;
	list-style-type: none;
	margin-left: 1em; /* */
}

#sidebar1 li {
	/*/*/margin: 0px 0px 6px 0px; /* */
; font-family: Verdana, Arial, Helvetica, sans-serif
}
#sidebar1 a:active {
	color: #FFFFFF;
	background-color: #003366;
	border: 2px #003366 solid;
}
#sidebar1 a:hover { 
	color: #003366;
	border: 2px #999999 inset;
; background-color: #FFFFFF; background-image: none
 }
#headtable {  background-image: url('https://www.mainresource.com/images/buttons/bga.jpg'); background-repeat: no-repeat; width: 99%; height: 124px}
.chatlink {  }
/* --- static menu styles --- note: 1. not all browsers render styles the same 
way so try out your style sheet on different browsers before publishing; style 
naming convention: m<zero based menu number>l<zero based level number>i|o<for inner or outer tag> 
*/ 
.m0l0o { text-decoration: none; margin: 0px; border: 1px #FFFFFF none; ; text-align: left} 
.m0l1o { text-decoration: none; margin: 0px; border: 1px #003366 solid; ; text-align: left} 
.m0l2o { text-decoration: none; margin: 0px; border: 1px #ffffff solid; ; text-align: left} 
.m0l3o { text-decoration: none; margin: 0px; border: 1px #ffffff none; ; text-align: left}
.m0l4o { text-decoration: none; margin: 0px; border: 1px #ffffff none; ; text-align: left} 
.m0l0i { padding: 0px 0px; text-decoration: none; font-family: Verdana, Arial; font-size: 12px; ; font-weight: bold; background-position: left; border: thin #FFFFFF none} 
.m0l1i { padding: 2px; text-decoration: none; font-family: Verdana, Arial, Times New Roman; font-size: 12px; text-align: left; border: 1px #003366 none} 
.m0l2i { padding: 2px; text-decoration: none; font-family: Verdana, Arial, Times New Roman; font-size: 12px; text-align: left} 
.m0l3i { padding: 2px; text-decoration: none; font-family: Verdana, Arial, Times New Roman; font-size: 12px; text-align: left; font-weight: bolder; color: #e9e9e9; background-color: #003366; border-style: none} 
.m0l4i { padding: 2px; text-decoration: none; font-family: Verdana, Arial, Times New Roman; font-size: 12px; text-align: left; font-weight: bolder; color: #e9e9e9; background-color: #003366; border-style: none} 


#headtablehs { background-image: url('https://www.mainresource.com/images/buttons/bg2.jpg'); background-repeat: no-repeat; width: 100%; height: 124px }

#maincontent a:link { font-weight: bold ; text-decoration: none}
#sidebar2 a:active {
	color: #FFFFFF;
	background-color: #003366;
	border: 2px #003366 solid;
}
#sidebar2 a:hover { 
	color: #FFFFFF;
	background-color: #003366;
	border: 2px #003366 solid;
 }

#mytable { font-size: small; font-size: 85%; ; vertical-align: top ; margin-left: auto ; margin-right: auto ; padding-top: 9px ; padding-right: 15px ; list-style-position: outside ; text-align: center ; width: 95%; font-weight: bold }
#mytable a { padding: 3px 3px; display: block; border: 2px #CCCCCC outset; text-decoration: none; line-height: 1em; width: 100px; ; clip: auto ; font-size: 11px ; font-weight: bold ; color: #FFFFFF; text-align: center}
#mytable a:link { color: #003366; }
#mytable a:visited { color: #003366;; color: #003366;; color: #003366; }
#mytable a:hover { color: #FFFFFF; background-color: #003366; border: 2px #5577bb inset; font-weight: bold}
#mytable a:active { color: #CCCCCC; background-color: #003366; border: 2px #5577bb solid; font-weight: bold; color: #FFFFFF;
background-color: #003366; border: 2px #003366 inset; font-weight: bold; color: #990066; }
.background {  background-image: url('https://www.mainresource.com/images/buttons/bg4.jpg')}

#mytable1 { font-size: x-small; font-size: 85%; ; vertical-align: top ; margin-left: auto ; margin-right: auto ; padding-top: 9px ; padding-right: 15px ; list-style-position: outside ; text-align: center ; width: 80% ; font-weight: bold }
#mytable1 a { padding: 3px 3px; display: block; border: 2px #CCCCCC outset; text-decoration: none; line-height: 1em; width: 100px; ; clip: auto ; font-size: 11px ; font-weight: bold ; color: #FFFFFF; text-align: center}
#mytable1 a:link { color: #003366; }
#mytable1 a:visited { color: #003366;; color: #003366;; color: #003366; }
#mytable1 a:hover { color: #FFFFFF; background-color: #003366; border: 2px #5577bb inset; font-weight: bold}
#mytable1 a:active { color: #CCCCCC; background-color: #003366; border: 2px #5577bb solid; font-weight: bold; color: #FFFFFF;
background-color: #003366; border: 2px #003366 inset; font-weight: bold; color: #990066; }
.background {  background-image: url('https://www.mainresource.com/images/buttons/bg4.jpg')}

#mytable2 a {color: #FFFFFF; padding: 3px 3px; display: block; border: 2px #CCCCCC outset; text-decoration: none; line-height: 1em;  clip: auto ; font-size: 11px ; font-weight: bold ; color: #FFFFFF; text-align: center; background-image: url('https://www.mainresource.com/images/buttons/bg.jpg');}
#mytable2 a:active { color: #CCCCCC; background-color: #FFFFFF; border: 2px #CCCCCC groove; font-weight: bold; color: #FFFFFF;}
#mytable2 a:hover { 
	color: #003366;
	border: 2px #999999 inset;
; background-color: #FFFFFF; background-image: none
 }

#topofpageheader { background-repeat: no-repeat; clip:   rect(1px, 1px, 1px, 1px); background-image:url('https://www.mainresource.com/images/buttons/bg1.jpg'); height: 150px}
h4 { text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: normal; letter-spacing: normal; word-spacing: normal; white-space: normal }