* {border:0; margin:0; padding:0;}
body {background:#000 url(../images/swirl_bkgd.jpg) no-repeat fixed bottom right; color:#bbb; font-family:tahoma,sans-serif; font-size:8pt;}
a {color:#b20000; text-decoration:none;}
.clear {clear:both; color:#000; content:"."; display:block; height:0;}

#header {height:120px; margin:80px 10% 0 10%; min-width:800px;}       
    #navigation {float:left; width:320px;}
    #navigation ul {margin:45px 0 0 7px;}
    #navigation li {float:left; list-style-type:none;}
    #navigation li a {background:transparent url(../images/content_bkgd.png) top left; border:1px solid #444; color:#666; display:block; padding:2px 10px; margin:0 1px;}
    #navigation li a:hover {border:1px solid #666; color:#fff;}
	
	#subNav {clear:both; padding-top:10px; text-align:center;}
	#subNav a {color:#666; font-size:7pt;}
	#subNav a:hover {color:#fff;}
	
    #home #navHome, #bio #navBio, #events #navEvents, #contact #navContact {border:1px solid #666; color:#fff; margin-top:5px;}
	
    #header h1 {color:#b20000; float:right; height:120px; position:relative; width:368px;}
    #header h1 span {background:url(../images/kbostudio1.gif); height:100%; position:absolute; width:100%;}

#wrapper {background:transparent url(../images/content_bkgd.png) top left; border:1px solid #444; border-left:none; border-right:none; padding:10px 0;}
    #content {margin:0 auto; min-width:800px; width:80%;}
    #content ul {padding:14px 0; width:650px;}
    #content li {background:#eee; border:1px solid #000; color:#333; float:left; letter-spacing:.09em; list-style-type:none; margin:5px; padding:10px 10px 4px 10px; text-align:center; width:150px;}
    #content li a {display:block;}
    #content li a:hover {font-weight:bold;}
    #content li img {border:1px solid #aaa;}
	
	#content p {font-size:9pt; line-height:1.6em; margin:5px 0 10px 0;}
	#content h1 {font-family:verdana,arial,sans-serif; font-variant:small-caps; margin:10px 0;}
	.bioPic {float:right; margin:25px;}

#footer {color:#555; margin:5px 10% 20px 10%; min-width:800px; padding-left:7px; text-align:left;}


/* CONTACT FORM */
    #contactForm {width:75%;}
    #contactForm form {width:50em;}

    #contactForm fieldset {border:1px solid #ccc; margin:1em 0; /*  space out the fieldsets a little*/ padding:1em;}
    #contactForm legend {color:#b20000; font-size:10pt; font-weight:bold;}
    #contactForm label {float:left; width:10em;}
    #contactForm .required {color:#760000; font-size:0.85em; font-weight:bold;}
	#contactForm .requiredWhite {color:#fff; font-size:0.85em; font-weight:bold;}
    #contactForm input {width:200px;}
        
    #contactForm input[type="text"], textarea, select {border-bottom:1px solid #ccc; border-left:2px solid #999; border-top:2px solid #999; border-right:1px solid #ccc; text-indent:5px;}
    #contactForm input.radio, input.checkbox, input.submit {width:auto;}
    #contactForm select {font-size:.85em; width:200px;}  
    #contactForm option {padding:2px 4px;}  
    #contactForm .stateLabel {background-color:#eee; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#325092; font-size:.65em; font-weight:bold; letter-spacing:.1em; padding:1px 2px;}
        
/* style form elements on focus */
    #contactForm input:focus, textarea:focus {background-color:#ffd; color:#b20000;}
    #contactForm input.radio {float:left; margin-right:1em;}
    #contactForm textarea {width:300px; height:100px;}
    #contactForm .submit {background-color:#dbe3f5; border:1px solid #9fabc6; border-left:2px; border-top:2px; color:#333; font-size:.85em; padding:2px 7px; width:150px;}