/* CSS Document */

body {
	background:#120000;
	background:url(bg.gif) 0 0 repeat #120000;
	text-align:center;
	margin: 5px 0 30px 0;
	border: 0;	
	padding:0;
}
#content {
	width:764px;
	margin:0 auto;
	border-top:3px solid #000;
	background: url(edge2.gif) 0 0 repeat-y #320000;
	text-align:right;
}

p.pageintro {
	font:italic 14px/1.4em Georgia, serif; 
	letter-spacing:.1ex;
	text-align:left;  
	color:#cd7c00; 
	margin: 0 5em; 
	text-align:left;
}

#pagetitle {
	font-size:24px;
	font: normal 24px/1em 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	line-height:1em;
	display:inline;
	margin:0;
	border:0;
	padding:0;
	margin-left:12px;
	color:#300;
}

#pagesubtitle {
	font-size:17px;
	font-weight:bold;
	text-align:right;
	font-style:italic;
	line-height:1.7em;
	font: italic bold 17px/1.7em 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	color:#300;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	border-top:3px ridge #900;
}

/* persistent nav bar  */

div#navbar {
	font: italic bold 11px Georgia, serif;
	width:754px; 
	height:1.4em;
	padding-top:3px;
	background:#320000; 
	margin:0 auto; 
	border-bottom:5px solid #000;	
}
div#navbar a {
	background: #320000;
	color: #CD7C00;
	padding:0;
	border:0;
	margin:0 9px;
	text-transform: lowercase;
	text-decoration: none;
}
div#navbar a:hover {
	color:#D8AF6F;
}
div#navbar a#current {
	color:#D8AF6F;
}
div#navbar a.last {
	margin-right:25px;
}
div#navbar span {
	display:none;
}

/* header  */

#header {
	background: url(goldleaf.jpg) 0 0 no-repeat;
	border-bottom:6px solid #000;
	margin:0 auto;
	width: 754px;
	height: 46px;
	font: 8px Georgia, "Times New Roman", Times, serif;
	color: #522;
	text-align: right;
}
div#header img {
	width:300px;
	height:46px;
	float:right;
	border:none;
}
div#header a {
	text-decoration:none;
}
div#header span {
	display:none;
}

/*  home page text   */

p.quote {
	font:italic 11px/1.6em Georgia, serif; 
	color:#FFBF44; 
	letter-spacing:.1ex;
	text-align:center;
	margin-top:40px;
	margin-right:68px;
	margin-left:47px;
	padding-left:32px;
}

p.introtext {	
	text-align:left;
	font: 11px/1.7em Verdana, sans-serif;
	color:#CCA365;
	margin-top:23px;
	margin-right:68px;
	margin-left:47px;
	padding-left:32px;
}

p#first {
	margin-top: 24px;
}

span.bold {
	font-weight:bold;
}

span.firstLetter {
	font-size:1.5em;
}

p#featureCap {
	text-align:left;
	font: bold 12px Verdana;
	margin-left:84px;
	margin-bottom:6px;
	margin-top:50px;
	color:#ffaf33;
	line-height: 1.6em;
}

p#featureCap a, p#featureCap a:hover, p#featureCap a:visited {
	color: #F09600;
	font-style: italic;
}

 
/*  home page flash nav    */

#photoBox {
	float: left;
	width: 238px;
	height: 384px;
	margin:26px 44px 20px 82px;
	border:0;
	padding:0;
	display:inline;
	border:1px solid #522;
	background:url(navbg.gif) 0 0 no-repeat #320000;
	text-align:center;
	color:#CCA365;
}
div#photoBox img { 
	margin:30px auto 20px;
}
div#photoBox p {
	width:180px; 
	font:bold 12px/1.5 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif; 
	margin:34px auto;
	text-align:right;
}
div#photoBox a {
	color:#FFBF44;
	text-decoration:none; 
}

/*  home page special features   */

div#features {
	width: 600px;
	height:85px;
	margin:0 auto;
	padding:0;
	text-align:left;
	border:1px solid #522;
	padding:10px 0 6px 0;
	background:#100;
}

/* student work page  */

div p#showlinks {
	font: italic bold 11px Georgia, serif;
	margin:0 0 0 36px;
	text-align:left; 
	color: #CD7C00;
}
div p#showlinks a {
	margin:0 0 0 16px;
	color: #CD7C00;
}

#flash {
	margin:20px 32px 16px;
	background-color:#707070;
	width:700px;
	height:400px;
	border:2px double #773800;
}

#flash a {
	color:#FFCC00;
	font-weight:bold;
	white-space:nowrap;
}
#flash img {
	float:left;
	padding:50px 35px 0 138px;
	border:0;
}
#flash img#adobe {
	padding:10px 0 0 0;
}
#flash p {	
	color:#eee;
	line-height:1.4em;
	clear:none;
	margin-right:100px;
	margin-top:8px;
