body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#666666;
width: 750px;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/backshad.gif);
background-repeat: repeat-y;
background-position: center;
}

#intmid {
width:560px;
margin:0 auto;
}
.about_hob {
width:538px;
border:1px solid #666666;
padding:6px 10px 9px 10px;;
margin:10px 0 0 0;
text-align:center;
position:relative;
}
#about_hob_tl {
width:10px;
height:10px;
background-image: url(../images/ltl.gif);
background-repeat:no-repeat;
position:absolute;
top:-1px;
left:-1px;
}
#about_hob_tr {
width:10px;
height:10px;
background-image: url(../images/ltr.gif);
background-repeat:no-repeat;
position:absolute;
top:-1px;
right:-1px;
}
#about_hob_bl {
width:10px;
height:10px;
background-image: url(../images/lbl.gif);
background-repeat:no-repeat;
position:absolute;
bottom:-1px;
left:-1px;
}
#about_hob_br {
width:10px;
height:10px;
background-image: url(../images/lbr.gif);
background-repeat:no-repeat;
position:absolute;
bottom:-1px;
right:-1px;
}

#box1, #box2, #box3 {
position:relative;
}
#box1_tl {
width:10px;
height:10px;
background-image: url(../images/ytl.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
}
#box1_tr {
width:10px;
height:10px;
background-image: url(../images/ytr.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
right:0px;
}
#box1_bl {
width:10px;
height:10px;
background-image: url(../images/ybl.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
left:0px;
}
#box1_br {
width:10px;
height:10px;
background-image: url(../images/ybr.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
right:0px;
}
#box2_tl {
width:10px;
height:10px;
background-image: url(../images/otl.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
}
#box2_tr {
width:10px;
height:10px;
background-image: url(../images/otr.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
right:0px;
}
#box2_bl {
width:10px;
height:10px;
background-image: url(../images/obl.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
left:0px;
}
#box2_br {
width:10px;
height:10px;
background-image: url(../images/obr.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
right:0px;
}
#box3_tl {
width:10px;
height:10px;
background-image: url(../images/btl.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
}
#box3_tr {
width:10px;
height:10px;
background-image: url(../images/btr.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
right:0px;
}
#box3_bl {
width:10px;
height:10px;
background-image: url(../images/bbl.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
left:0px;
}
#box3_br {
width:10px;
height:10px;
background-image: url(../images/bbr.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
right:0px;
}
.quarter_pic {
position:absolute;
top:0px;
left:0px;
}
.quarter_text {
position:relative;
top:100px;
left:0px;
}
.qspacer {
width:100%;
height:0px;
clear:both;
float:left;
}



.quarter {
padding:5px;
width:170px;
background-color:#EEEEEE;
clear:none;
float:left;
margin:10px 0;
text-align:center;
color:#FFF;
font-size:12px;
cursor:pointer;
line-height:150%;
}
.quarter a {
color:#FFF;
font-weight:bold;
font-size:10px;
}
.quarter a:hover {
color:#666666;
}
.qspace {
width:10px;
clear:none;
float:left;
}
.qred {
background-color:#FC5715;
background-image: url(../images/topslases.jpg);
background-repeat:no-repeat;
padding-top:100px;
}
.qorange{
background-color:#FEA815;
background-image: url(../images/topsacrys.jpg);
background-repeat:no-repeat;
padding-top:100px;
}
.qgreen {
background-color:#A3D281;
}
.qblue {
background-color:#006599;
background-image: url(../images/topsables.jpg);
background-repeat:no-repeat;
padding-top:100px;
}



h1 {
margin:0 0 5px 0;
color:#666666;
font-size:15px;
line-height:18px;
}
h2 {
margin:7px 0 5px 0;
font-size:15px;
}
img {
border:none;
}



#topnav {
width:208px;
float:right;
margin:0 30px 0 0;
background:#EEEEEE;
}
#topnav a {
color:#666666;
text-decoration:none;
font-weight:bold;
}
#topnav a:hover {
color:#111111;
}
#topnavleft {
clear: none;
float: left;
width:10px;
}
#topnavcentre {
float:left;
clear:none;
padding:3px 0 0 0;
}
#topnavright {
clear: none;
float: right;
width:8px;
}



#bannerright {
clear: none;
float: right;
width:237px;
}
#bannercentre {
float:left;
clear:none;
}
#bannerleft {
clear: none;
float: left;
width:20px;
}
#banner {
width:750px;
height:107px;
background-image:url(../images/bannerbac.jpg);
background-repeat:repeat-x;
clear:both;
}



#navigation {
width:120px;
background-image:url(../images/navbac.jpg);
background-repeat:repeat-x;
min-height:300px;
_height:300px;
margin:0 0 0 15px;
padding:4px 8px;
font-weight:bold;
color:#FFFFFF;
float:left;
clear:both;
}
#navigation ul {
color:#000000;
margin:0;
padding:0;
list-style-type: none;
}
#navigation ul li {
line-height:180%;
}
#navigation ul li a {
color:#666666;
text-decoration:none;
}
#navigation ul li a:hover {
color:#111111;
}


