body{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
#wrapper,
#header {
width: 98%;
max-width: 900px;
margin: auto;
}
#header
{
	height:auto;
	top: 0;
	position: fixed;
	text-align:center;
	background-color: #021A05;
	width: 98%;
	margin: auto;
	padding-top: 23px;
	border-color: #FFCC00;
	border-width: 0 0 1px 0;
	border-bottom-style: dotted;
}
#header h1 {
	color: #FFCC00;
	font-size: 1em;
	margin: 0;
	font-family: 'Courgette', Geneva, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #FFCC00;
	font-size: 1.3em;
	margin: 0;
	font-family: 'Courgette', Geneva, Arial, Helvetica, sans-serif;
}
.attentionPlease {
	color: #F9B006;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #002B00;
	padding: 6px 12px;
	display: block;
	font-weight: bold;
	}
.attentionPleaseRED {
	color: #FF3300;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #1B1B1B;
	padding: 6px 12px 8px 12px;
	display: block;
	border: solid 1px #FF3300;
}

#content {
	margin-top: 120px;
	left:0px;
	right:0px;
	bottom:0px;
}
.imgAlignRight {
float: right;
margin: 0 0 0 16px;
}
.imgAlignLeft {
float: left;
margin: 0 16 0 0px;
}
.imgMaxSize {
max-width: 100% !important;
height: auto;
}
.txtKeepTogether {
whitespace: nowrap;
display: inline-block;
}
.txtLarger {
	font-size: 1.3em;
}
a,
h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #ffdd9a;
	text-decoration: underline;
text-decoration-color: #C67D28;
}
a:hover,
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #FFCC00;
	text-shadow: 0 0 4px #D7BC86;
}
.noUnderlineNoHxColor {
	text-decoration:none;
	color: #FFCC00;
}








@media only screen and (max-width : 600px) {
#content img {
max-width: 50%;
height: auto;
}
}
@media only screen and (max-width : 400px) {
#content img {
max-width: 100%;
float: none !important;
clear: both;
}
#content
{
	margin-top: 140px;
	}

}