text-align:left;
}
#nojs p {	
	color:#eee;
	line-height:1.4em;
	clear:none;
	margin:0 200px;
	padding:50px 0;
}
#flash p#first {
	padding-top:45px;
}

#flash p a:link, #flash p a:visited {
	color:#622;
}

/*  footer   */

div#clear {
	clear:both;
}
	
#footer {
	background: url(goldleaf.jpg) 0 0 no-repeat;
	width: 754px;
	height: 15px;
	font:12px Georgia, "Times New Roman", Times, serif;
	color: #542121;
	text-align: center;
	margin:15px auto 0;
	clear:both;
}

#footer1 {
	margin-right:60px;
}

#footer2 {
	margin-left:60px;
}

#footer2 a:link, #footer2 a:visited {
	color:#440022;
	text-decoration:none;
}

#footer2 a:hover {
	color:#906;
}

.nil {
	display:none;
}


/*  artists page  */

div.artist {
	float:left;
	text-align:center;
	width:30%;
	margin:18px 0 0 10px; 
}

div.artist a {
	font: italic bold 11px Georgia, serif;
	text-align:center; 
	color: #CD7C00;
	display:block;
	text-decoration:none;
}

div.artist a img {
	border:0;
	display:block;
	margin:0 auto;
} 

div.artist a span {
	display:block;
	margin-top:10px;
} 

#outertextbox {
	background:#efefef;
	background:#FFF8E4;
	width:92%;
	margin:12px auto;
	padding:0;
	text-align:center;
	border:1px solid #600;
}

#breadcrumbs {
	font:x-small "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	color:#D8AF6F;
	background:#210000;
	width:100%;
	height:1.4em;
	border-bottom:1px solid #600;
	padding-bottom:1px;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #CD7C00;
	color:#D8AF6F;
	text-decoration:none;
}

#breadcrumbs a#currentpage {
	color:#D8AF6F;
}

#breadcrumbs a:hover {
	color:#9999FF;
}

#breadcrumbs span {
	margin:0 15px;
}

#innertextbox {
	background:url(artists/artistsgrad.jpg) top right no-repeat #efefef;
	background-color:#FFF8E4;
	width:94%;
	margin:15px auto;
	padding:0 0 20px 0;
	text-align:left;
 	font:11px/1.3em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	position:relative;
}

#innertextbox img {
	margin:0;
	padding:0;
	border:0;
	display:inline;
	vertical-align:baseline;
}

img#main {
	float:right; 
	margin:14px 5px 20px 30px;
}

p#artist_quote {
	font:italic 11px/1.4em Georgia, serif; 
	color:#995900; 
	letter-spacing:.09ex;
	text-align:center;
 	margin:20px 10px 10px 15px; 
}

#artbody {
  margin:0 auto;
}

#artbody p {
	font: 11px/16px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
}

#artbody a {
	font-style:italic;
	font-weight:bold;
	font-size:x-small;
	color:#996600;
	line-height:1.2em;
	text-decoration:none;
}

#artbody a.left {	
	float:left;
	margin:15px 15px 10px 0;
}

#artbody a.right {	
	float:right;
	margin:15px 0 10px 15px;
}

#artbody a img {
	border:1px solid #990033;
	margin-bottom:3px;
	padding:3px;
	background-color:#900;
} 

#artbody a:hover {
	padding:0;  /* makes the effect work in IE. */
}

p.highlight:first-line {
  font-size:120%; 
  font-weight:bold;
  color:#600;
}


/* tools page */

#outertextbox {
	background:#efefef;
	background:#FFF8E4;
	width:92%;
	margin:12px auto;
	padding:0;
	text-align:center;
	border:1px solid #600;
}

#innertextbox {
	background:url(artists/artistsgrad.jpg) top right no-repeat #efefef;
	background-color:#FFF8E4;
	width:94%;
	margin:15px auto;
	padding:0 0 20px 0;
	text-align:left;
 	font:11px/1.3em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	position:relative;
}

p#tools_intro {
	font:italic 14px/1.2em Georgia, serif; 
	color:#bc6b00; 
	letter-spacing:.1ex;
	text-align:left;
	padding:0 5px 10px 0;
 	margin:6px 60px 0 1em; 
	width:82%;
}

#toolsbody {
	width:100%;
	margin:0;
}

div.tool {
	width:46%; 
	margin:18px 0;
	padding:0 0 2px;
	/*background-color:#FFF8E4;
	background-color:#fff8d4;
	border-bottom:1px solid #cd7c00;
	height:300px;	
	border-bottom:1px solid #efbf99;*/
	float:left;	
	overflow:auto;
	border-top:1px solid #cd7c00;
}

