* {
	padding: 0;
	margin: 0 0 0 0;
}

body {
	color: #808080; 
	font-size: 9pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 150%; padding: 0 0 0 0px;
	}

img.text-wrap {
	border:0;
	margin:15px;
	}

#news { 
padding: 10px;
}

#news { 
background color:#CCC;
width:80%;
}

p { padding-right: 10px; padding-left: 10px; line-height:120%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#8e988d;}
td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
a:link { color: #364e6c; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited { color: #364e6c; font-size: 9pt; text-decoration: none; }
a:hover { color: #324c65; background-color: transparent; text-decoration: underline; }
a:active { background-color: transparent; }

h  { color:#666;}
h5 { color:#666; padding-right: 10px; padding-left: 10px; line-height:120%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:500;}


.calendar { color: #808080; font-size: 15px; line-height:inherit; font-family: Helvetica, sans-serif; line-height: 10px; text-decoration: none; text-align: left; margin-left: 10px; margin-bottom:10px;}
.artist-name { padding-right: 10px; line-height:120%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#8e988d;}
.inventory { color: #8e988d; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; line-height: 150%; text-align: center; }
.title { color: #495870; font-size: 11pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-variant: small-caps; line-height: 14pt; text-align: left; }
.title_large { color: #495870; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-variant: small-caps; line-height: 14pt; text-align: left; margin-top:10px; }
.text_inventory { color: #808080; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; text-decoration: none; text-align: center; }
.text_inventory-black { color: #000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%; text-decoration: none; text-align: center; }
.caption { color: #808080; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: none; text-align: left; }
.caption-center { color: #808080; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: none; text-align: center; }
.black { color: #000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: none; text-align: left; }
.black-optima { color: #000; font-size: 10pt; font-family: Lucida, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: none; text-align: justify; }
.caption_black { color: #000; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 110%; text-decoration: none; text-align: left; }

.capital { color: #364e6c; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12pt; text-decoration: none; text-transform: capitalize; padding-left: 8px; }

.text_notes { color: #808080; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: none; text-align: left; margin: 10px; padding: 10px; border: solid 1px #ccc; }
.text_notes-no-box { color: #808080; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: none; text-align: left; margin: 10px; padding: 10px; border: none 1px #ccc; }
.text_notes-black { color: #000; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: none; text-align: left; margin: 10px; padding: 10px; border: solid 1px #ccc; }

.text { color: #808080; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: none; text-align: left; }
.smallBlack { color: #000000; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10px; text-decoration: none; text-align: left; }


a.c4, a.c4:link, a.c4:visited { background-color: transparent; border:2px; padding:1px; font-size:11px;}

a.c4:hover, a.c4:active, a.c4:focus { background-color: #c7c4c4; border:2px; padding:1px 1px 1px 1px; font-size:11px;}

a.upcoming, a.upcoming:link, a.upcoming:visited { background-color: transparent; border:2px; padding:1px; text-decoration: none;font-size:12px; }

a.upcoming:hover, a.upcoming:active, a.upcoming:focus { background-color: #fff; border:2px; padding:1px 1px 1px 1px; text-decoration: none; font-size:12px;}

a.give, a.give:link, a.give:visited { background-color: #eff3a0; border:2px; padding:1px; text-decoration: none;font-size:12px; font-color:#000 }

a.give:hover, a.give:active, a.give:focus { background-color: #c8dea0; border:2px; padding:1px 1px 1px 1px; text-decoration: none; font-size:12px;}

a.highlight, a.highlight:link, a.highlight:visited { background-color: transparent; border:2px; padding:1px; text-decoration: none;font-size:11px; }

a.highlight:hover, a.highlight:active, a.highlight:focus { background-color: #ffff99; border:2px; padding:1px 1px 1px 1px; text-decoration: none; font-size:11px;}

a.highlight2, a.highlight2:link, a.highlight2:visited { background-color: transparent; border:2px; padding:1px; text-decoration: none;font-size:12px; }

a.highlight2:hover, a.highlight2:active, a.highlight2:focus { background-color: #ffff99; border:2px; padding:1px 1px 1px 1px; text-decoration: none; font-size:12px;}

a.highlight_small, a.highlight_small:link, a.highlight_small:visited { background-color: transparent; border:2px; padding:1px; font-size:9px; }

a.highlight_small:hover, a.highlight_small:active, a.highlight_small:focus { background-color: #c7c4c4; border:2px; padding:1px 1px 1px 1px; font-size:9px;}


a.offsite:hover, a.offsite:active, a.offsite:focus { 
font-size:90%;
background-color: #ffffcc; 
border:2px; 
padding:1px 1px 1px 1px; 
}

td a.offsite, a.offsite:link, a.offsite:visited { 
font-size:80%;
background-color: transparent;
border:2px; 
padding:1px;
}

td a.offsite:hover, a.offsite:active, a.offsite:focus { 
font-size:80%;
background-color: #efd0d0; 
border:2px; 
padding:1px 1px 1px 1px; 
}

.linehover{	float: none;
	width: 200px;
	border: 1px solid #ffffff;
	background-color: transparent;
}

.linehover a:hover img { 
border: 1px solid #3046b3;
background-color: transparent;}

.text_header {
	color: #69c;
	font-size: 16px;
	font-variant: small-caps;
	text-decoration: none;
	text-align: center;
	padding: 5px;
}

.text_header2 {
	color: #69c;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	padding: 5px;
}

.text_header3 { padding-right: 10px; padding-left: 10px; line-height:120%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #69c;}

.text_sub { color: #69c; font-size: 14px; text-decoration: none; text-align: center; padding: 5px; }

#upcoming-portfolio { 
border:none #03F 1px;
background-color: transparent; 
padding: 10px;
margin-left:auto;
margin-right:auto;
width: 350px;
}

#bluebg { 
border:none #03F 1px;
background-color: #d8e1e8; 
padding: 10px;
margin-left:auto;
margin-right:auto;
width: 650px;
}

#main { 
border: none #03F 1px;
padding: 0px;
padding-top: 20px;
margin-left:30px;
margin-right:30px;
background-color: #f9f9f4; 
}

#main img.padding { 
padding:5px;
}

#main img:hover, #main img.a:active, #main img.a:focus {
background-color: #dbe2f4;   
	}

div#whitebg { 
border:none #03F 1px;
background-color: transparent; 
margin-left:auto;
margin-right:auto;
width: 100%;
padding:0px;
padding-bottom:50px;
}

div#whitebg #whitebox { 
border:solid #999 1px;
background-color: #fff; 
margin-left:auto;
margin-right:auto;
width: 90%;
padding:20px,20px,20px,20px;
}

div#whitebg #whitebox ul {
width:500x;
  height:100px;
  border-width:0px;
  list-style-type:circle;
  list-style-position:inside;
padding-left:0pt.
}
div#whitebg #whitebox li {
    border-style:none;
    border-width:1px;  
margin-left:auto;
margin-right:auto;
width: 90%;
padding:20px,20px,20px,20px;
}

div#whitebg-lucida { 
border:none #03F 1px;
background-color: transparent;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
margin-left:auto;
margin-right:auto;
width: 100%;
padding:0px;
padding-bottom:50px;
}

div#whitebg-lucida p. { 
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

div#whitebg-lucida #whitebox-lucida { 
border:solid #999 1px;
background-color: #fff; 
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
margin-left:auto;
margin-right:auto;
width: 90%;
padding:20px,20px,20px,20px;
}

div#whitebg-lucida #whitebox-lucida ul {
width:500x;
  height:100px;
  border-width:0px;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  list-style-type:circle;
  list-style-position:inside;
padding-left:0pt.
}
div#whitebg-lucida #whitebox-lucida li {
    border-style:none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    border-width:1px;  
margin-left:auto;
margin-right:auto;
width: 90%;
padding:20px,20px,20px,20px;
}

#main-trans { 
border: none #03F 1px;
padding: 0px;
padding-top: 20px;
margin-left:30px;
margin-right:30px;
background-color: transparent; 
}

div#transbg { 
border:none #03F 1px;
background-color: transparent; 
margin-left:auto;
margin-right:auto;
width: 100%;
padding:0px;
padding-bottom:50px;
}

div#transbg #transbox { 
border:none #999 1px;
background-color: transparent; 
margin-left:auto;
margin-right:auto;
width: 90%;
padding:20px,20px,20px,20px;
}

div#whitebox h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-top: 10px;
color: #999;
font-size:18px;
}

div#whitebox h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-top: 10px;
color: #999;
font-size:15px;
}

div#transbox h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color: #999;
font-size:18px;
}

div#transbox h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-top: 10px;
color: #999;
font-size:15px;
}

div#whitebox h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-top: 10px;
color: #999;
font-size:15px;
}

/*form animation styles*/
#description #expand-table p.learn-more {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	color: #000;
	margin-bottom:0;
}
#description #expand-table p.learn-more:hover {
	cursor: pointer;
}
div#expand-table {
	height: 30px;
	overflow: hidden;
	padding: 0px;
	background-color: #d8e1e8;
	-webkit-transition-property: height, background-color;
   -webkit-transition-duration: .7s; 
	-webkit-transition-timing-function: ease-in;
   -webkit-transition-delay:.5s;
}
div#expand-table:hover {
	height: 100%;
	overflow: hidden;
	background-color: #d8e1e8;
   -webkit-transition-property: height, background-color; 
   -webkit-transition-duration: .7s; 
   -webkit-transition-timing-function: ease-in;
   -webkit-transition-delay:.5s;
}


.current { color: #495870; font-size: 13pt; font-family: Helvetica, sans-serif; line-height: 10px; text-decoration: none; text-align: left; margin-left: 10%; margin-bottom:10px;}

.inventory_left {
	color: #999;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	line-height: 150%;
	text-align: left;
}

.title { color: #69c; margin-left: 15px;font-variant: small-caps;}


.floatLeft { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}

.floatRight { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-right: 8px;
}


#topMenu {
	float:left;
	position: relative;
	top: 0px;
	margin-left: 14px;
	width: 650px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	border-top: 1px solid #fff;
	margin-bottom:10px;
	}

#topMenu ul li {
	*display:inline;
    list-style:none;
	margin-left: 9px;
    margin-bottom: 1px;
	margin-top:1px;	
	padding-bottom:3px;
	padding-top:3px;
	}

#topMenu span {
    list-style:none;
	font-size:12px;
	margin-left: 13px;
	zoom:1; 
	*display: inline;
	_height: 30px;
	}	
	
#topMenu a, #topMenu a:link, #topMenu a:visited { 
    list-style:none;
    margin: 0px 0px 2px 0px;
    font-size:80%;
    font-weight: normal;
    text-decoration: none;
    color: #999;
	list-style-position:inside;
    background-image: none;
}
#topMenu a:hover, #topMenu a:active, #topMenu a:focus {
    display:inline;
    margin: 0px 0px 2px 0px;
    font-size: 80%;
    font-weight: normal;
	background-color: #dbe2f4;
    text-decoration: none;
    color: #333;
    background-image: none;
	zoom:1; 
	*display: inline;
	_height: 30px;
	}

#topMenu span .red {
    list-style:none;
	font-size:12px;
	margin-left: 13px;
	zoom:1; 
	*display: inline;
	_height: 30px;
	}	
	
#topMenu a.red, #topMenu a.red:link, #topMenu a.red:visited { 
    list-style:none;
    margin: 2px 0px 2px 0px;
    font-size:100%;
    font-weight: normal;
    text-decoration: none;
    color: #B92414;
	background-color: #ffff69;
	list-style-position:inside;
    background-image: none;
}
#topMenu a.red:hover, #topMenu a.red:active, #topMenu a.red:focus {
    display:inline;
    margin: 0px 0px 2px 0px;
    font-size: 100%;
    font-weight: normal;
	background-color: #f4dd68;
    text-decoration: none;
    color: #B92414;
    background-image: none;
	zoom:1; 
	*display: inline;
	_height: 30px;
	}


#catalog {
	float: right;
	position: relative;
	top: 0px;
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	border-top: 1px solid #fff;
	margin-bottom:10px;
	}

	
