body { background-color: #ccc; margin: 0px; padding: 0px; font-family: arial; color: #333; }

a:link { color: #00c; text-decoration: none; font-weight: bold }
a:visited { color: #009; text-decoration: none; font-weight: bold }
a:hover { color: #c00; text-decoration: none; font-weight: bold }
a:active { color: #c00; text-decoration: none; font-weight: bold }
a img { border: none; }

h1 { text-align: center; font-family: verdana; color: #333; font-size: 22px; font-weight: bold }
h2 { clear: left; font-family: verdana; color: #333; font-size: 16px; font-weight: bold; margin: 20px 0px 7px 0px; padding-left: 16px; height: 19px; background: url(../images/nav/h2.gif) no-repeat left bottom; }
#dance { background: url(http://www.kudance.com/images/nav/h2.gif) no-repeat left bottom; padding-left: 26px }
#mascots { background: url(http://www.kumascots.com/images/nav/h2.gif) no-repeat left bottom; padding-left: 26px }

h3 { clear: left; font-family: verdana; color: #333; font-size: 12px; font-weight: bold; margin-bottom: 3px; margin-top: 8px }
h4 { clear: left; font-family: verdana; color: #333; font-size: 12px; font-weight: normal; font-style: italic }
.subtleheader { color: #999; margin-bottom: 10px }

.navbar { color: #999; font-size: 11px }

.contentbox { background-color: #fff; border-top: 1px #999 solid; border-bottom: 1px #e6e6e6 solid; border-left: 1px #999 solid; font-size: 12px }
.normal { font-size: 12px }
.caption { text-align: left; margin: 3px 0px 15px 0px }
.caption a:link { font-weight: normal; }
.caption a:visited { font-weight: normal; }
.caption a:hover { font-weight: normal; }
.caption a:active { font-weight: normal; }

.photo_fullwidth { margin: 0 0 5px 0; clear: both; background-color:#fafafa; padding: 5px; border: 1px solid #ccc; }
.photo_fullwidth p { margin: 3px 0px 0px 0px; color: #666; font-size: small; font-family: Georgia, "Times New Roman", Times, serif; }
.photo_fullwidth img { border: 0; }

.photo_right { float: right; clear: right; margin: 10px 0px 10px 10px; background-color:#fafafa; padding: 5px; border: 1px solid #ccc; }
.photo_right p { margin: 3px 0px 0px 0px; color: #666; font-size: small; font-family: Georgia, "Times New Roman", Times, serif; }
.photo_right img { border: 0; }

.footer { color: #666; font-size: 11px; padding: 3px 5px 0px 0px }
.onblue { color: #006; font-size: 11px; padding: 8px 5px 0px 0px }

ul { margin-top: 3px }
dt { font-style: italic; margin-top: 5px }

.infoboxheader { width: 175px; background-color: #aaaaaa; text-align: center; padding: 5px; font-weight: bold; font-size: 12px; color: #333;  border-top: 1px #e6e6e6 solid; border-right: 1px #999 solid; border-left: 1px #e6e6e6 solid; }
.infobox { width: 175px; background-color: #ccc; border-right: 1px #999 solid; border-bottom: 1px #999 solid; border-left: 1px #e6e6e6 solid; text-align: left; color: #333; font-size: 11px; padding: 5px }
.bignumber { font-size: 18px; font-weight: bold; vertical-align: middle }
.quotes { font-family: georgia; }
.relatedinfo { color: #666; margin-top: 20px; border-top: 1px #999 solid; border-bottom: 1px #999 solid; padding: 3px 0px 3px 0px }
.year { margin-top: 20px }
.members { font-size: 90% }
.awards { font-style: italic; margin-top: 3px }
.dim { color: #999 }

.card { position: relative; float: left; width: 275px; height: 189px; margin: 5px 0px; }
.cardbackground { position: absolute; top: 0px; left: 0px; width: 275px; height: 189px; }
.rostername { position: absolute; top: 6px; left: 10px; color: #ccc; font-family: Palatino, Gill Sans, Arial; font-weight: bold; font-size: 18px; }
.rosteryear { position: absolute; top: 3px; right: 8px; color: #ccc; font-family: Palatino, Gill Sans, Arial; font-size: 10px; text-align: right; }
.rosterphoto { position: absolute; width: 98px; height: 131px; top: 35px; left: 4px; }
.rosterbio { position: absolute; top: 36px; left: 107px; width: 160px; height: 130px; margin: 0px; padding-right: 2px; color: #333; font-size: 10px; overflow: auto; }

/* Tabs from http://www.simplebits.com/bits/css_tabs.html# */
#tabnav
	{
		height: 20px;
		margin: 5px -15px 10px -15px;
		padding-left: 15px;
		background: url(/images/tabtile.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 2px;
		border: 1px solid #999;
		text-decoration: none;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}
/* End of tabs */