/* RATS Orange : #dc7432
*/

body { margin: 10px ; min-width: 640px ;
	background: blue url("images/texture/diamond-tile4.gif") ; 
	/*color: white ;*/ font-family: sans-serif ;
	text-align: center }
img { margin-bottom: 20px }
h1,h2,h3 {  text-align: center }

/* shorthand classes ... */
*.fcr { float: right ; clear: right }
*.fcl { float: left  ; clear: left  }

/*div.photo { width: 640px ; height: 480px ; position: relative }
div.photo img {  position: absolute ; top: 0px ; left: 0px }*/
/*
div , td { border: solid }
div div { border-color : green }*/

img.photo { border: #dc7432 solid 4px ; padding: 0px ; margin: 12px 8px /*;
	 -moz-border-radius: 32px ; overflow: hide */}

table.box { empty-cells: show ; border-collapse: collapse ; 
	margin: 8px ; display: inline }
table.box td { padding: 0px ; margin: 0px/* ; border: solid thin black */} 
table.box td.corner { background: transparent }
table.box td > * {  margin: 0px ; padding : 0px ; border: none }
/* table.box * { color: black } */
div.linklist > * { margin: 0px ; padding: 0px ; text-align: left } 
div.linklist > h2 { padding: 0px 0px 10px 0px } 

table.layout { /*width: 98% ;*/ border-collapse: separate ; border-spacing: 2px }
table.layout td {  text-align: center ; vertical-align: middle /* ; border: solid*/ }

table.ratingsbox { border: solid #dc7432 6px ; border-collapse: collapse }
table.ratingsbox col { width: 64px }
table.ratingsbox col.label { width: 12em }
table.ratingsbox col.spacer { width: 6px }
table.ratingsbox td { margin: 0px ; height: 64px ; border: thin black solid }
table.ratingsbox td.ratings-bar { border-width: 6px }
table.ratingsbox td { background: white ; color: black ; 
	font-weight: bold ; font-family: serif }

table.ratings td img { display: inline ; margin: 2px ; padding: 0px ; border: none }
table.ratings td { /*color: black ; */font-weight: bold }
table.ratings td.bar { text-align: left }
table.ratings td.label { text-align: center ; margin-left: -8px ; padding-left: 0px }

.hiride { position: relative ; top: -6px ; margin: 0px ; padding: 0px }

span.dbltxt      { position: relative; font-size: 56px ; font-weight: bold ;
	font-family: "RATS stencil", "stencil", serif /*; margin: 0px -6px ; padding: 0px -8px */}
span.dbltxt span { position: absolute; z-index: 1 } 

/*@font-face {
	font-family: "RATS Stencil";
        src: url("images/ratstencil.ttf");
	font-style: normal;
	font-weight: 800
	}
*/
h1.rats, h1.rats1 { font-family: "RATS Stencil","stencil",serif ; font-size: 60px ; color: white ; border: dashed #ffa000 8px }
h1.rats1 { color: orange ; position: absolute; z-index: 1; top: -6px ; left: -6px }

/* darkback is used for text elements rendered straight onto the dark blue background */
*.darkback { margin-left: 16px ; text-align: left ; color: white }
*.darkback :link    { color: yellow }
*.darkback :visited { color: orange }

/* For the enquiry form,  the labels being the left column of a layout table... */
form td:first-child { font-weight: bold ; font-style: italic ; text-align: right }
form td { color: white  }

*.footer { position: fixed ; width: 100% ; height: 240px ;
		top: auto  ; right: 0    ; bottom: 0 ;   left: 0 ; 
		text-align:  center ;       clear: both ; 
		vertical-align: bottom ;
		background: url("images/texture/fadetoblue.png") ;
		background-repeat: repeat-x /*; 
		background-position: center top ;
		background-attachment: fixed*/ }
*.footer > div { /*border: 1px yellow solid ;*/ position: fixed ;
		bottom: 0 ; width: 100% ; text-align:  center }

*.footer2 { width: 100% ; text-align:  center ;  clear: both }

*.header { position: fixed ; width: 100% ; height: auto ;
		top: 0  ; right: 0    ; bottom: auto ;   left: 0 ; 
		text-align:  center ;       clear: both ; 
		vertical-align: top ; background: url("images/diamond-tile4.gif") }
*.header > div { /*border: 1px yellow solid ;*/ position: fixed ;
		top: 0 ; width: 100% ; text-align:  center }

hr { margin: 4px }