#catalog p { color: #808080; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; text-decoration: none; text-align: center; padding: 10px; border: solid 1px #ccc; }
#catalog a:link { color: #364e6c; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#catalog a:visited { color: #364e6c; font-size: 9pt; text-decoration: none; }
#catalog a:hover { color: #324c65; background-color: transparent; text-decoration: underline; }
#catalog a:active { background-color: transparent; }

a:link { color: #364e6c; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited { color: #364e6c; font-size: 9pt; text-decoration: none; }
a:hover { color: #324c65; background-color: transparent; text-decoration: underline; }
a:active { background-color: transparent; }

#description {
	position: relative;
	top: -10px;
	margin-left:auto;
	margin-right:auto;
	left: 0px;
	width: 650px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	border-top: 1px solid #fff;
	margin-bottom:10px;
	}


#offsite {
	position: relative;
	top: -10px;
	left: 0px;
	width: 650px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	border-top: 1px solid #fff;
	margin-bottom:10px;
	}

#offsite ul {
	list-style: none;
	text-decoration: none;
}
#offsite ul li {
	display:inline;
    list-style:none;
	margin-left: 14px;
    margin-bottom: 1px;
	padding-bottom:1px;
	width: 650px;
	}

#offsite a, #offsite a:link, #offsite a:visited { 
    margin: 0px 0px 2px 0px;
    font-size:80%;
    font-weight: normal;
    text-decoration: none;
    color: #999;
	background-color: #dbe2f4;
	padding-left: 10px;
	}

