/* 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 left top; color: #333; }

/* Header */
#banner  { height: 150px; background: #fff url(images/Header.jpg) no-repeat; }
h1 { margin: 0 0 0 10px; padding: 0; color: #fff; }
h1 a { display: block; text-indent: -1000em; /*\*/overflow: hidden; /**/ width: 100%; font-size: 10px; color: #732f94; }

/* Main Layout */

#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-top: 0;
}

#content.columns {
	background: #fff url(images/ShadowMosaic.gif) repeat-y -2124px 2px;
}

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}

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

#footer img { vertical-align: middle; outline: none; -moz-outline: none;}

#main { float: left; width: 500px; padding: 0 0 15px; }

#sidebar {float: right; width: 199px; }
	
/* Tabs */

#tabs { display: block; background: #e6e6e6 url(images/TabMosaic.gif) repeat-x 0 100%; }

#tabs ul
{
	display: inline;
	padding: 0;
	margin: 0;
	font-size: .8em;
	line-height: 1em;
	text-align: left;
}

#tabs ul li { display: block; margin: 2px 0 0 -1px; padding: 0; float: left;}

#tabs ul li#home { margin-left: 4px; }
#tabs ul li a { display: block; padding: 7px 10px 8px 31px; float: left; color: #5b5b5b; text-decoration: none; }

#tabs ul li span { display: block; float: left; background-image: url(images/icons.gif); background-repeat: no-repeat; }

/* Inactive Tabs */

#tabs ul li#home span { background-position: -1193px 50% }
#tabs ul li#secretarial span { background-position: -1393px 50% }
#tabs ul li#editorial span { background-position: -1593px 50% }
#tabs ul li#web span { background-position: -1793px 50% }
#tabs ul li#audio span { background-position: -1993px 50% }
#tabs ul li#portfolio span { background-position: -2193px 50% }


/* Active Tabs */

#tabs ul li.active#home span { background-position: 7px 50% }
#tabs ul li.active#secretarial span { background-position: -193px 50% }
#tabs ul li.active#editorial span { background-position: -393px 50% }
#tabs ul li.active#web span { background-position: -593px 50% }
#tabs ul li.active#audio span { background-position: -793px 50% }
#tabs ul li.active#portfolio span { background-position: -993px 50% }

#tabs li a { background: url(images/TabMosaic.gif) no-repeat 100% -120px; }
#tabs li.active { background: url(images/TabMosaic.gif) no-repeat 0px 0px #fff; }
#tabs li.active a { background: url(images/TabMosaic.gif) no-repeat 100% -60px; }
	
/* 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; }

h2 { font-size: .9em; margin: 20px 20px 10px; color: #732f94; }
h3 { margin: 15px 15px 7px; font-size: .8em; color: #666; text-align: center; }
h3.subhead { text-align: left; margin-left: 20px;}

p.center { text-align: center;}
p.p-left, ul.left, h3.left { text-align: left;}

#sidebar p, #sidebar ul { margin: 7px 15px 10px; padding: 0; font: normal .8em/1.2em Arial, Verdana, Helvetica, sans-serif; }

#sidebar ul { padding-left: 15px; text-align: left;}
#sidebar li.current a { color: #660000; }

.date { color: #7d7d7d; font-weight: normal; float: right; }

img.right { float: right; margin: 0 0 3px 10px; }
img.left { float: left; margin: 0 3px 3px 0; }
a img { border-width: 0;}
img { border: none; }

.byline {text-align: center; color: #660000; font: bold .8em Verdana, Geneva, Helvetica, sans-serif; padding-top: 20px; }
#vcf {margin: -30px 0 0 15px; padding: 0; width: 50px; height: 36px;}
img.pdf { width: 19px; height: 22px; float: left; margin: 0 3px 3px 0; }

.thumbnail 
{
float: left; 
width: 75px;
height: 75px;
border: 1px solid #ddd; 
margin: 0 15px 15px 15px; 
padding: 0;
text-align: center;
overflow: hidden;
}

/*Header Scroller */
#p7s1content1 { position: absolute; left: 0; top :0; width: 700px; z-index: 99; margin: 0 auto; visibility: visible; padding: 0; }
#p7s1content1 p {color: #a477b9; font-size: 10px; padding: 0 0 0 10px; margin: 0;}
#scroller { position: relative; width: 600px; margin: 0 auto; padding: 110px 0 0 0; }
#p7sc1BG { position: absolute; top: 0; left: 0; width:600px; height:1em; z-index:99;}
#p7scroller1 { position: relative; width:598px; height:14px; z-index:100; left: 0; top: 0; overflow: hidden; clip: rect(0px, 598px, 14px, 0px); visibility: visible;}	

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

td { white-space: nowrap; }