/* To centre something on a page use these classes, */
/* and two divs (the table in the html is only needed to fix a issue in */
/* Macintosh ie 5.2).  This works with expanding items. */
/*  */
/* This works on... */
/* Macintosh: ie 5.2, Safari 1.2.4, Firefox 1.0.1 */
/* (although firefox will not center a table within it if doctype is xhtml) */
/* Windows: ie 6.0, Firefox 1.0.2 */

/* Vertical centering: make div as large as viewport and use table layout */
.centreouterdiv
{
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
}

/* center the block content */
.centreinnerdiv
{
	display: table-cell;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

/* to here */


/* fullscreen class */
.centrescreendiv
{
	position: absolute;
	width: 750px;
	height: 472px;
	margin-left: -375px;
	margin-top: -236px;
	top: 50%;
	left: 50%;
	text-align: center;
	vertical-align: middle;
}
/* fullscreen class */












/* body */

body
{
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #777777;
	scrollbar-shadow-color: #333333;
	scrollbar-3Dlight-color: #333333;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #999999;
	scrollbar-darkshadow-color: #999999;
	font-family: Arial, Helvetica, Geneva, san-serif;
	color: #cccccc;
}

.main_body
{
	margin: 10px 10px 10px 10px;
	background-color: #000000;
	font-size: 12px;
	color: #cccccc;

}

.iframe_body
{
	margin: 0px 0px 0px 0px;
	background-color: #000000;
	font-size: 10px;
}
/* body */





/* links */
a:link
{
	text-decoration: none;
	color: #777777;
	letter-spacing: 1px;
}

a:active
{
	text-decoration: none;
	color: #777777;
	letter-spacing: 1px;
}

a:visited
{
	text-decoration: none;
	color: #777777;
	letter-spacing: 1px;
}

a:hover
{
	text-decoration: none;
	color: #ff0000;
	letter-spacing: 1px;
}
/* links */





/* forms */
textarea
{
	font-size: 10px;
	letter-spacing: 1px;
	color: #333333;
	background-color: #cccccc;
}

select
{
	font-size: 10px;
	letter-spacing: 1px;
	color: #333333;
	background-color: #cccccc;
}

input
{
	font-size: 10px;
	letter-spacing: 1px;
	color: #333333;
	background-color: #cccccc;
}
/* forms */



/* site frame */
.site_table
{
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #777777;
	text-align: left;
	vertical-align: bottom;
	width: 750px;
}

.site_tdheader
{
	height: 119px;
	text-align: left;
	vertical-align: bottom;
}

.site_tdmenu
{
	padding: 10px 10px 10px 10px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #777777;
	text-align: left;
	vertical-align: middle;
	color: #333333;
}

.site_tdmenu a:link
{
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: bold;
}

.site_tdmenu a:active
{
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: bold;
}

.site_tdmenu a:visited
{
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: bold;
}

.site_tdmenu a:hover
{
	text-decoration: none;
	color: #ff0000;
	letter-spacing: 1px;
	font-weight: bold;
}

.site_td
{
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: middle;
}

.site_tdfooter
{
	padding: 10px 10px 10px 10px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #777777;
	text-align: left;
	vertical-align: middle;
}
/* site frame */





/* content table */
.content_table
{
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #777777;
	text-align: left;
	vertical-align: bottom;
}

.content_tdlefttitle
{
	padding: 10px 10px 10px 10px;
	background-color: #333333;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #777777;
	text-align: left;
	vertical-align: bottom;
}

.content_tdlefttop
{
	padding: 10px 10px 10px 10px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #777777;
	text-align: left;
	vertical-align: middle;
}

.content_tdlefttopalert
{
	padding: 17px 10px 18px 10px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #777777;
	text-align: left;
	vertical-align: middle;
}

.content_tdleft
{
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
}

.content_tdcentrebackground
{
	padding: 10px 10px 10px 10px;
	background-image: url(../images/page-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}

.content_tdright
{
	padding: 10px 10px 10px 10px;
	text-align: right;
	vertical-align: middle;
}
/* content table */





/* portrait table */
.portrait_table
{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #777777;
	text-align: left;
	vertical-align: bottom;
}

.portrait_tdleft
{
	padding: 10px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
}

.portrait_tdright
{
	padding: 10px 10px 10px 0px;
	text-align: left;
	vertical-align: top;
}
/* portrait table */





/* gallery table */
.gallery_table
{
	border: 1px solid #777777;
	text-align: left;
	vertical-align: bottom;
	width: 100%;
	font-size: 10px;
	color: #cccccc;
	line-height: 12px;
	letter-spacing: 1px;
}

.gallery_caption
{
	padding: 10px 10px 10px 10px;
	background-color: #333333;
	border: 1px solid #777777;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.gallery_name
{
	padding: 6px 6px 6px 6px;
	background-color: #333333;
	border: 1px solid #777777;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.gallery_date
{
	padding: 6px 6px 6px 6px;
	background-color: #333333;
	border: 1px solid #777777;
	text-align: left;
	vertical-align: middle;
}

.gallery_size
{
	padding: 6px 6px 6px 6px;
	background-color: #333333;
	border: 1px solid #777777;
	text-align: left;
	vertical-align: middle;
}

.gallery_image
{
	margin: 6px 6px 6px 6px;
	padding: 10px 10px 10px 10px;
	background-color: #333333;
	border: 1px solid #777777;
	text-align: center;
	vertical-align: middle;
}

.gallery_image p
{
	margin: 6px 0px -5px 0px;
	padding: 0px 0px 0px 0px;
}

.gallery_imagealt
{
	padding: 10px 10px 10px 10px;
	border: 1px solid #777777;
	text-align: center;
	vertical-align: middle;
}

.gallery_captiontext
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.gallery_nametext
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.gallery_infotext
{
	text-align: left;
	vertical-align: middle;
}
/* gallery table */




/* requirements table */
.requirements_table
{
	border: 1px solid #777777;
	text-align: left;
	vertical-align: bottom;
	width: 350px;
	height: 200px;
	font-size: 10px;
	color: #cccccc;
	line-height: 12px;
	letter-spacing: 1px;
}

.requirements_caption
{
	padding: 10px 10px 10px 10px;
	background-color: #333333;
	border: 1px solid #777777;
	font-weight: bold;
}

.requirements_div
{
	position: relative;
	top: 100px;
	left: 178px;
	width: 350px;
	height: 200px;
}

.requirements_button
{
	margin: 20px 10px 0px 10px;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
}
/* requirements table */





/* fullscreen button */
.fullscreen_icon
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	width: 20px;
	float: left;
}

.fullscreen_text
{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
	text-align: left;
	float: left;
}
/* fullscreen button */





/* heading etc. */
blockquote
{
	line-height: 12px;
	font-style: oblique;
	color: #ffffff;
}

.quotesopen
{
	position: relative;
	margin: 0px -14px 0px 0px;
	left: -18px;
	top: 9px;
	text-align: left;
	vertical-align: top;
	font-size: 40px;
	color: #777777;
}

.quotesclose
{
	position: relative;
	margin: 0px 0px 0px 1px;
	top: -15px;
	text-align: left;
	vertical-align: top;
	font-size: 40px;
	color: #777777;
}

.title
{
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	line-height: 24pt;
	letter-spacing: 1px;
}

.minititle
{
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	line-height: 12pt;
	letter-spacing: 1px;
}

.heading
{
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	line-height: 12pt;
	letter-spacing: 1px;
}

.accentuate
{
	padding: 2px 3px 2px 3px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #ffffff;
	text-transform: capitalize;
}
/* heading etc. */