#offsite a:hover, #offsite a:active, #offsite a:focus {
    display:inline;
    margin: 0px 0px 2px 0px;
    font-size: 80%;
    font-weight: normal;
    text-decoration:none;
    color: #333;
    background-image:url(.._images/news/whitearrow.png);
	padding-left: 10px;
	}
	

#linkList {
	position: absolute;
	top: 132px;
	left: 2px;
	width: 144px;
	visibility: visible;
}

/* This is the Tan hack \*/
* html linkList {
	width: 145px; 
	w\idth: 140px; }

/* Another CSS comment after the hack */

#linkList h3 span {
    display: none;
}
#linkList h3 {
    margin-top: 5px;
    width: 124px;
    height: 20px;
}
#linkList ul {
    list-style: none;
	text-decoration: none;
}
#linkList ul li {
	display:block;
    list-style: none;
	margin-left: 10px;
    margin-bottom: 1px;
	padding-bottom: 1px;
	width: 120px;
}
#linkList ul li.sub {
    display:block;
    list-style: none;
	margin-left: 20px;
    margin-bottom: 1px;
	padding-bottom: 1px;
	width: 120px;
	list-style-type:circle;
}

#linkList a, #linkList a:link, #linkList a:visited {
    padding: 0px;
    font-size: 70%;
	text-decoration: none;
    color: #324c65;
	font-weight:bold;
	line-height:15px;
}
#linkList a:hover, #linkList a:active, #linkList a:focus {
    padding: 0px;
    font-size: 70%;
    color: #1C70AC;
	font-weight:bold;
}
#linkList a.c, #linkList a.c:link, #linkList a.c:visited { 
    display:list-item;
    margin: 0px 0px 2px 0px;
    font-size:70%;
    font-weight: normal;
    text-decoration: none;
    color: #324c65;
	list-style: square;
	list-style-position:inside;
    background-image: none;
}
#linkList a.c:hover, #linkList a.c:active, #linkList a.c:focus {
    display:list-item;
	list-style: square;
	list-style-position:inside;
    margin: 0px 0px 2px 0px;
    font-size: 70%;
    font-weight: normal;
    text-decoration: underline;
    color: #1C70AC;
    background-image: none;
}

