/* CSS Document */
html	{
	background: #282728 url(../images/background.jpg) repeat-x right top;
}
body	{
	background: url(../images/dragon.jpg) no-repeat right top;
	color: #ccc;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.65em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
div#container	{
	margin: 0 2em;
	padding: 0;	
	width: 62%;
}

#tabcontentstyle	{
	margin: 0;
	padding: 0;
}

img#logo	{
	width: 94%;
	height: 94%;
	margin: 1em 0;
	border: 1px solid #333;
}

/*navigation*/
ul#nav	{
	list-style: none;
	margin: 0 0 3em 0;	
	padding: 0;
	float: left;
	width: 94%;
	background: url(../images/darkdiagonalbg.gif) repeat 0 0;
}
ul#nav li	{
	float: left;
	margin: 0 0.2em 0 0;
	padding: 0;
	border-right: 2px solid #141314;
}
ul#nav li a	{
	color: #ccc;
	text-decoration: none;
	background: url(../images/darkdiagonalbg.gif) repeat 0 0;
	display: block;
	padding: 0.5em;	
	border: 1px solid #333;
}

ul#nav li.selected a	{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/darkdiagonalbg_active.gif) repeat 0 0;
	border: 1px solid #300;
	
}

ul#nav li a:hover	{
	color: #fff;
	text-decoration: none;
	background: url(../images/darkdiagonalbg_over.gif) repeat 0 0;
}

/*content*/

.tabcontent	{
	display: none;
}

@media print {
.tabcontent {
display:block!important;
}
}

/*Thumbnails*/
ul.thumbnails	{
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	float: left;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

ul.thumbnails li	{
	float: left;
	margin: 0 2em 2em 0;
	padding:0;
	width: 13.5em;
	height: 20em;
}

ul.thumbnails li a	{
	background: url(../images/darkdiagonalbg.gif) repeat 0 0;
	display: block;
	text-decoration: none;
	border: 1px solid #333;
	height: 20em;
}

ul.thumbnails li a:hover	{
	background: url(../images/darkdiagonalbg_over.gif) repeat 0 0;
	text-decoration: none;
}


ul.thumbnails li a strong	{
	display: block;
	color: #ccc;
	text-decoration: none;
	font-size: 124%;
	font-weight: bold;
	padding: 0 1em 0.25em 1em;
	margin: 0;
	line-height: 1.2em;
}

ul.thumbnails li a span	{
	color: #ccc;
	text-decoration: none;
	display: block;
	font-size: 90%;
	padding: 0 1em 1em 1.5em;
	margin: 0;
}

ul.thumbnails li img	{
	margin: 1em;
	border: 0;
	width: 11.5em;
}

/*info*/

#tcontent5, #tcontent6, #thankyou	{
	background: url(../images/darkdiagonalbg.gif) repeat 0 0;
	clear: both;
	float: left;
	width: 94%;
	padding-bottom: 5em;
	margin-top: 0;
	margin-bottom: 1em;
}

#tcontent5 h2, #tcontent6 h2, #thankyou h2	{
	margin-top: 5%;
	margin-left: 5%;
	
}

#tcontent5 a, #tcontent6 a, #thankyou a	{
	color: #f00;
	text-decoration: none;
}

#tcontent5 a:hover, #tcontent6 a:hover, #thankyou a:hover	{
	color: #c00;
	text-decoration: underline;
}

/*form*/
form {
	margin-left: 5%;
	margin-right: 5%;
}

fieldset	{
	border: 0;
	margin: 0;
	padding: 0;
}

legend	{
	display: none;
}

label	{
	font-size: 118%;
	float: left;
	width: 23%;
	margin: 0;
	clear: both;
}

input.text, textarea	{
	float: left;
	background-color: #333;
	color: #ccc;
	border: 1px solid #666;
	width: 74.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-bottom: 0.75em;
	padding: 0.5em;
}

input#button	{
	margin-top: 2em;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 110%;
	padding: 0.5em;
	color:#fff;
	background-color: #900;
	border: 0;
}

/*footer*/

div#footer	{
	margin-bottom: 5%;
	margin-right: 6%;
	padding: 2em;
	clear: both;
	background: url(../images/darkdiagonalbg.gif) repeat 0 0;
	font-size: 110%;
	border: 1px solid #333;
}

div#footer a	{
	color: #f00;
	text-decoration: none;
}

div#footer a:hover	{
	text-decoration: underline;
}

/*List formatting*/

ul	{
	list-style: none;
	margin-right: 5%;
	margin-bottom: 3.5em;
}

ul li	{
	font-size: 118%;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

ul.horizontal li	{
	width: 30%;
	float: left;
}

/*Text formatting*/
p	{
	font-size: 118%;
	line-height: 1.5em;
	margin-left: 5%;
	margin-right: 5%;
}

p.sig	{
	background: url(../images/sig.gif) no-repeat 0 0;
	width: 230px;
	height: 80px;
	margin-bottom: 3em;
	margin-top: 2em;
}

p.sig span	{
	display: none;
}

.important	{
	color: #f00;
}


/*Misc formatting*/

.clear	{
	clear: both;
}



/*Header*/


h2, h3	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #fff;
}

h2	{
	font-size: 260%;
	text-transform: uppercase;
	clear: both;
	margin-bottom: 1em;
}

h3	{
	font-size: 164%;
	text-transform: uppercase;
	clear: both;
	margin-left: 5%;
	margin-bottom: 0.75em;
}

h1 span	{
	display: none;
}