/* default for page */

/* all items inherit from here if valid to inherit */
body {
	background-color: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

/* all links are blue */
a {
	color: #06f;
}

/* all images have no border */
img {
	border: 0;
}

/* h1 is bold */
h1 {
	color: #F20;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* h2, h4 is blue */
h2, h4 {
	color: #06F;
	font-size: 13px;
	font-weight: bolder;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 13px;
	font-weight: bolder;
	margin: 0;
	padding: 0;
	text-align: left;
}
h5 {
      font-family: courier, monospace;
      font-size: 10pt;
      color: blue;
}
h6 {
	font-size: 13px;
	font-weight: bolder;
	font-style: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}

/**************************************************************************/
/* classes we've defined and elements within these classes				  */
/**************************************************************************/

/* logo at the very top */
.logo {
	/*background-image: url(Images/bluewave.gif);	 image used so can position at very right */
	background-position: 100% 100%;				/* bottom right of container */
	background-repeat: no-repeat;				/* only show the image once */
	margin-left: 7px;									/* no spacing around the image */
	padding: 0;
}

/* menu strip across the top */
/* using DIV with menus just in case want to do other stuff */
/* menu items done as a list to make it easier to display */
.menustripheadermenu {
	background-image: url(Images/bar.gif);
	display: block;								/* image bar goes on its own line */
	height: 24px;								
	margin-bottom: 8px;						/* gap below for start of next text */
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;							/* everything including images are centred */
}
/* textual menu is done as a list */
/* ul below a .menustripheadermenu */
.menustripheadermenu ul {
	margin: 0;									/* ensure it lines up with bar */
	padding: 0;
}

/* links below a .menustripheadermenu */
.menustripheadermenu a {
	color: black;
	text-decoration: none;
}


/* each item within a list is defined */
.menustripheadermenu li {
	display: inline;							/* list goes across line not new line for each item */
	font-size: 15px;
	
	list-style: none;							/* no bullets */
	margin-top: 0px;
	margin-left: 20px;							/* padding around menu items */
	margin-right: 20px;
}

/* selected menu class text on the menustripheadermenu */
.menustripheadermenu .selected {
	color: #ff2E00;
	font-weight: bold;
}

/* bar for footer is easier as just images */
.menustripfooter {
	
	display: block;								/* image bar goes across page */
	height: 35px;								
	margin-bottom: 16px;						/* gap below for start of next text */
	padding-top: 4px;
	padding-bottom: 0px;
	text-align: center;							/* everything including images are centred */
	vertical-align: middle;
}


/* main body of site  */
/* standard content on news, about, support, etc */
.maincontent{
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.maincontent h1{
	
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}
.maincontent h2{
	font-size: 13px;
	font-style: bolder;
	margin-top: 35px;
	margin-bottom: 5px;
}

.maincontent h4{
	font-size: 13px;
	font-style: bolder;
	margin-top: 5px;
}

.maincontent h6{
	margin-top: 5px;
	font-style: normal;
}

/* row for a game */
.gamerow a {
	/*font-style: italic*/;
}

/* the bit above/below each row */
.gamerow {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* the left hand image link */
.gamerow .graphiclink {
	text-align: center;
	width: 147px;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 5px;
 }

.gamerow .graphiclink img {
	margin: 4px;
}

/* the main centre text */
.gamerow .gametext {
	vertical-align: top;
 }

/* the screenshots on the right */
.gamerow .screenshots {
	vertical-align: top;
 	text-align: center;
	top: 0;
	width: 315px;		
	padding-right: 0px;
}

.gamerow .screenshots img {
	margin: 2px;
}

.gamerow tr {
	margin-bottom: 0px;
}

/*captions are text below images usually*/
.caption {
	color: #06F;
	font-size: 12px;
	padding-bottom: 10px;
}
/* just in case we need to change the colour */
.caption span {
	color: #000;
}

.captiontop {
	color: #06F;
	font-size: 12px;
}
/* just in case we need to change the colour */
.captiontop spantop {
	color: #000;
}

/* horizontal row */
div.separator {
	color: #666;
	border-bottom: #BBB solid 1px;
	margin-bottom: 8px;
	margin-top: 8px;
	text-align: center;
}

/* one off dark caption */
div.newstitle {
	color: #000;
	border-bottom: #666 dotted 1px;
	margin-bottom: 8px;
	text-align: center;
	height: 24px;
	padding: 0;
	margin: 0;
}

/* table in the news */
.firingsystem {
	width: 600px;
	font-style: italic;
	background-color: #eeeeee;
	text-align: left;
	margin-left: auto;	/* make it centred */
	margin-right: auto;
}

.firingsystem th {
	color: black;
	font-style: normal;
}

.firingsystem td, .firingsystem th {
	padding: 5px;
}

/*support page */
.question {
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

.answer {
	padding: 0;
	margin: 0;
}

/* links pages */
ul a {
	min-width: 400px;
}