body { background-color:#CCDDBB; text-align:center; font:.8em Tahoma, sans-serif }

a { font-weight:bold; color:#990000; text-decoration:none }
a:hover, a:visited { color:#000000; text-decoration:none }

div#maincontent { width:850px; background-color:white; margin:20px auto 20px auto; padding:5px }
div#maincontent div { margin:5px }

div#logo { width:130px; float:left; height:130px; text-align:center; padding-top:20px;
		   font:2.5em "Trebuchet MS", sans-serif; color:#FFFF99;
		   background:#990000 url('images/logo-corner.gif') center right no-repeat
}

div#sbm { width:700px; float:right; height:130px;
		  background:#8AF02D url('images/sbm-corner.gif') center left no-repeat
}
div#sbm img { border:0 }
div#sbm img#band { vertical-align:top }
div#sbm img#violin { margin-left:0 }

div#counter { width:130px; float:left; height:120px; text-align:center; padding-top:10px;
			  font:2.5em "Trebuchet MS", sans-serif; color:#FFFFFF;
		      background:#990000 url('images/logo-corner.gif') center right no-repeat
}
div#intro { width:700px; float:right; height:80px; text-align:left;
			background:#FF9900 url('images/intro-corner.gif') center left no-repeat;
			color:white; text-transform:uppercase;
}
div#intro p { margin:15px auto auto 25px }

div#menu { width:840px; background-color:#be4 }

div#contents { width:690px; float:left; background-color:#CCDDBB; text-align:left; padding:5px }

div#links { width:120px; float:right;
			background-color:#CCDDBB;
			font-weight:bold; font-size:.8em;
			text-align:left; padding:5px
}
div#links a { font-weight:normal }

div#footer { width:840px; background-color:#8AF02D; float:left; font:bold .8em Tahoma, sans-serif }

div#validate { font:.7em Verdana, sans-serif; color:#a5a5a5; text-align:right }
div#validate a, div#validate a:visited { color:#bbbbbb; font-weight:normal }
div#validate a:hover { color:#555555 }

img.portrait { border:1px solid black }
img.portraitlarge { border:1px solid black; margin-right:15px }
div.portraitrow { margin:0px auto }
div.portraitdiv { float:left }
div.portraitdiv p { font-weight:bold; text-align:center; margin-top:0 }

ul { list-style:none; margin:0 5px auto auto; padding:0 }
li.main { background:none }
li { background:url('images/bullet.gif') center left no-repeat; padding-left:12px }
h1 { font:bold 2.5em "Trebuchet MS", Verdana, sans-serif; color:#555555; display:inline }
h2 { font:bold 1.4em "Trebuchet MS", Verdana, sans-serif }
h3 { font:bold 1.1em "Trebuchet MS", Verdana, sans-serif; margin:10px auto 1px auto }
.small { font-size:.8em }
.center { text-align:center }
.left { float:left }
.clear { clear:both }
.inline { display:inline }
.invisible { height:0 }
.no-border { border:0 }
.title { font-weight:bold; text-transform:capitalize }
.width100 { width:100% !important }