#linkList a.b:hover, #linkList a.b:active, #linkList a.b:focus {
    padding: 0px;
    font-size: 70%;
    color: #0F9618;
	font-weight:bold;
	background-color:#FCFAF3;
}

#linkListRight {
	position: absolute;
	top: 140px;
	left: 535px;
	width: 210px;
	line-height: .8em;
}

/* This is the Tan hack \*/
* html linkListRight {
	width: 185px; 
	w\idth: 185px; }

/* Another CSS comment after the hack */

#linkListRight h3 span {
    display: none;
}
#linkListRight h3 {
	display:block;
    margin-top: 3px;
    margin-bottom:0px;
	width: 135px;
    height: 32px;
	background: transparent url(../images/h3_relatedlinks.gif) left center no-repeat;
}
#linkListRight ul {
    list-style: none;
	text-decoration: none;
	padding-top: 0px;
}
#linkListRight ul li {
	display:block;
	list-style: none;
	margin-bottom: 0px;
	padding-bottom:0px;
	margin-left: 0px;
	color: #525B62;
	font-size: 11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#linkListRight a, #linkListRight a:link, #linkListRight a:visited {	
	display:list-item;
    list-style: square;
	list-style-position: inside;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
	color: #1C70AC;
    background-image: none;
	line-height:15px;
}

