/* HVGC Main stylesheet

If modifying anything in NavMenu, don't forget to modify the gallery stylesheet screen.css 
The blog stylesheet also duplicates NavMenu, Content and ColourBar but has its own side bar
*/
BODY {
	background-image: url(images/bannerbg.gif);
	background-repeat: repeat-x;
	margin:0;
	}
UL {
	margin-left:3em;
	list-style-image:url(images/bullet.gif);
	}	
LI.PDF {
	list-style-image:url(images/pdf.gif);
	}
OL { 
	/*padding-left:expression((body.clientWidth-500)/2);*/
	}
OL LI {
	}
ADDRESS {
	font-size:130%;
	}
BLOCKQUOTE {
	background-color: #FFFFE0;
	clear:both;
	}
HR {
	clear:both;
	}
.ColourBar {
	width:100%;
	height:22px;
	text-align: center;
	font-weight: bold;
	font-family: arial;
	line-height:22px;
	/* everything from here on is for the table-layout subsidiary colour bars (doesn't affect DIVs)*/
	padding:0;
	border-collapse:collapse;
	vertical-align:top;
	}
.Icon {
	width:21px;
	height:18px;
	border-width: 0px;
	vertical-align: bottom;
}
#LogoImg {
	width:122px; 
	height:113px; 
	padding-left:15px;
	border-width:0;
}
#TitleImg { 
	width:520px; 
	height:113px; 
	padding-left:20px;
}
#DynamicImg {
	position:absolute; 
	top:0;
	right:0; 
	width:200px;
}

#NavMenu {
	font-family:arial;
	font-weight:bold;
	line-height:0.8em;
	position:absolute;
	top:125px;
	left:0px;
	width:165px;
	padding-top:10px;
	background-color: #ECEFD2;
	background-image: url(images/BGParch.gif);
	background-repeat:repeat-y;
	}
#NavMenu P {
	margin-top:0;
	margin-bottom:0;
	margin-left:7px;
	padding: 5px 0 5px 5px ;
	width:139px;
	border-bottom:2px groove white;
	}
#NavMenu A {
	color: #483D8B;
	text-decoration:none;
	cursor: pointer;
	}
#NavMenu A:hover {
	color: red;
	}

#SideBar {
	font-family:arial;
	position: absolute;
	top:123px;
	right:1px;
	width:200px;
	height:310px;
	padding-top:12px;
	background-color: #88CDE9;
	background-image: url(images/BGBlue.gif);
	background-repeat:repeat-y;
	}
#SideBar P {
	margin-top:0;
	margin-left:15px;
	}
#SideBar H3 {
	z-index:100;
	}
#SideBar CENTER {
	margin-left:10px;
	margin-right:20px;
	}
#SideBar .ColourBar {
	background-color: blue; display:none;
	}

.Tbox {
	position: absolute;
	top:0px;
	left:0px;
	}
.Bbox {
	position: absolute;
	bottom:0px;
	left:0px;
	}
.TLxDelete {
	position: absolute;
	top:0px;
	left:0px;
	}
.TRxDelete {
	position: absolute;
	top:0px;
	right:0px;
	}
.TL2 {
	position: relative;
	top:0px;
	left:0px;
	padding:0;
	text-align:left;
	}
.TR2 {
	position: relative;
	top:0px;
	right:0px;
	padding:0;
	text-align:left;
	}
.BL {
	position: absolute;
	bottom:0px;
	left:0px;
	}
.BR {
	position: absolute;
	bottom:0px;
	right:0px;
	}
.ragged {
	float: left; 
	clear: left; 
	margin: 0 0.5em 0 0;
	}

#Content {
	font-family: times;
	margin-top:12px;
	margin-left:170px;
	margin-right:210px;
	}	
#Content .TL {
	position: absolute;
	top:129px;
	left:170px;
	}
#Content .TR {
	position: absolute;
	top:129px;
	right:209px;
	}
#Content .ColourBar {
	background-color: #FF9600;
	}

#WeatherBelowSideBar {
	position: absolute;
	top:450px;
	right:10px;
	width:180px;
	text-align:center;
	}


#PrevNext {
	font-family: arial;
	margin-left:170px;
	margin-right:210px;
	white-space:nowrap;
	clear:both;
	}	
#PrevNext IMG{
	border:none;
	vertical-align:middle;
	}
#PrevNext .Prev {
	float:left;
	border:1px solid #C0C0C0;
	padding:2px;
	}
#PrevNext .Next {
	float:right;
	border:1px solid #C0C0C0;
	padding:2px;
	}

#Footer {
	margin-left:170px;
	margin-right:210px;
	text-align:center;
	padding-bottom:1em;
	clear:both;
	}
/* for driving directions on map page */
#Directions {
	font-family: verdana,arial,helvetica,san-serif;
	color: #483D8B;
	width:100%;
	border:thin solid black;
	background-color: #F5F5F5;
	font-size: small;
}
P.Dir {
	margin: 0.5em;
	padding:0;
}
/* for main gift voucher entry form*/
.OrderForm {
	font-family: verdana,arial,helvetica,san-serif;
	color: #483D8B;
	}
FIELDSET {
	border:thin solid #FF9600;
	margin:0.5em;
	padding:0.5em;
	}
DIV.OrderForm {
	clear: both;
	width:100%;
	border:thin solid black;
	background-color: #F5F5F5;
	}
.AddressBlock {
	border-collapse: collapse;
	}
.LabelImg {
	vertical-align: middle;
	}
TABLE.OrderForm { 
	width:100%;
	}
TH.OrderForm {
	width:30%; 
	vertical-align:top;
	font-size:small;
	text-align:right;
	font-weight:normal;
	}
H2.OrderForm {
	text-align:center;
	width:100%;
	display:block;
	font-family: verdana,arial,helvetica,san-serif;
	}
.OrderNote {
	color: #D2691E;
	font-size: small;
	font-weight:normal;
	text-align:left;
	margin-top:0;
	padding-top:0;
	}
.OrderNoteErr {
	color: #D2691E;
	font-size: small;
	font-weight: bold;
	}
#FullPage {
	margin:2em;
	margin-left:170px;
	}
#FullPage .ColourBar {
	background-color: #FF9600;
	}
.BigButton {
	font-size:large;
}
/* for intermediate subheadings*/
H4 {
	font-family: arial;
	padding-bottom:0;
	margin-bottom:0;
}