* { font-size: 13px; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;/*text_color*/
	background-color: #000000;
	background-image: url('../images/backdrop.jpg'); 
	background-repeat: no-repeat;
	background-position: 80% 15%;

	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #990000;
	scrollbar-dark-shadow-color: #990000;
	scrollbar-track-color: #990000;
	scrollbar-face-color: #990000;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3d-light-color: #990000;	
}

#page {
	width: 803px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	padding: 0px;
	text-align: left;
}
	
		
#header {
	float: left;
	width: 800px;
	height: 70px;
}

#header .headerImage {
    text-align: center;
    margin-top:0px;
    margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
    padding:0px;
    width: 742px;
}

#body {
	float: left;
	width: 800px;
	text-align: center;
}

#footer {
	float: left;
	width: 800px;
	height: 60px;
}

/* CONTENT STYLES*/
#frame {
	width: 742px;
	height: 400px;
	border: 0px solid;
	border-color: #FFFFFF;/*text_color*/
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	float: left;
	width: 700px;
	padding: 20px;
}



/* FOOTER STYLES */
#footer a, a:visited {
	text-decoration: none;	
}

#footer a:hover {
	text-decoration: underline;
}


/* NAVBAR STYLES*/
#navbar {
	float: left;
	width: 800px;
	height: 30px;
}

#nav, #nav ul {
	float: left;
	width: 742px;
	margin: 0px;
	padding: 0px 0px 0px 82px;
	list-style: none;
	line-height: 1px;	
}

#nav li {
	float: left;
	width: 106px;
}

#nav li a {  
	color: #CCCCCC;/*menutext_color*/
	display: block;
	text-decoration: none;
	width: 106px;
	height: 25px;
	padding: 12px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}   
#nav li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}     

div.floatL {
	float: left;
}

div.floatR {
	float: right;
}


div.overflowShort {
	float: left; 
	width: 235px; 
	height: 370px; 
	overflow: auto;
}

/*Added by Phil*/
div.overflowLong {
	text-align: center;
	margin-left: auto;
	margin-right: auto; 
	width: 650px; 
	height:370px; 
	overflow: auto;
}

div.contactPage {
	margin-left: auto;
	margin-right: auto; 
	width: 650px;
	overflow: auto;
}

div.overflowFull {
	margin-left: auto;
	margin-right: auto; 
	width: 650px; 
	height: 320px; 
	overflow: auto;
}



div.overflowGallery {
	margin-left: auto;
	margin-right: auto; 
	width: 605px; 
	height: 200px; /*175*/
	overflow: auto;
}


/* GALLERY / EXAMPLE STYLES */
#content ul.bodylist {
	float: left;
}

#content .bodylist li {
	text-align: left;
}

#content ul.example {
	margin-left: auto;
	margin-right: auto;
	width: 570px;
	padding: 0px;
	list-style: none;
	line-height: 1px;
}			
#content .example li {
	float: left;
	height: 120px;
	width: 140px;
	margin: 8px 0px 0px 2px;
}			
#content .example a.image {
	color: #000;
	display: block;
	height: 86px;
	width: 86px;
	text-decoration: none;
	text-align: left;
	border: 1px solid;
	border-color: #000000;/*text_color*/
}			
#content .example li a.image:hover {
	text-decoration: none;
	border: 1px solid;
	border-color: #000000;/*hover_color*/
}
#content .example input {
	width: 100px;
}


#content ul.gallery {
	margin-left: auto;
	margin-right: auto;
	width: 570px;
	padding: 0px;
	list-style: none;
	line-height: 1px;
}			
#content .gallery li {
	float: left;
	height: 120px;
	width: 140px;
	margin: 8px 0px 0px 2px;
}			
#content .gallery a.image {
	color: #000;
	display: block;
	height: 86px;
	width: 86px;
	text-decoration: none;
	text-align: left;
	border: 1px solid;
	border-color: #000000;/*text_color*/
}			
#content .gallery li a.image:hover {
	text-decoration: none;
	border: 1px solid;
	border-color: #000000;/*hover_color*/
}


#content ul.subnav {
	margin-left: auto;
	margin-right: auto;
	width: 570px;
	padding: 0px;
	list-style: none;
	line-height: 1px;
}
#content .subnav li {
	float: left;
	height: 20px;
	width: 140px;
	margin: 0px 0px 0px 2px;
}			
#content .subnav a {
	height: 20px;
	width: 92px;
	text-decoration: none;
}
#content .subnav li a:hover {
	text-decoration: none;
}



/*  COMMON STYLES */
p {
	margin: 2px 2px 5px 2px;
	font-size: 8pt;
}

form {
	margin: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h2,h3,pre {
	font-weight: normal;
	margin: 0px 10px 10px 10px;
}

sup {
	font-size: 7pt;
}

small {
	margin: 0px;
	font-size: 7pt;
}

li {
	font-size: 8pt;
}

h1 {
	font-size: 14pt;
	font-weight: normal;
	border-bottom: 1px solid;
	height: 28px;	
	padding-left: 2px;	
	margin: 5px 10px 10px 10px;
}

h2 {
	font-size: 12pt;
	padding-top: 10px;
}

h3 {
	padding: 1px 3px 1px 0px;
	height: 18px;
	font-size: 10pt;
	font-weight: bold;	
}

/* TABLE STYLES */
table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
td {
	padding: 2px 4px 2px 4px;
}

/* ANCHOR STYLE */
a, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* INPUT STYLES */
form {
	margin: 0px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 250px;
}

select {
	font-size: 8pt;
}	

#login input.text {
	width: 200px;
}

#contact input.text {
	width: 160px;
}
#contact .readonly {
	background-color: #CCCCCC;
	width: 80px;
}
#contact input.longtxt {
	width: 250px;
}

#quote input.text {
	width: 160px;
}

#affiliate input.text {
	width: 250px;
}


/* COLOURS */
.black {
	color: #000000;
}

.blue {
	color: #0000C0;
}

.red {
	color : #FF0000;
}

.green {
	color : #00C000;
}