html { font-family: Candara, Trebuchet MS, Arial, sans-serif; }

.textbox
{
    width: 280px;
	min-height: 180px;
	background: whitesmoke;
	border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
	border: 2px solid #BBB;
	padding: 18px;
	position: relative;
	font-size: 0.9em;
}

/* =============================================================================== */
.clickable>.textbox, .nonclickable>.textbox
{
    display: inline;
    display: table-cell;
    float: left;
    margin: 6px 10px 6px 10px;
    /*margin: 0 0 6px 10px;*/
    background: whitesmoke;
}
div.clickable, div.nonclickable { position:relative; }

div.clickable a
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;     /* Makes sure the link doesn't get underlined */
    z-index:10;               /* raises anchor tag above everything else in div */
    background-color:white;   /* workaround to make clickable in IE */
    opacity: 0;               /* workaround to make clickable in IE */
    filter: alpha(opacity=1); /* workaround to make clickable in IE */
}

div.nonclickable a
{
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none;     /* Makes sure the link doesn't get underlined */
}

/* =============================================================================== */
.textbox p
{
	text-align:center;
	line-height: 1.3em;
	margin-top: 0.7em;
}
.textbox h2
{
	line-height: 1.2em;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
}
.textbox img { display: block; margin-left: auto; margin-right: auto; }

.indent   { margin-left: 40px }
.noindent { margin-left: 0px }
