/* CSS Document */

html, body { margin:0; padding:0; font-size: 100.1%; } 

body { font: normal 100.1% "Lucida Grande", LucidaGrande, Lucida, Verdana, Arial, sans-serif; margin: 0; background: #fff url(../images/knotback1.jpg) repeat top left; color: #333; }

#pagewrapper { display: block; width: 708px; margin: 10px auto 0; background: url(../images/ShadowMosaic.gif) repeat-y -708px 0; }
#shadowwrapper { padding: 2px 4px 0; background: url(../images/ShadowMosaic.gif) no-repeat 0 0;
}

#content {
	display: block;
	background: #fff;
	padding: 20px 20px;
}

/* Presentation */

a { color: #732f94; text-decoration: none; border: none; }

a:visited { color: #732f94; }
a:hover { color: #9663ae; text-decoration: underline; }
a:active { color: #732f94; }

a.current { color: #732f94; }

p, ul, ol {  font-size: .8em; line-height: 1.3em; text-align: justify; margin: 10px 20px; padding: 0; }
ul { padding: 0 0 0 15px;}

h1 {
	font-size: 1.5em;
	margin: 5px 20px 10px -10px;
	color: #732f94;
}

h3 { margin: 15px 15px 7px -10px; font-size: .8em; color: #333; text-align: left; float: left; background-image: url(../images/icons.gif); background-repeat: no-repeat; padding-left:  2.5em; height: 1.5em; display: block;  }
h3.subhead { text-align: left; margin-left: 20px;}

p.center { text-align: center;}
p.left, ul.left, h3.left { text-align: left;}
p.right { text-align: right;}
p.home {text-align: center; border: 1px solid  #999; display: block; padding: 3px; }

hr {
	border: 0;
	width: 90%;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin: 15px auto;
	padding: 0;
}

img, img a {border:  0; -moz-outline: none; outline: none;}
.byline {text-align: center; color: #660000; font: bold .8em Verdana, Geneva, Helvetica, sans-serif; padding-top: 20px; }

h3.edit { background-position: -393px 0; }
h3.va { background-position: -193px 0; }
h3.web { background-position: -593px 0; }
h3.audio { background-position: -793px 0; }

.floatwrapper { margin: 0; padding: 0; position: relative; display: block;}
.floatright {float: right; width: 55%; border-left: 1px solid #ededed; border-right: 1px solid #ededed; font-style: italic; margin: 0; padding: 0;}
.floatleft {float: left; width: 40%;}
.clear {clear: both; height: 1px;}
#logo { float: right;}



#footer {
	display:  block;
	background: url(../images/ShadowMosaic.gif) no-repeat -1416px 0px; 
	padding: 15px 4px 10px;
	width: 700px;
	margin: -4px auto 0;
	font-size: .7em;
	text-align: center;
	color: #666;
} 



#footer img { vertical-align: middle;}

dl {display: block;font-size: .8em;}
dt {color: #732f94; margin: 10px 0;}
.red {color: #660000; font-size: 1.8em; float: left; margin-top: -5px; margin-right: 10px; }