body {
	margin:0;
	padding:0;
	width:100%;
	background: #000 url(images/quasar1.jpg) center center fixed no-repeat;
  -moz-background-size: cover;
  background-size: cover;
}

@media only all and (max-width: 1024px) and (max-height: 768px) {
  body {	
    -moz-background-size: 1024px 768px;
    background-size: 1024px 768px;
  }
}

  -moz-background-size: cover;
  background-size: cover;
}

@media only all and (max-width: 1024px) and (max-height: 768px) {
  body {	
    -moz-background-size: 1024px 768px;
    background-size: 1024px 768px;
  }
}


	
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}
.search {
  float: right;
	font-family: Arial, sans-serif; font-size: 14px; color: #ffffff;
}
.search p{
	margin: 0; padding: 0;
	font-size: 14px; color: #ffffff;
}
.search form input{
	text-decoration: none;
  float: right;
	margin: 0 0 0.25em 0.25em; 
}
.search form {
	margin: 0.25; 
  height: 16px;
}
img.left {
  float: left;
	text-align: left;
	position:relative;
	z-index:2;
	}
img.right {
  float: right;
	text-align: right;
	position:relative;
	z-index:2;
	margin: 0.5em;
	}
a {
	color:#ffffff;
	text-decoration: none;
}
a:hover, a:active, a:focus, h2 a:active, h2 a:focus, h2 a:hover, input:focus, input:hover {
	color:#000066;
	background-color:#ffffff;
	text-decoration: underline;
}
p a:link {color: #0088ff;}
p a:visited {color: #ff0000;}
p a:hover {color: #000066; background-color:#ffffff;}
#nav ul {
  list-style-type: none;
}
#nav li {
  padding: 0.25em;
}
#sandbox {
border:1px solid rgba(21, 11, 11, 0.2);
color:rgba(0, 0, 0, 0.6);
font-family:"goudy-bookletter-1911-1","goudy-bookletter-1911-2","Baskerville","Georgia",serif;
font-size:16px;
overflow:hidden;
padding:20px;
width:91.5%;
z-index:2;
}
.box_round {
-moz-border-radius:14px 14px 14px 14px;
}
.box_textshadow {
text-shadow:1px 1px 1px #888888;
}
.box_transition {
}
.box_gradient {
background-color:#444444;
background-image:-moz-linear-gradient(center top , #444444, #999999);
}
.box_shadow {
-moz-box-shadow:0 0 4px #FFFFFF;
}h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-family: serif;
}
p {
	margin:.4em 0 .5em 0;
	padding:0;
	colr: #ffffff; 
	  }
#header {
  position: relative;
	float:left;
	margin: 0.25em 0;
	width: 100%
}
/*#header p {
	padding:.5em 15px	.2em 15px;
	margin:0; */
}
#header h1  {
	padding:.2em 15px;
	margin:0;
}
#header h2  {
	padding:.2em 15px	.3em 15px;
	margin:0;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:none;		 /* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:none;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
/*	background:#ff9;    	 Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
  margin:0 15px 0 415px;
	overflow:hidden;
/*	background:none;    	 Centre column background colour */
	

}
#col1 {
	width:100%;
	overflow:hidden;
	/* border: 2px solid; */
}
#col1 img {
	with: 300px; border-color: #ffffff; border: 1px;
}
#header img {
 border: 0;
}
#col1 img.right {
	with: 205px; border-color: #FFFFFF; border: 1;
}
#col1 img.left {
	width: 300px; border-color: #FFFFFF; border: 1;
}
#col1 img.leftE {
	width: 500px; border-color: #FFFFFF; border: 1;
}


#col1 img.facebook {width: 20px; height:20px; float: none; border: 0; text-decoration: none; position:relative; z-index: 330;}
#col1 h2 {text-align: right; font-family: Georgia, serif; font-weight:normal; background-color: #D80000; color:#FFFFFF; padding: 0.5em; margin:0.5em; font-size: 40px;
}
#col1 h2.left {text-align: left; font-family: Georgia, serif; font-weight:normal; background-color: #D80000; color:#FFFFFF; padding: 0.5em; margin:0.5em; font-size: 40px;
}
#col1 p {text-align: left; font-family: Arial, sans-serif; font-size: 14px; margin: 1em; padding: 1.5em; height: auto; background-color: #ff0000;
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#col1 a.downloads {float: right; text-align: center; font-family: Arial, sans-serif; font-size: 14px; position:relative; z-index: 330; padding: 1em;  margin: 1em; background-color: #D80000; width: 70px;}
#col1 p.left {text-align: left; font-family: Arial, sans-serif; font-size: 14px; margin: 0.5em; padding: 0.5em; height: auto; 
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:170px;
	position:relative;
	left:15px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:none;
	width:100%;
	padding:0;
	margin:0;
	text-align: center;
	border-top:1px solid #000;
}
#footer p {
	padding:.5em 15px;
	text-align: center;
	display: inline;
}
#menu li {display:inline;}
.menu {width: 620px; margin-left: auto; margin-right: auto;}
.logo {width: 806px; margin-left: auto; margin-right: auto;}
.smfeature {
  width:168px;
	height: auto;
	margin-top: 1.5em;
	border:1px solid #D80000;
	}
.smfeature h2 {
  text-align: center; font-family: Georgia, serif; font-weight:normal;
	font-size: 85%;
	letter-spacing: 2px;
	padding: 0.5em;
	color: #ffffff;
	background: #D80000;
	}						 
.smfeature p {
  font-family: Arial, sans-serif; font-size: 75%; margin: 1em;
	}
.smfeature img {
  float: left;
	}