body, td, th { /* redundant rules for bad browsers  */
	margin-top : 0; 
	margin-left : 0; 
	margin-right : 0; 
	margin-bottom : 0;
	color: #000000;
	background: #7aabc4;
	background-image: url("siteimages/fadeback.jpg"); 
	background-repeat: repeat-x;
	font-family: verdana,sans-serif; 
	font-size: x-small; 
	text-decoration: none; 
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:    small
}
html>body, html>body td, html>body th {
	font-size:    small;
}

/*set spacing for blue margin (top, right, bottom, left)*/
#page { padding: 10px 1% 30px 1%; }

/*creates page border and fills*/
.bodybox { background: #ffffff; font-size: 100%; line-height: 115%; border: 2px solid #303030; }

/*location of main body with box outline*/
#maincontent_index { background-image: url("siteimages/texture.gif"); margin: 105px 10px 10px 10px; padding: 35px 10px 10px 10px; border: 1px solid #cfcfcf; }
#maincontent_box { background-image: url("siteimages/texture.gif"); margin: 0px 10px 10px 22%; padding: 10px 30px 10px 10px; border: 1px solid #cfcfcf; }

/*top menu location*/
.topmenu { float: right; font-weight: bold; padding: 10px 20px 5px 5px; }
#logo { position: absolute; left: 0; top: 45px; }

/*location of sidebar menu on index*/
#features { background-color: #f3f3f3; float: left; width: 30%; font-size: 80%; margin: 20px 2% 8px 0px; padding: 15px 15px 15px 15px; border: 1px solid #cfcfcf; }
#sitemap { font-size: 90%; margin: 0px 10px 10px 35%; padding: 10px 10px 10px 10px; }

/*location of sidebar menu*/
#sidebar { background-color: #ffffff; float: left;	width: 20%; font-size: 90%; text-align: right; margin: 0px 0px 8px 5px; font-weight: bold; border-bottom: 1px dotted #cfcfcf; }
#sidebarmenu { font-weight: bold; }
#sidebarmenu .activetitle { background-color: #f3f3f3; padding: 10px 10% 10px 0px; display: block; width: 90%; border-top: 1px dotted #cfcfcf; }
#sidebarmenu .menutitle { background-color: #ffffff; padding: 10px 10% 10px 0px; display: block; width: 90%; border-top: 1px dotted #cfcfcf; }
#sidebarmenu .menutitle:hover { background-color: #e7ebfe; text-decoration: none; }
#sidebarmenu .menutitle:active { background-color: #f7f7f7; text-decoration: none; }

/*sub menu*/
#sidebarmenu .activesubtitle { background-color: #ffffff; padding: 3px 10% 3px 0px; display: block; width: 90%; font-size: 80%; }
#sidebarmenu .menusubtitle { background-color: #ffffff; padding: 3px 10% 3px 0px; display: block; width: 90%; font-size: 80%; }
#sidebarmenu .menusubtitle:hover { background-color: #f3f3f3; text-decoration: none; }
#sidebarmenu .menusubtitle:active { background-color: #f7f7f7; text-decoration: none; }

/*default links*/
a { color: #003399; text-decoration: underline; }
a:visited { color: #003399; }
a:hover { color: #000000; text-decoration: underline; }
a:active { text-decoration: none ; }

/*red links*/
.red a { color: #990000; text-decoration: underline; }
.red a:visited { color: #990000; }
.red a:hover { color: #000000; text-decoration: underline; }
.red a:active { text-decoration: none ; }

/*extra bold*/
.bold { font-size: 110%; font-weight: bold; padding: 6px 2px 3px 2px; }

/*extra bold*/
.grey { color: #707070; padding: 3px 0px 3px 10px; }

/*small print*/
.smallprint { font-size: 80%; }

/*style to eliminate space on first paragraph*/
.first { margin-top: 0; padding-top: 0; }

/*default table values*/
td { background: transparent; font-size: 100%; line-height: 115%; }

/*list controls*/
ul.spaced li { padding-bottom: 0.5em; }
ul.margin { margin: 0; padding-left: 20px; }

.albumpack { float: left; width: 20%; margin-top: 1.5em; }
.albumdesc { margin: 0.5em; height: 6em; }

/*hr attributes*/
hr{ color: #1B4677; }

/*header attributes*/
h1 { font-family: verdana,sans-serif; font-size: 150%; color: #1B4677; border-bottom: 1px solid #cfcfcf; padding: 0.3em 0 0.3em 0; margin: 0.5em 0 0.3em 0; }
h2 { font-family: verdana,sans-serif; font-size: 150%; color: #1B4677; border-bottom: 1px dotted #cfcfcf; padding: 0.3em 0 0.3em 0; margin: 0.5em 0 0.3em 0; }
h3 { font-family: verdana,sans-serif; font-size: 120%; color: #1B4677; border-bottom: 1px solid #cfcfcf; padding: 0.3em 0 0.3em 0; margin: 0.5em 0 0.3em 0; }
h4 { font-family: verdana,sans-serif; font-size: 120%; color: #1B4677; border-bottom: 1px dotted #cfcfcf; padding: 0.3em 0 0.3em 0; margin: 0.5em 0 0.3em 0; }
	
/*hide from browsers using styles*/
.nostyle { display: none; }

/*button*/
#button .click { font-weight: bold; background-color: #F00; color: #FFF; padding: 4px 0px 5px 0px; display: block; margin-right: 0.5em; margin-bottom: 1em; width: 81px; text-align: center; border-right: 1px solid #666; border-bottom: 1px solid #666; }
#button .click:hover { background-color: #C00; }
#button .click:active { background-color: #900; }

/*tabs*/
#tabs { border-bottom: 1px solid #cccccc; margin: 0; padding-bottom: 19px; padding-left: 3px; }
#tabs ul, #tabs li { display: inline; list-style-type: none; margin: 0; padding: 0; }
#tabs a:link, #tabs a:visited { background: #f3f3f3; border: 1px solid #cccccc; color: #666666; float: left; font-size: small; font-weight: normal; line-height: 14px; margin-right: 4px; padding: 2px 5px 2px 5px; text-decoration: none; }
#tabs .active { background-color: #ffffff; border: 1px solid #cccccc; border-bottom: 1px solid #ffffff; color: #000000; float: left; font-size: small; font-weight: normal; line-height: 14px; margin-right: 4px; padding: 2px 5px 2px 5px; text-decoration: none; }
#tabs a:hover { background-color: #ffffff; color: #000000; }
#tabs li#active a { background : #ffffff; border-bottom: 1px solid #ffffff; color: #000000; }