/*
Default stylesheet for: 	
		www.hatfieldstudentlettings.co.uk
*/

/*@import url(stylex.css); 
@import url(style-ie6hacks.css); */

/* ----------------------- HTML Elements ---------------------------------------- */
a, a:link, a:visited  {
	color: #666666;
	TEXT-DECORATION: none;
}
a:hover, a:active{
	color: #a78aff;
	TEXT-DECORATION: none;
}

html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	font-size:80%; /*set default font size */
	font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */
}

body{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 1.1em; 
	
	color: #333333;
	background-color: white;
	background-image: url(graphics/bodyback.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	
	text-align: center;
	margin : 0;
	padding : 0;
	border:0; 
	
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	min-width: 780px;
}

td{ 
	font-size: small;
	background-color: transparent; 
}

p{ 
	font-size: 1em;
	background-color: transparent; 
	margin-top: 0px;
}

h1 { 
	font-size: small; 
	color: #660033; 
	background-image: none;
	font-weight : bold;
	display: inline
}

h2 { 
	/*background-color: #a78aff;*/
	color: #666666;
	font-size: medium; 
	font-weight : bold;
	display: inline;
	width:100%; 
}

h3 { 
	color: white;
	font-size: medium; 
	font-weight : bold;
	display: inline;
}

h4 { 
	font-size: small; 
	color: #4100be; 
	font-weight : normal;
	display: inline
}

hr { 
	color: #a78aff; 
	background-color : #a78aff;
	height: 1px;
	margin-top:10px;
}

ol {
	/*list-style-image: url("graphics/bullit.gif")*/	
	margin-top: 0px;
	margin-bottom: 10px;
}

ul {
	/*list-style-image: url("graphics/bullit.gif")*/
	list-style-type: square;
	margin-top: 0px;
}

li {
	text-align : left;
}

img {
	border: 0px;
}

table{
	background-color: White;
	border: 0px;
}

input { 
	font-size: 1em; 
	color: #666666;	
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;	
	border : 2px solid #cccccc;
	font-weight: bold;
	
	margin-bottom : 2px;
	/* *margin-bottom : 0px; */
} 

.noborder { 
	font-size: 1em; 
	color: #4100be;	
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;
	border : 1px none #a78aff;
	font-weight: bold;
	
	margin-bottom : 2px;
	/* *margin-bottom : 0px; */
} 
textarea { 
	font-size: 1.1em; 
	color: #333333;
	background-color: White;
	margin-left : 0px;
	padding-left : 0px;
	padding-right : 4px;
	margin-bottom : 2px;
	border : 2px solid #cccccc;
} 

/* ----------------------- Page Layout -------------------------------------------- */

.pagehead{
	background-image: url(graphics/bodyback.jpg);
	width:100%;
	min-width: 780px;
	margin-top:0px;
	text-align:left;
	position: absolute;
	display: block;
	left:-36px;
	/*right:18px;*/
	padding-left: 18px;
	z-index:5; /* allocate a suitable z-index */
}
.pagebody{
	background-color: white;
	width:100%;
	min-width: 780px;
	
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	text-align:left;
	
	display:block; /* set up as a block */
	height:100%; /* set height to full page */
	max-height:100%;
	overflow:auto; /* add scroll bars as required */
	/*padding-left:200px;*/ /* pad left to avoid navigation div if required */
	position:relative; /* set up relative positioning so that z-index will work */
	z-index:0; /* allocate a suitable z-index */

}
.pagefoot{
	/*behavior: url(iepngfix.htc);*/

	background-image: url(graphics/galleria2.png);
	_background-image: url(graphics/galleria2.gif);
	width:100%;
	min-width: 780px;
	height:146px;
	/*margin-top:0px;*/
	text-align:right;
	
	position:absolute;
	display: block;
	bottom:0px;
	left:-18px;	
	/*right:18px;*/
	z-index:5; /* allocate a suitable z-index */
	background-repeat: no-repeat;
	background-position: center;
}
.pageicon{
	behavior: url(iepngfix.htc);
}
.padheader {
	display:block; 
	height:90px; 
	float:left;
}
.padcontenttop {
	display:block;
	height: 90px; /* height to miss header */
}
.padcontentbottom {
	display:block;
	height: 165px; /* height to miss footer */
}

.header {
	background: url(graphics/mybanner.jpg);
	margin-right:auto;
	margin-left:auto;
	width: 760px;	
	min-width: 760px;
	height: 90px;
}

.main {
	width: 760px;
	margin-right:auto;
	margin-left:auto;

	margin-top: 0px;

	height:100%;
	min-height:100%;
}
.main a, .main a:visited{
	color: #4100be;
	text-decoration:none;
	display: inline;
}
.main a:hover,.main a:active{
	color: black;
	text-decoration:none;
	display: inline;
}

.content {
	width: 480px;
	margin-top: 25px;
	padding-bottom: 0px;
	padding-left: 00px;
	padding-right: 00px;
	float: left;
}

.contentwide {
	width: 740px;
	margin-top: 25px;
	padding-bottom: 0px;
	padding-left: 00px;
	padding-right: 00px;
	float: left;
}

.content form{
	font-size: 12px;
	float: left;
	background-color: transparent;
	width:430px;
}

/*These spans are mostly replaced with label's below */
.content span{
	font-size: 1em;
	width: 165px;
	float:left;
	padding-left: 0px;
}
.content span.smallbox{
	font-size: 1em;
}
.content label{
	font-size: 1em;
	width: 165px;
	float:left;
	padding-left: 0px;
}
.content label.smallbox{
	font-size: 1em;
}


.content font.compulsory{
	font-weight: normal;
	color: Red;
	font-style: italic;
	width:10px;
	display: inline;
}
.content span.indentform{
	font-size: 1em;
	width: 450px;

	padding-left: 25px;
	color: #666666;
}
.content p, .content-wide p{
	margin-left: 0px;
	margin-right: 0px;
	/*text-align: justify;*/
}
.indented{
	margin-left:20px;
}

.noindent{
	margin-left: 15px;
	margin-bottom:0px;
	padding-left: 0px;
}

/* ------------------------------------------ */

.colright{
	color: #696969;
	
	margin: 0px;
	margin-left: 25px;

	padding-top:25px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	
	width:235px; /* 760 - 480 */
	
	float: left;
	position: relative;
	
	text-align: center;
	
}
	.colright p {
		text-align: center;
		padding:5px;
		margin:5px;
	}
	.colright-title{
		color: #660033;
	}

.smallboxrounded{
	color: #4100be;
	background-color: white;
	
	margin-top: 10px;
	padding:0px;

	width:162px;
}

.smallbox{
	margin:0px;
	padding:0px;
	width:230px;
}

.box-head{
	color: white;
	background-color: #666666;
	border: 1px solid #666666;
	padding:4px;
	font-weight: bold;
	display: block;
}
.box-content{
	color: #666666;
	background-color: #f7f7f7;
	border: 1px solid #f7f7f7;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
}

/* ------------------------------------------ */
	

.footer {
	width: 760px;
	min-width: 760px;
	color: white;
	margin-right:auto;
	margin-left:auto;
	margin-top:102px;
	text-align: center;
}
.footer a, .footer a:link, .footer a:visited  {
	color: white;
	TEXT-DECORATION: none;
}
.footer a:hover, .footer a:active{
	color: #4100be;
	TEXT-DECORATION: none;
}

/* . . . . . . . . . . . . . . . . . . . . . */
.psfoot{
	height:30px;
	width:100px;

	text-align:right;
	position:absolute;
	display: block;
	bottom:10px;
	right:18px;

	z-index: 9;
}
.pslink{
	width: 100%;
	text-align: right;
	float: right;
	position: static;
	height:30px;
}
/* . . . . . . . . . . . . . . . . . . . . . */
.contentfoot{
	text-align:left;
	position:relative;
	padding-top:6px;
	border-top: 1px solid #a78aff;
}
.w3c{
	position:absolute;
	display: block;
	top:10px;
	right:0px;
}
.tandc{
	position:absolute;
	display: block;
	top:10px;
	left:0px;
}

/* . . . . . . . . . . . . . . . . . . . . . */
.siteinfo{
	float: left;
	position: relative;
	top:50px;
	border-top: 1px solid #a78aff;
}
/* ----------------------- Special Formatting -------------------------------------------- */
.hideme{
	display: none;
}
.indent {
	padding-left: 00px;
}

.title { 
	background-color: #666666;
	color: white;
	font-size: 1.1em; 
	font-weight : bold;
	padding:4px;
	padding-left:10px;
}

.bullit{
	background-image: url(graphics/bullit.gif);
	background-repeat : no-repeat;
	width : 12px;
	height : 12px;
	border : 0px none;
}

.note{
	font-size : smaller;
}

.box{
	color: #696969;
	background-color: white;
	margin-right:00px;
}

.quote{
	font-style: italic;
	margin-bottom: 0px;
}
.centerbold{
	text-align: center;
	font-weight: normal;
	font-size: larger;
}

.warning{
	font-weight: bold;
	color: Red;
	font-style: italic;
}

.paybut{
	width: 40px;
	margin-left: 20px;
	padding-top:5px;
}

.ppcontent {
	background-color: white;

	width: 508px; /* 760-5-140-53*/
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	float: left;
}

.ppcontent form, .ppcontent input {
	font-size: 12px;
	border:0px;
	display: inline;
	margin-left:0px;
	padding-left: 0px;	
}

.free {
	color: red;
}

.clearboth { 
	clear: both; 
}

/* -------------------------- Horizontal Menu -------------------------------------- */
.hmenu{
	border: 1px;	
	text-align: center;
	float: left;
	margin-left: 0px;
	padding-bottom: 3px;
	top:61px;
	left:10px;
	width:460px;
	position: relative;
}

.hmenu a,.hmenu a:visited{
	color: #666666;
	background: transparent url(graphics/tab.jpg);
	text-decoration:none;
	font-size: 15px;
	font-weight:normal;
	display:block;
	float: left;
	margin:0;
	line-height: 160%;
	text-align: center;
	width: 92px;
	height:29px;
}
.hmenu a:hover{
	color: black;
	text-align: center;
}
.hmenu a:active{
	color:#666666;
}

.hmenu span{
	display:block;
	font-size: 15px;
	font-weight:normal;
	line-height: 160%;
}

/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

.hmenus a,.hmenus a:visited{
	color:black;
	background: transparent url(graphics/tabs.jpg);
	text-decoration:none;
	font-size:15px;
	font-weight: normal;
	display:block;
	margin:0;
	width: 92px;
	height:29px;
	line-height: 160%;
	text-align: center;
}
.hmenus a:hover{
	color:black;
	display:block;
	background: transparent url(graphics/tabs.jpg);
	text-align: center;
}
.hmenus a:active{
	color:#666666;
	text-align: center;
}

.hmenus span{
	display:block;
	font-size: 15px;
	font-weight: normal;
	line-height: 160%;
}
/* ------------------------------------------ */
.FLL{
	margin-top:0px;
	padding-top:0px;

	padding-left:0px;
	margin-left:10px;
	
	margin-bottom:5px;
	/* *margin-bottom:5px; */
}
.FLL UL{
	margin-top:0px;
	margin-bottom:0px;
}
.FLL LI{
	margin-top:0px;
	margin-bottom:0px;
}
.FLL HR{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
}

.FLL-links{
	margin-top:0px;
	padding-left:0px;
	margin-left:20px;
}
.FLL-links UL{
	margin-top:0px;
	margin-bottom:10px;
}
.FLL-links LI{
	margin-top:0px;
	margin-bottom:10px;
}
.FLL-links HR{
	margin-top:5px;
	margin-bottom:0px;
	margin-left:0px;
}