/* main CSS file for the FEAST website */

html
{
	direction: ltr;
	margin: 0;
	padding: 0;
	border: 0;
}

.error, .warning, .message
{
	padding-left: 1%;
	padding-right: 1%;
	margin-left: 250px;
	margin-right: 30%;
	border: medium solid;
}
.error { border-color: #FF3300; }
.warning { border-color: #FF6600; }
.message { border-color: #293181; }

div.error h3, div.warning h3
{
	text-decoration: underline;
}

em { font-style: italic; }
strong { font-weight: bold; }
*[onclick]:hover { text-decoration: underline; cursor: pointer; }
strong[onclick]:hover { text-decoration: underline; cursor: pointer; }
strong span[onclick]:hover { text-decoration: underline; cursor: pointer; }

/* nice commonly used markup */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.floatright { float: right; margin-top: 0; }
.floatrightclear { float: right; clear: both; margin-top: 0; }
.floatleft { float: left; margin-top: 0; }
.floatrightright { float: right; text-align: right; margin-top: 0; }
.clearright { clear: right; }
.clearleft { clear: left; }
.clear { clear: both; }
.larger { font-size: larger; }
.smaller { font-size: smaller; }
.bold { font-weight: bold; }
.bold strong { font-weight: normal; }
.nonbold { font-weight: normal; }
.light { color: gray; }
.italic { font-style: italic; }
.italic .italic { font-style: normal; }
.italic .italic .italic { font-style: italic; }
.italic .italic .italic .italic { font-style: normal; }
.italic em { font-style: normal; }
.bolditalic, .italicbold { font-weight: bold; font-style: italic; }
.underline { text-decoration: underline; }
.compact { margin: 0; padding: 0; border: 0; }
.compact h3, .compact ul, .compact li { margin-top: 0 !important; margin-bottom: 0 !important; }
.monospace { font-family: monospace; }
.uppercase { text-transform: uppercase; }
.capitalise { text-transform: capitalize; }
.smallcaps { font-variant: small-caps; }
.serif { font-family: serif; }
.sans, .sansserif { font-family: sans-serif; }
.help { cursor: help; }
.block { display: block; }
.black { color: black; }
.gray { color: gray; }
.silver { color: silver; }
.shaded { background-color: rgb(158,204,169); }
.border { border: 1px solid #CCCCCC; padding: 1em; }
.compactborder4float { float: right; margin-top: 0; width: 25%; border: 1px solid silver; padding: 0.1em 1%; }
.compactborder4float h2 { margin: 0; }
.compactborder4float p { margin: 0; }
.compactborder4float ul { margin: 0; }
.on { font-style: italic; }
.highlight { font-weight: bold; color: rgb(204,7,30); }
.nopagebreak { page-break-inside: avoid; }
.pagebreak { page-break-before: always; }

.private { background-color: #4D4D4D; color: #FFFFFF; }
.private a:visited { color: #D95A29; }
div.private, p.private { margin-left: 0.5em; margin-right: 0.5em; padding: 0.5em; margin-bottom: 0.5em; }
.private table { color: #666666; }
.private caption { color: #FFFFFF; }
.old, tr.old td { text-decoration: line-through; }

.fullwidth { width: 99%; margin-left: 0.5%; }
.halfwidth { width: 49%; margin-left: 1%; }

.hover:hover { background-color: silver; }

.light a:link, .light a:visited
{
	color: gray;
}

a.text:link, a.text:visited
{
	border: none;
	text-decoration: none;
}

a.url:link, a.url:visited, strong.url
{
	text-decoration: none;
	font-style: italic;
}

#Content a[rel="external"]
{
}
#Content a[rel="external"]:before, #Content a[rel="external"]:after
{
/*	content: " ";*/
}

img { border: none; }

img.smallflag { border: 1px outset silver; }

table { clear: right; }
table.noclear { clear: none; }
table.center
{
	width: 50%;
	margin-left: 20%;
	text-align: left;
}
table.noborders,  table.noborders th, table.noborders td { border: none; }

table.borders tbody tr, table.borderss tbody tr, table.bordersss tbody tr
{
	border: 1px solid #CCCCCC;
}

thead tr, table.borders thead tr, table.borderss thead tr
{
	border-bottom: 2px solid #CCCCCC;
}

table.borders thead th
{
	border-bottom: 2px solid #CCCCCC;
}

tfoot tr, table.borders tfoot tr, table.borderss tfoot tr
{
	border-top: 2px solid #CCCCCC;
}

table.borders tfoot th
{
	border-top: 2px solid #CCCCCC;
}

table.borders tbody td
{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.borderss tbody tr, table.borderss tbody th, table.borderss tbody td
{
	border: 1px solid #CCCCCC;
}

tr.borderss, tr.borderss td, th.borderss, td.borderss
{
	border: 1px solid #CCCCCC;
}

table.photos
{
	border-collapse: separate;
	width: 100%;
}

table.center caption
{
	text-align: center;
}

table ul, table ol
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2em;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}
table li
{
	margin: 0;
	padding: 0;
}
table tbody th .normal
{
	font-weight: normal;
	color: #666666;
}

dl.center
{
	width: 50%;
	margin-left: 20%;
	text-align: left;
}

ol.alpha { list-style-type: lower-alpha; }
ol.Alpha { list-style-type: upper-alpha; }

ol.roman
{
	list-style-type: lower-roman;
}

q { font-style: italic; }
q:before { content: "“"; }
q:after { content: "”"; }

table.allborders th, table.allborders td
{
	border: 1px solid #CCCCCC;
}

table.fullwidth { width: 99%; }

table.twocolumn
{
	width: 99%;
	border-collapse: separate;
}

table.twocolumn tr
{
	vertical-align: top;
}

table.twocolumn td
{
	margin: 1%;
	padding: 1%;
	vertical-align: top;
	border: 1px solid #CCCCCC;
}

table.twocolumn table
{
	width: 98%;
	border-collapse: collapse;
}
table.twocolumn table td
{
	width: auto;
	margin: 0;
	border: none;
}

table.threecolumn
{
	width: 99%;
	border-collapse: separate;
}

table.threecolumn tr
{
	vertical-align: top;
}

table.threecolumn td
{
	margin: 1%;
	padding: 1%;
	vertical-align: top;
	border: 1px solid #CCCCCC;
}

div#map
{
	width: 500px;
	height: 300px;
}

a[onclick], span[onclick] { cursor: pointer; }
div.invisible, li.invisible, table.invisible, span.invisible, dl.invisible, dd.invisible
{
	display: none;
}
div.visible, li.visible
{
	display: block;
	border: 1px solid #CCCCCC;
	padding: 1%;
	margin-left: 1%;
	margin-right: 5%;
}
span.visible { display: inline; }
tr.invisible .item_contents
{
	display: none;
}

.normal {
    text-decoration: none;
    text-transform: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    
}

@media print
{
	.noprint { display: none; }
	#Content a[rel="external"]:before, #Content a[rel="external"]:after { content: ""; }
}