﻿

body {

	margin: 0px;
	padding: 0px;
	background-image:url('tile.jpg');
	background-repeat:repeat;
	background-color:#000;
	color:#fff;
	font-family:Arial, sans-serif;
	font-weight:bold;
}
	
    #wrapper {
        border: 0px;
        height: 600px;
        width: 950px;
    }

	#container {
        height: 600px;
        width: 950px;
    }

/* The following wrapper and container lines center the site on the page */
    
  #wrapper {
		bottom: 50%;
        right: 50%;
        position: absolute;
    }
    
    #container {
      
        left: 50%;
        padding: 0px;
        position:relative;
	    top: 50%; 
		
/* first number is how thick the border line and change the # code  to change the border colur around the center area */
			border:2px #efefef solid;

				-moz-border-radius: 20px;
				-webkit-border-radius: 20px; /* Safari, Chrome */
				border-radius: 20px; /* CSS3 */

/*center background colour*/
	background:#fff;
    }

/* site centering finishes here */
#content{
				width:920px;
				height:515px;
				top:70px;
				left:0px;
				padding:0px;
				padding-left:10px;
				padding-right:10px;
				position:absolute;
				overflow:auto;
}

/*foooter*/
#footer{
				width:950px;
				height:20px;
				top:380px;
				left:0px;
				padding:0px;
				position:absolute;
				text-align:center;
				font-size:10pt;
				margin-left:-20px;
				font-family:Arial, Helvetica, sans-serif;
/*footer text colour*/				
				color:#000;
}
#footer a, a:visited{
				text-decoration:none;
/*footer text colour set same as above footer text colour*/				
				color:#000;
}
#footer a:hover{
				text-decoration:underline;
				
/*footer text colour whenh mouse is over link*/
				color:#666;
}




#homelogo{
				width:910px;
				height:180px;
				top:30px;
				left:-20px;
				padding:0px;
				position:absolute;
				overflow:visable;
				text-align:center;
}

#content {
	
/*main center text colour whenh mouse is over link*/	
	color:#000;
	
	top:200px;
	position:absolute;
	overflow:hidden;
	left:30px;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}


#sitetext{float:left; width:400px;}


#loginbox { width: 300px; background: #666; border: 2px solid #00f; margin: 40px; margin-top:10px; padding: 20px 20px; float:right; 			-moz-border-radius: 20px;
				-webkit-border-radius: 20px; /* Safari, Chrome */
				border-radius: 20px;}

#login .desc { }
#login .desc h2 {  font-weight: normal; color: #fff; font-size: 16px; margin-bottom: 8px; }

#login .desc p { ; font-size: 12px; color: #fef; line-height: 1.3em; margin-bottom: 15px; }

#login .formblock { display: block; margin-bottom: 11px; }
#login .formblock label { font-size: 12px; display: block; font-style: italic; font-weight: normal; color: #fff; }

#login .formblock .txt { padding: 4px 6px; font-size: 12px; color: #000; width: 250px; }

#login .formblock .error { font-weight: bold; font-size: 12px; font-style: normal; color: #9d3131; }
#login .info { font-weight: bold; font-size: 12px; color: #fff; margin-bottom: 10px; }

#login p.tick {  font-style: italic; font-size: 12px; color: #fff; }