#linkListRight a:hover, #linkListRight a:active, #linkListRight a:focus {
    font-weight: normal;
    text-decoration: underline;
	color: #0F9618;
    background-image: none;
}

#artist table {
	padding: 2px 2px 2px 2px;	
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: transparent;
	border: 1px solid #1C70AC;
	}
#artist tr, #artist th {
	padding: 4px 4px 4px 4px;	
	color:#0066FF;
	background-color:#FCFAF3;
	width: 165px;
	font-size: 90%;
	font-type: bold;
	text-align:left;
	line-height:13px;
	}padding
	
#artist td {
	padding: 4px 4px 4px 4px;	
	color:#0066FF;
	width: 165px;
	font-size: 90%;
	font-type: bold;
	text-align:left;
	line-height:13px;
	}	
	
	#content {
		float:right;
	}

/* This is the Tan hack \*/
* html portfolio {
	width: 510px; 
	w\idth: 500px; }

/* Another CSS comment after the hack */
	
#portfolio ul li{
    list-style: none;
	text-decoration: none;
	margin-bottom:1px;
	}
#portfolio li{
	display:block;
	list-style:none;
	margin-bottom:1px;
	}
		
#portfolio p {
	font-size:x-small;
	line-height: 17px;
	color:#000000;
}	

#portfolio span {
	display: none;
	}
#portfolio h4 {
	font-size:100%;
	font-style: bold;
	line-height:14px;
	color:#333399;
	padding-bottom:5px;
}

#portfolio table {
	padding: 4px 4px 4px 4px;	
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: transparent;
	border: 1px solid #1C70AC;
	}
	
#portfolio td {
	padding: 4px 4px 4px 4px;	
	color:#333;
	background-color:#FCFAF3;
	width: 165px;
	font-size: 90%;
	font-weight: bold;
	text-align:left;
	vertical-align:text-top;
	line-height:16px;
	}
#portfolio tr, #portfolio th {
	padding: 4px 4px 4px 4px;	
	color:#0066FF;
	background-color:#FCFAF3;
	font-size: 90%;
	font-weight: bold;
	text-align:left;
	line-height:16px;
	}
	
#portfolio tr.col, #portfolio th.col {
	padding: 4px 4px 4px 4px;	
	color:#333;
	background-color:#FCFAF3;
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align:left;
	vertical-align:text-top;
	line-height:16px;
	background-repeat:repeat-y;
	}		
	
#portfolio td a:hover, #portfolio a:active, #portfolio a:focus {
	padding-bottom: 15px;
    font-size: 90%;
    color: #0F9618;
	font-weight:bold;
	text-decoration:underline;
	padding-left: 15px;
}
#portfolio td a, #portfolio a:link, #portfolio a:visited { 
	display:list-item;
	list-style: disc;
	list-style-position:inside;
    margin: 0px 0px 0px 0px;
    font-size:90%;
    font-weight: bold;
    text-decoration: none;
    color: #1C70AC;
	line-height:12px;
	padding-left: 15px;
	padding-bottom: 15px;
}
.red {
	color: #B92414;
}

.yellowbg {
	background-color: #FCFAF3;
}
.darkred {
	color: #903;
}
.blue {
	color: #0f49b3;
}
.hidden {
	display: none;
}