.sublist a {
text-decoration:none;
color:#666666;
line-height:180%;
}
.sublist {
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}
.sublist li {
margin:0 0 0 10px;
}



#footer {
width:750px;
clear:both;
color:#FFFFFF;
margin:0 0 10px 0;
}
#footerleft {
float:left;
clear:none;
width:13px;
height:18px;
}
#footercentre {
float:left;
clear:none;
background-image:url(../images/botbarbac.gif);
background-repeat:repeat-x;
height:18px;
width:728px;
text-align:center;
padding:2px 0 0 0;
}
#footerright {
float:right;
clear:none;
width:9px;
height:18px;
}
#footer a {
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover {
color:#666666;
}

.picleft {
margin:3px 10px 3px 0;
}
.picright {
margin:3px 0 3px 10px;
}
.bigtoppic {
margin:0 0 8px 0;
}
.bigmidpic {
margin:8px 0 8px 0;
}

#main {
margin:8px 0 10px 20px;
width:412px;
float:left;
clear:none;
line-height:140%;
min-height: 300px;
}
#main a {
text-decoration:none;
font-weight:bold;
color:#FC5715;
}
#main a:hover {
color:#111111;
}
#galmain {
width:580px;
margin:8px 0 10px 0;
float:right;
clear:none;
line-height:140%;
min-height: 300px;
}
#mainpic {
clear: none;
float: right;
width:158px;
height:327px;
margin:8px 0 1px 0;
}
.mainrow {
width:412px;
padding:3px 5px;
border:1px solid #666666;
margin:0 0 5px 0;
background:#EFEFEF;
}
.mainrow_in {
width:100%;
margin:0 0 5px 0;
clear:both;
min-height:7px;
}
.mainrow_in_l {
width:150px;
text-align:right;
float:left;
margin:0 5px 0 0;
font-weight:bold;
}
.mainrow_in_r {
float:left;
clear:none;
width:250px;
}
.mainrow_in_r input {
width:190px;
padding:3px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.mainrow_in_r textarea {
width:290px;
padding:3px 5px;
height:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.mainrow_in_rl input {
width:290px;
padding:3px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.mainrow_in_rl textarea {
width:290px;
padding:3px 5px;
height:300px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}





#gallery {
margin:8px 0 10px 0;
width:580px;
float:right;
clear:none;
background:#EFEFEF;
}
.gallery_row {
width:580px;
clear:both;
text-align:center;
}
#gallery_lt {
background-image:url(../images/gal_tl.gif);
width:8px;
height:8px;
float:left;
clear:none;
}
#gallery_rt {
background-image:url(../images/gal_tr.gif);
width:8px;
height:8px;
float:right;
clear:none;
}
#gallery_lb {
background-image:url(../images/gal_bl.gif);
width:8px;
height:8px;
float:left;
clear:none;
}
#gallery_rb {
background-image:url(../images/gal_br.gif);
width:8px;
height:8px;
float:right;
clear:none;
}
.gallery_pic_l {
width:273px;
border:solid 1px #666666;
margin:0 10px 10px 10px;
background:#FFFFFF;
float:left;
clear:none;
height:263px;
position:relative;
}
.gallery_pic_r {
width:273px;
border:solid 1px #666666;
margin:0 10px 10px 0;
background:#FFFFFF;
float:right;
clear:none;
height:263px;
position:relative;
}
.gallery_pic_l img, .gallery_pic_r img {
position:absolute;
left:0px;
clip:rect(0px 273px 182px 0px);
}
.ilike {
background:url(../images/ilikebac.gif);
width:98px;
height:22px;
position:absolute;
top:238px;
left:170px;
text-align:right;
color:#FFFFFF;
padding:3px 5px 0 0;
}
.galtxt {
width:263px;
padding:3px 5px;
text-align:left;
position:absolute;
top:187px;
left:0px;
}
#ilike_list {
width:280px;
height:90px;
border:1px solid #999999;
overflow:auto;
float:right;
padding:3px 5px;
margin:0 0 0 10px;
}
.gallery_row a {
color:#FC5715;
text-decoration:none;
font-weight:bold;
}




#tome {
text-align:center;
font-size:8pt;
clear:both;
}
#tome a {
color:#999999;
text-decoration:none;
}


.mainrow {
width:412px;
padding:3px 5px;
border:1px solid #666666;
margin:0 0 5px 0;
background:#EFEFEF;
clear:both;
}
.mainrow_in {
width:412px;
margin:0 0 5px 0;
clear:both;
min-height:1px;
}
.mainrow_in_l {
width:150px;
text-align:right;
float:left;
margin:0 5px 0 0;
font-weight:bold;
}
.mainrow_in_r {
float:left;
clear:none;
}
.mainrow_in_r input {
width:190px;
padding:3px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.mainrow_in_r textarea {
width:190px;
height:100px;
padding:3px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}

.colour_txt {
color:#FC5715;
}
.colour_txt_bold {
color:#FC5715;
font-weight:bold;
}

.alert {
font-weight:bold;
color:red;
}


html
{
height: 100%;
}
body
{
height: 100%;
}

/*#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#footer
{
position: relative;
margin-top: -58px;
_margin-top: 0px;
}*/