body{ margin:5px 0px; 
background-color: #000000;
	margin:0;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed; 
}

#quay{
background-image: url('images/jim4bg.jpg') ;
}
#jim1{
background-image: url('images/indexbg1.jpg') ;
}
#black {background-color:black; }

#container {max-width:700px; margin:auto; padding:7px;	background-image: url('images/grey.png');
	border-radius: 15px;}

#indexcontainer {max-width: 700px; margin:auto; text-align:center ;  } 
#menu {float:left; width:200px;  background:#ccffff url('images/page.jpg') no-repeat center top; text-align:center ;}
#toptitle {width:700px; text-align:center; margin:auto;}
#smalltitle {display:none; text-align:center; margin:auto;}
#clear {clear:both}
#mainpane {max-width:600px; min-width:50px; margin:auto; padding-top:20px; }
#bottom {width:700px; height:80px ; margin:auto; background:#ffffff url('images/bottom.jpg') no-repeat center bottom;}
#bottomtext {float:right; text-align:right; padding:20px 40px 0px 0px}
#formpane {float:right; width: 475px; padding-right:15px; text-align:center}
#formcell{ width: 200px; margin: auto; background: #ffccff; padding: 10px;}


.toptext {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#f2cf5f; letter-spacing:1px; letter-spacing: 5px }
.toptext a {text-decoration: none; color:#f2cf5f}
.toptext a:hover {	color: #1F1F20;	text-decoration: none; color:#a02c24}

.menutext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}
.menutext a:link {	color: #FFFFCC;	text-decoration: none;}
.menutext a:visited {	color: #FFFFCC;	text-decoration: none;}
.menutext a:hover {	color: #8ea682;	text-decoration: none;}

.text {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ababab; }
.text { line-height:180%}
.text a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8ba0af; }
.text a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9baf8b; }
.text h1 {font-size: 20px; 
	color: #f2cf5f;
	font-family: Arial, Helvetica, sans-serif; margin:-10px 30px 5px 0px; 
}
.text h2 {font-size: 18px; 
	color: #f2cf5f;
	font-family: Arial, Helvetica, sans-serif; margin:20px 30px 5px -30px; 
}
.tinytext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#bea044; text-align:center ; padding:20px}
.tinytext a {color:#be8944; text-align:center;  text-decoration:none }
.tinytext a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a02c24; text-align:center }
.basetext {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333; 
}
.redstar {color:#FF0000 }


@media only screen and ( max-width: 900px ) {
td, th{
	display: block;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
} 
#smalltitle {display:block;}
#toptitle {display:none;}
}