div#wide {
	width:96%;
}

div.tool#border {
	/*border-left: 3px double #cd7c00; */
	margin-right:18px;
	padding-left:4px;
}

div.tool p {
	font: 12px/16px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
	text-indent:0;
	padding:0 8px 0 0;
}

div.tool>p {
margin-top:6px;
}

div.tool p span {
	font: bold 19px Georgia, serif;
	color:#600;
}



div.tool ul {
	font-size:105%;

}
	
div.tool li {
	margin:1em;
	margin-right:6em;
}

div.tool a {
	font-style:italic;
	font-weight:bold;
	font-size:x-small;
	color:#996600;
	line-height:1.2em;
	text-decoration:none;
	background-color:#FFF8E4;
}

div.tool a.left {	
	float:left;
	margin:15px 15px 10px 0;
}

div.tool a.right {	
	float:right;
	margin:15px 0 10px 15px;
}

div.tool a img {
	border:0;
	margin-bottom:5px;
} 

div.tool a:hover {
	padding:0;  /* makes the effect work in IE. */
}

div.tool span a {
	font: normal bold 19px Georgia, serif;
	color:#600;
}

a.backToTop {
	font-size:86%;
	color:#993300;
	text-decoration:none;
	margin-right:10px;
	position:absolute;
	right:0;
}
a.backToTop:hover {
	text-decoration:underline;
}


/* technique page */

#techbody {
  margin:0 auto;
}

#techbody p {
	text-align:left;
	font: 11px/1.5em Verdana, sans-serif;
	color:#aa8143;
	color:#cc6600;
	color:#444;
	text-indent:0;
	margin:10px 10px 5px 10px;
	font: 12px/16px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
}

#techbody p.intro {
	text-indent:3.5em;
	margin:-18px 10px 0 10px;
}

#techbody a {
	font-style:italic;
	font-weight:bold;
	font-size:x-small;
	color:#996600;
	line-height:1.2em;
	text-decoration:none;
	text-align:right;
}

#techbody a.left {	
	float:left;
	margin:15px 10px 10px 0;
}

#techbody a.right {	
	float:right;
	margin:15px 0 10px 0;
}

#techbody a img {
	border:0;
	margin-bottom:5px;
	border:1px solid #cc6600;
} 

#techbody a:hover {
	padding:0;  /* makes the effect work in IE. */
}


table.technique {
	z-index:100;
	position:relative;
	left:14px;
	top:6px;
}

td.technumber {
	background: url(technique/goldsquare.gif) 0 5px no-repeat transparent; 
	width:50px; 
	height:47px; 
	font:bold 30px Georgia, "Times New Roman", Times, serif;
	color:#860000;
}

td.techtitle {
	font:bold 18px Georgia, "Times New Roman", Times, serif;
	color:#320000;
	margin-left:40px;
	vertical-align:top;
	padding-top:2px;
	padding-left:14px;
}

div.step {
	z-index:98;
	margin-top:-18px;
	background-color:#Fefefe;
	width:90%;
	border-top:3px inset #860000;
	border-left:3px inset #860000;
	margin-left:30px;
	margin-bottom:36px;
	padding-bottom:5px;
	padding-top:30px;
	position:relative;
}

/*
div.step p.artbody {
	text-indent:3.5em;
	text-align:left;
	font: 11px/1.5em Verdana, sans-serif;
	color:#aa8143;
	color:#cc6600;
	margin-top:-18px;
	margin-left:12px;
}
*/

/* contact page */

div#contact {
	width: 94%;
	height:450px;
	margin:0 auto;
	background: url(contact/newillumin2b.gif) 12px 0 no-repeat #320000;
	padding:0;
	border:0;
	position:relative;
}

div#contact img {
	float:left;
	margin:70px 0 0 86px;
}

div#contact p {
	margin: 0 58px 0 322px;
	padding:20px 0 0 0;
	color:#ddad44;
}

form {
	position:absolute;
	width:380px;
	padding:0;
	top:120px;
	left:320px;
	margin:0;
	border:0;
}

div.row {
	clear: both; 
	padding-top: 10px;
}

div.row span.forml {
	float: left; 
	width: 94px; 
	text-align: right; 
	margin:4px 0 0;
}

div.row span.formw {
	float: right; 
	width: 264px;	
	text-align: left; 
	padding:0; 
	margin:0;
} 

label, select, input, textarea {
	background-color:#fefeed; 
	font:bold 10px Verdana, Helvetica, sans-serif; 
	color:#567;
}

label {
	background-color:#320000;
	color:#ddad44;
}

form br {
	clear: left;
}

label br {
	clear:none;
}