body{
	color: #000000;
	background: #FFFFFF none;
}

h1{
    margin-top : 0.3em ;
	color: #FFFFFF;
	background: #0080FF none;
	padding: 0.05em;
	margin-bottom: 0em;
	border: 1pt #0080FF solid;
	text-align: center;
	font-family: 'trebuchet ms', 'century gothic', arial, helvetica, sans-serif;
	page-break-after : avoid ;
}

h2{
	color: #00A040;
	background: transparent none;
	font-family: 'trebuchet ms', 'century gothic', arial, helvetica, sans-serif;
	font-size: 150%;
	margin: 0.8em 0 0.5 0;
	page-break-after : avoid ;
}

p{
	text-align: justify;
}

p.breadcrumbs{
	margin-top: 0em;
	margin-bottom: 1em;
	padding: 0.1ex 0.5ex;
	color: #0080FF;
	background: transparent none;
	font-family: 'trebuchet ms', 'century gothic', arial, helvetica, sans-serif;
	font-size: 85%;
	border: 1pt #0080FF solid;
}

p.center{
	text-align: center;
}

p.defn{
	text-align: center;
	font-family: 'courier new', courier, monospace;
	font-size: 90%;
}

p.defn span{
	color: inherit;
	background: #FFFFE0 none;
	padding: 0.15em 0.5em;
}

p.image{
	text-align: center;
}

p, ul, dl{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul {
	list-style-image: url("bullet.gif");
}

div.questions{
	margin-left: 2em;
	}

div.questions h2{
	margin-left: -1.3em;
	}
p.box{
	font-family: arial, sans-serif;
	color: #000000;
	background: #FFFFE0 none;
	margin: 1em 4em;
	padding: 1ex;
	border: 2px solid #663300;
}

p.footer{
	color: #0080FF;
	background: transparent none;
	font-family: 'trebuchet ms', 'century gothic', arial, helvetica, sans-serif;
	font-size: 85%;
	text-align: right;
	margin-top: 0em;
	margin-bottom: 0em;
}

p.footer a, p.breadcrumbs a{
	color: #0080FF;
	background: transparent none;
}

table.default{
	border: 2px solid #663300;
	background: #FFFFE0;
	margin: 1em auto ;
}

table.default td, table.default th {
	border: 1px solid #663300;
	color: #000000;
	background: #FFFFE0 none;
	padding : 0.5em ;
}

hr{
	display: block;
	color: #0080FF;
	background-color: #0080FF;
	height: 2px;
	border: 0px solid #0080FF;
	margin-top: 1em;
}

hr.middle{
	margin-top: 0em;
	margin-bottom: 0em;
}

hr.footnoterule{
	margin-top: 1em;
	margin-bottom: 0em;
	margin-left: 0;
	width: 20%;
	color: #000000;
	background-color: #000000;
	border: 0px solid #000000;
	text-align: left; /* Needed for IE */
	height: 1px;
}

div.rightfloat{
	float: right;
	margin: 0em 0em 0.5em 1em;
}

.photo {
	border : 1px solid #000000 ;
}

.hide{
	display: none;
}

.author{
	font-variant : small-caps;
	letter-spacing : 0.12ex ;
}

.title{
	font-style: italic;
}

@media (max-width : 35em) {

    h1 {
	font-size : 120% ;
    }

    p,h2,h3,ol,ul {
	margin : 0.5em 0em 0.5em 0em ;
    }

    li {
	margin-top : 0.25em ;
    }

    p.box {
	margin : 0.5em ;
    }

    div.questions{
	margin-left: 0em;
    }

    div.questions h2{
	margin-left: 0em;
    }

    div.table-container {
	overflow : auto ;
	overflow-y : hidden ;
    }

    table.default td, table.default th {
	padding : 0.25em 
    }

}

ul.connecting-wall {
    width : 40em ;
    max-width : 100% ;
    margin : 1em auto ;
    padding : 0em ;
    font-family : verdana, sans-serif ;
}

ul.connecting-wall li {
    list-style-type : none ;
    display : inline-block ;
    width : 24.9% ;
    border : none ;
    padding : 0em ;
    margin : 0em ;
    height : 4em ;
    vertical-align : top ;
}

ul.connecting-wall li div {
    border : 0.1em solid #000080 ;
    background-color : #C0E0FF ;
    margin : 0.1em ;
    padding : 0.2em ;
    text-align : center ;
    height : 3.2em ;
    border-radius : 0.5em ;
}

ul.connecting-wall li div span {
    display : block ;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}