body {
	width:750px;
	font: 0.8em Tahoma, Arial, sans-serif;
	line-height: 1.6em;
	margin:0 auto;
	margin-top:30px;
	background-color: #3C3C3C;
	background-repeat: repeat-x; }
 
 
/* ----- dropshadow -----*/
#shadowed-border {
	padding:20px;
	width:80%;
	margin:20px auto; }
 
	#shadowed-border .sb-inner {
		background:#fff; }
 
	#shadowed-border .sb-border {
		background:#fff; }
 
 
/* ----- FOOTER ----- */
#bottom_box {
	clear: both;
	width:740px;
	background-color: #91A6AB;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 10px; }
 
 
#footer {
	clear: both;
	text-align: center;
	line-height: 1.8em;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ddd; }
 
 
#thirdsc {
	float: left;
	width: 210px;
	background: #fff;
	margin: 10px 12px 10px 5px;
	text-align: center; }
 
 
/* bottom thirds */
#thirdsl {
	float: left;
	width: 210px;
	background: #fff;
	margin: 10px 12px 10px 15px;
	text-align: center; }
 
 
#column1 {
	float: left;
	width: 45%;
	background: #fff;
	margin: 10px 5px 10px 15px; }
 
 
#column2 {
	float: right;
	width: 45%;
	background: #fff;
	margin: 10px 12px 10px 5px; }
 
 
#image-group {
	align: left;
	height: 220px; }
 
 
/* ---- buttons---- */
.clear {
	/* generic container (i.e. div) for floating buttons */ overflow: hidden;
	width: 100%; }
 
 
#rightbox {
	float: right;
	width: 200px;
	height: 300px: background: #F0F0F0;
	font-color: #fff;
	margin: 10px 10px 10px 10px; }
 
 
#thirdsr {
	float: left;
	width: 210px;
	background: #fff;
	margin: 10px 12px 10px 0;
	text-align: center; }
 
 
h5 {
	font: 2em, Cursive;
	margin: 0;
	a-color: #7C4144;
	a-hovver: #000;
	padding: 0;
	color: #7C4144;
	text-align: center; }

h9 {
	font: 2em, Cursive;
	margin: 0;
	a-color: #7C4144;
	a-hovver: #000;
	padding: 0;
	color: #7C4144;
	text-align: center; }
 
 
/* ----- NAVIGATION ----- */
#navigation {
	width:750px;
	height:20px;
	background-color:#fff;
	margin-top:10px; }
 
 
h4 {
	font: 2em, Cursive;
	margin: 0;
	padding: 0;
	color: #7C4144;
	text-align: right; }
 
 
h6 {
	font: 14px, Arial;
	margin: 0;
	padding: 0;
	color: #507D7F; }
 
 
/* ----- HEADER ----- */
#header {
	width:750px;
	height:120px;
	background: #000 url(images/titlebar.png) no-repeat top left;
	border-radius: 1.6em; }
 
 
.title {
	color: #808080;
	background: #fff; }
 
 
h7 {
	font: 2em, Arial;
	margin: 0;
	a-color: #7C4144;
	a-hovver: #000;
	padding: 0;
	color: #000;
	text-align: center; }
 
 
.container {
	padding: 20px;
	margin: 0 0 0 0;
	background: #fff; }
 
 
#minitabs {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #7C4144; }
 
	#minitabs li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none; }
 
	#minitabs a:link, #minitabs a:visited {
		float: left;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		margin: 0 10px 4px 10px;
		padding-bottom: 2px;
		text-decoration: none;
		color: #7C4144; }
 
	#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
		border-bottom: 4px solid #7C4144;
		padding-bottom: 2px;
		background: #fff;
		color: #7C4144; }
 
 
/* ----- MAIN CONTENT ----- */
#content {
	width:730px;
	min-height: 650px;
	/* for modern browsers */ height:auto !important;
	/* for modern browsers */ height: 1000px;
	/* for IE5.x and IE6 */background-color:#ffffff;
	margin-top:10px;
	padding: 10px 10px 10px 20px;
	background-color: #3C3C3C;
	background-repeat: repeat-x; }

#bigcontent {
	float: left;
	width: 620px;
	background: #fff;
	margin: 10px 5px 10px 40px; }
 
#smallcontent {
	float: left;
	width: 420px;
	background: #fff;
	margin: 10px 5px 10px 20px; }
 
 
#info {
	float:right;
	padding:20px 20px;
	margin:0 20px 20px 20px;
	width:180px;
	position:relative; }
 
	#info img {
		float:right;
		padding:0;
		margin:0 0 10px 10px;
		position:relative; }
 

/* ------ sIFR -------*/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;	
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
 
  .sIFR-active h5 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}


}
 
/* ------ Headings -------*/
h1 {
	font: bold 2.5em "Arial", Sans-Serif;
	margin: 0;
	letter-spacing: -1px; }
 
	h1 a, h2 a {
		color: #2b2b2b;
		background: #fff;
		text-decoration: none; }
 
	h1 a:hover, h2 a:hover {
		color: #2b2b2b;
		background: #FFF; }
 
 
h2 {
	font: 12px Arial, Sans-Serif;
	margin: 0;
	padding: 0; }
 
 
h3 {
	font: 20px, Fantasy;
	margin: 0;
	padding: 0;
	color: #7C4144; }
 
 
A:link {
	text-decoration: none;
	color: #7C4144; }
 
 
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px; }
 
 
A:visited {
	text-decoration: none;
	color: #7C4144; }
 
 
IMG.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
 
A:hover {
	text-decoration: underline;
	color: #94A6A9; }
 
 
a.button {
	background: transparent url('bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px;
	/* sliding doors padding */ text-decoration: none; }
 
a.button:active {
	background-position: bottom right;
	color: #000;
	outline: none;
	/* hide dotted outline in Firefox */; }
 
a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px;
	/* push text down 1px */; }
 
a.button span {
	background: transparent url('bg_button_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px; }
 
 
A:active {
	text-decoration: none; }
 
 
.highslide-active-anchor img {
	visibility: hidden; }
 
 
a.highslide-credits, a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px; }
 
 
a.highslide-credits:hover, a.highslide-credits:hover i {
	color: white;
	background-color: gray; }