body { background: #FFF8E8 url(Images/index-bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#696969; height: 100%; margin: auto; padding: 0; width: 100%; }

#title {
	margin: 0px 0 0 203px;
	padding: 0;
	width: 360px;
	height: 140px;
}
#title img {
	padding: 0;
	margin: 0;
	border: none;
}

#container { margin: 0 auto 0 auto; width: 975px; }

#header { height: 13px;	background-image: url(Images/index-header.gif);	margin: 0px 0 0 0;
}

#header-container { background-image: url(Images/index-object.gif);
	clear: both;
	height: 420px;
	margin: 0 0 0 0;
	width: 975px;  }
	
#object {
	padding: 0 0 0 13px;
}
#top {
	background: url(Images/defaut-wrapper.gif);
	height: 170px;
}
#right {
	float: left;
	padding: 0;
	margin: 10px 5px 0 0;
}
#right .box {
	padding: 0;
	margin: 43px 0 0 25px;
}
#right .box2 {
	padding: 0;
	margin: 37px 0 0 25px;
}
#right .box3 {
	padding: 0;
	margin: 37px 0 0 25px;
}
#right img {
	padding: 0px 0 0 0px;
	margin: 0;
}
#right p {
	color: #9F864F;
	padding: 5px 0 0 0;
	margin: 30px 0 0 18px;
}
#right a {
	color: #9F864F;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}
#box {
	height: 20px;
	padding: 0;
	margin: 34px 0 0 26px;
}
#box1 {
	height: 20px;
	padding: 0;
	margin: 34px 0 0 26px;
}
#box2 {
	height: 20px;
	padding: 0;
	margin: 34px 0 0 26px;
}
#container-header {
	width: 670px;
	height: 85px;
	padding: 20px 40px 0px 40px;
	background-image: url(images/bg_header.gif);
	line-height: 85px;
	font-size:28px;
	font-weight:bold;
}
#container-name {
	float: left;
}
#container-slogan {
	float: right;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	padding-right: 10px;
}
span, #container-name span, #container-slogan span {
	color: #006AC3;
}
#wrapper {
	width: 975px;
	padding: 0;
	height: 110px;
	background-image: url(Images/index_wrapper.gif);
}
#container-navigation {
	width: 670px;
	background-color: #45AAFF;
	height: 22px;
	border-bottom: 1px solid #ffffff;
}
#menu {
	clear: both;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 13px;
}
#menu li {
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
	list-style-type: none;

}
#menu li#homenav {
	float: left;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 50px;
	z-index: 100;
}
#menu li#accomnav {
	float: left;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 131px;
	z-index: 100;
}
#menu li#wednav {
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 77px;
	z-index: 100;
}
#menu li#servnav {
	float: left;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 107px;
	z-index: 100;
}
#menu li#specnav {
	float: left;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 119px;
	z-index: 100;
}
#menu li#actnav {
	float: left;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 182px;
	z-index: 100;
}
#menu li#overnav {
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 105px;
	z-index: 100;
}
#menu li#resnav {
	float: left;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 104px;
	z-index: 100;
}
#menu li#abnav {
	float: left;
	height: 36px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 75px;
	z-index: 100;
}
#menu li a, #menu li a:visited {
	text-decoration: none;
}
#menu li dl {
	left: 0;
	position: absolute;
	top: 0;
	width: 182px;
}
#menu li dd {
	display: none;
}
#menu li a:hover {
	WIDTH: auto;
}
#menu li:hover dd, #menu li a:hover dd {
	display: block;
}
#menu li:hover dl, #menu li a:hover dl {
	padding: 0;
}
#menu table {
	border-collapse: collapse;
	font-size: 1em;
	margin: -1px;
	padding: 0;
}
#menu dl {
	margin: 0;
	padding: 0;
}
#menu dl a {
	display: block;
	margin: 0;
}
#menu dl a:link {
	margin: 0;
}
#menu dl a:visited {
	display: block;
}
#menu dt {
	margin: 0;
	padding: 0;
}
#menu dt a {
	display: block;
	margin: 0;
	padding: 0;
}
#menu dt a:link {
	display: block;
	height: 36px;
}
#menu dt a:visited {
	display: block;
	height: 33px;
}
#menu dt#home {
	background: url(Images/nav_01.gif);
	height: 36px;
	width: 50px;
}
#menu dt#home a.active {
	background: url(Images/navover_01.gif);
	height: 36px;
	width: 50px;
}
#menu dt#home a:hover {
	background: url(Images/navover_01.gif);
	height: 36px;
	width: 50px;
}
#menu dt#accom {
	background: url(Images/nav_02.gif);
	height: 36px;
	width: 131px;
}
#menu dt#accom a.active {
	background: url(Images/navover_02.gif);
	height: 36px;
	width: 131px;
}
#menu dt#accom a:hover {
	background: url(Images/navover_02.gif);
	height: 36px;
	width: 131px;
}
#menu dt#wed {
	background: url(Images/nav_03.gif);
	height: 36px;
	width: 77px;
}
#menu dt#wed a.active {
	background: url(Images/navover_03.gif);
	height: 36px;
	width: 77px;
}
#menu dt#wed a:hover {
	background: url(Images/navover_03.gif);
	height: 36px;
	width: 77px;
}
#menu dt#serv {
	background: url(Images/nav_04.gif);
	height: 36px;
	width: 107px;
}
#menu dt#serv a.active {
	background: url(Images/navover_04.gif);
	height: 36px;
	width: 107px;
}
#menu dt#serv a:hover {
	background: url(Images/navover_04.gif);
	height: 36px;
	width: 107px;
}
#menu dt#spec {
	background: url(Images/nav_05.gif);
	height: 36px;
	width: 119px;
}
#menu dt#spec a.active {
	background: url(Images/navover_05.gif);
	height: 36px;
	width: 119px;
}
#menu dt#spec a:hover {
	background: url(Images/navover_05.gif);
	height: 36px;
	width: 119px;
}
#menu dt#act {
	background: url(Images/nav_06.gif);
	height: 36px;
	width: 182px;
}
#menu dt#act a.active {
	background: url(Images/navover_06.gif);
	height: 36px;
	width: 182px;
}
#menu dt#act a:hover {
	background: url(Images/navover_06.gif);
	height: 36px;
	width: 182px;
}
#menu dt#over {
	background: url(Images/nav_07.gif);
	height: 36px;
	width: 105px;
}
#menu dt#over a.active {
	background: url(Images/navover_07.gif);
	height: 36px;
	width: 105px;
}
#menu dt#over a:hover {
	background: url(Images/navover_07.gif);
	height: 36px;
	width: 105px;
}
#menu dt#res {
	background: url(Images/nav_08.gif);
	height: 36px;
	width: 104px;
}
#menu dt#res a.active {
	background: url(Images/navover_08.gif);
	height: 36px;
	width: 104px;
}
#menu dt#res a:hover {
	background: url(Images/navover_08.gif);
	height: 36px;
	width: 104px;
}
#menu dt#ab {
	background: url(Images/nav_09.gif);
	height: 36px;
	width: 75px;
}
#menu dt#ab a.active {
	background: url(Images/navover_09.gif);
	height: 36px;
	width: 75px;
}
#menu dt#ab a:hover {
	background: url(Images/navover_09.gif);
	height: 36px;
	width: 75px;
}
#menu dd {
	color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: left;
}
#menu dd a, #menu dd a:visited {
	background: #fff;
	border-bottom: #E8DCC4 1px solid;
	border-left: #E8DCC4 1px solid;
	border-right: #E8DCC4 1px solid;
	color: #990000;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 21px;
	line-height: 20px;
	padding: 0 0 0 6px;
	width: 100px;
}
#menu dd#accom a, #menu dd#accom a:visited { width: 156px; }

#menu dd#wed a, #menu dd#wed a:visited { width: 150px; }

#menu dd#serv a, #menu dd#serv a:visited { width: 115px; }

#menu dd#spec a, #menu dd#spec a:visited { width: 160px; }

#menu dd#act a, #menu dd#act a:visited { width: 173px; }

#menu dd#over a, #menu dd#over a:visited { width: 113px; }

#menu dd#res a, #menu dd#res a:visited { width: 142px; }

#menu dd#ab a, #menu dd#ab a:visited { width: 98px; }

#menu dd a:hover {
	BACKGROUND: #BB2626;
	COLOR: #fff;
	display: block;
	WIDTH: 99px;
}
h3 {
	color: #D5872B;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 5px 0 5px 44px;
	text-transform: uppercase;
}
ul#features {
	padding: 0;
	margin: 0 80px 0px 30px;
}
ul#features li {
	background: url(Images/dot.gif) no-repeat 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#696969;
	line-height: 17px;
	PADDING-TOP: 0.3em;
	list-style-type: none;
	padding: 0 0 0 12px;
}
ul#features li a {
	color: #593b1c;
	text-decoration: underline;
}
ul#features li a:hover {
	color: #593b1c;
	text-decoration: none;
}

#container-content {
	width:975px;
	background: url(Images/body-wrapper.gif) repeat-y;
	padding: 15px 0 70px 0;
	margin: 0 0 0 0;
}
#content {
	background: url(Images/i_bg.gif) no-repeat;
	width: 748px;
	padding: 40px 0 25px 1px;
	margin: 0 0 0 43px;
}
#content img {
	float: left;
	padding: 0;
	border: 0;
}
#content hr {
	border: none 0;
	border-top: 1px solid #cccccc;
	margin: 0px 0 0px 25px;
	height: 1px;
}
#content p {
	line-height: 19px;
	padding: 0;
}
#content p a, #border p a {
	text-decoration: none;
	color: #006AC3;
	border-bottom: 1px dotted #006AC3;
}
#content p a:hover, #border p a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #006AC3;
}
#content li {
	line-height: 20px;
	color: #666666;
	margin: 0 0 0 15px;
}
#content .itext {
	line-height: 19px;
	color: #666666;
	margin: 0;
	padding: 5px 70px 0 30px;
}
h1 {
	background: url(Images/i_h1_bg.gif) no-repeat bottom left;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #8D150D;
	line-height: 10px;
	margin: 0px 25px 0 35px;
	padding: 0 0px 15px 0;
}
h2 {
color: #D5872B; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; 	
	margin: 0;
	padding: 5px 0 5px 24px;
	text-transform: uppercase;
}
h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:left;
	color:#D5872B;
	background-color:inherit;
	text-decoration:underline;
	text-transform: uppercase;
}
h2 a:hover {
	text-decoration: none;
}
.sub {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #8D150D;
	margin: 0;
	padding: 0 0 0px 3px;
	line-height: 22px;
}
#i_bg {
	height: 760px;
	margin: 0;
}
#i_leftbox {
	float: right;
	margin: 0;
	padding: 0 0 0 0px;
	width: 235px;
}
#i_rightbox {
	float: left;
	margin: 0 0px 0 30px;
	width: 650px;
}
#i_bottombox {
	float: left;
	margin: 0px 0 60px 0px;
	padding: 35px 0 0 25px;
	width: 600px;
}
#i_bottombox h5 {
	margin: 0;
	padding: 0 0 1px 0;
	line-height: 30px;
}
#splitleft {
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 0px 0 0;
	text-align: justify;
}
#splitright {
	padding: 0;
	width: 250px;
	float: right;
	margin: 0 40px 0 0;
	text-align: justify;
}
#eventpull {
	padding: 0;
	margin: 0;
}
#eventpull h1 {
	background: url(Images/i_h1_bg.gif) no-repeat bottom right;
	margin: 0px 25px 10px 25px;
	padding: 45px 0 14px 2px;
	line-height: 24px;
}
.sub {
	margin: 0;
	padding: 0;
}
#eventpull h2 {
	margin: 0 0 8px 0;
	padding: 0 0 0 2px;
	line-height: 15px;
	border-bottom: 1px dotted #E8DCC4;
}
#eventpull p {
	margin: 0;
	padding: 0 105px 0px 26px;
	text-align:justify;
	 color:#333333; font:12px Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px;
}
#eventpull img {
clear: both; border: 1px solid #E8DCC4; padding: 1px; margin: 0px 110px 15px 35px;
}
.line {
	background: url(Images/i_h1_bg3.gif) no-repeat bottom right;
	line-height: 9px;
	margin: 0 0 0 3px;
	padding: 0 0 7px 2px;
}
.lined {
	CLEAR: both;
	border-bottom: 1px dotted #E8DCC4;
	margin: 0 70px 0px 33px;
	height: 20px;
}

#eventpull A {
	color: #333333;
	margin: 0;
	padding: 0 0 2px 0;
	line-height: 20px;
	text-decoration: none;
}
#eventpull A:hover {
	text-decoration: none;
	color: #D19464;
}
#eventpull-l {
 padding: 0;
	margin: 20px 0 0 0;
}
#eventpull-l img {
	padding: 0 0 0 26px;
	margin: 0;
}
#map {
	background: url(Images/map-bg.gif) no-repeat;
	width: 211px;
	height: 167px;
	padding: 0;
	margin: 44px 0 0 0;
}
#map img {
	padding: 0 0 0 20px;
	margin: 0;
}
#map img.dir {
	padding: 0 0 0 40px;
	margin: 0;
	border: none;
}
#dir {
	padding: 30px 0 0 40px;
	margin: 0;
	border: none;
}
.sub {
	margin: 0;
	padding: 0;
	}
#boxleft {
	padding: 0;
	margin: 0 0px 0 0;
}
#boxleft h2 {
color: #D5872B; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; margin: 0; text-transform: uppercase;	padding: 0px 0 0 0;
}
p.sub {
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#696969;
	line-height: 16px;
	margin: 0;
	padding: 6px 1px 0 0px;
}
#boxleft a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:left;
	color:#D5872B;
	background-color:inherit;
	text-decoration:underline;
	text-transform: uppercase;
}
#boxleft A:hover {
	text-decoration: none;
}
#boxleft img {
clear: both; border: 1px solid #E8DCC4; padding: 1px; margin: 0px 0px 3px 0px;
	}
#boxright {
	padding: 0;
	margin: 0 0px 0 0;
}
#boxright h2 {
color: #D5872B; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 18px; margin: 0; text-transform: uppercase;	padding: 0px 0 0 0;
}
#boxright a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	text-align:left;
	color:#D5872B;
	background-color:inherit;
	text-decoration:underline;
	text-transform: uppercase;
}
#boxright A:hover {
	text-decoration: none;
}
#boxright img {
clear: both; border: 1px solid #E8DCC4; padding: 1px; margin: 0px 0px 3px 0px;
}
#maps {
	width:160px;
	padding: 10px 0 0 18px;
	margin: 0;
}
#maps ul {
	padding: 0;
	margin: 0;
	display: inline;
}
#maps li {
	float:left;
	list-style-type: none;
}
#maps li.list1 {
	background: transparent url(Images/indexvideo.jpg);
	width:160px;
	height: 113px;
}
#maps a {
	display:block;
	color:#000;
	overflow:hidden;
	margin: 0;
}
/* hack for older versions of IE with incorrect box model */

* html #maps a:link, * html #maps a:visited {
	height:113px;
}
#maps a#item1 {
	background:transparent url(Images/indexvideo_over.jpg) -160px -90px no-repeat;
	width:160px;
	height:113px;
}
#maps a#item1:hover {
	background-position: 0 0;
	border: none;
}
#nav {
	background: url(Images/index-wrapper.gif) repeat-y;
	height: 18px;
	margin: 0;
	padding: 0;
}
#nav img {
	padding: 8px 0 0 36px;
	}
#border { margin-left: 740px; padding: 25px 0 0 0; width: 230px; }

#border img { padding: 0 0 0 0px; }

#border a img.call { border: none; padding: 0 0 0 6px; }
	
	
.video { height: 135px; margin: 0 0 0px 6px; padding: 0 0 10px 0; width: 215px; }

.video img { border: none; margin:0; padding: 0; }

.video img.award { border: none; margin:0; padding: 0 0 0 18px; }

.video hr { border-top: 1px solid #E5E5E5; height: 1px; margin: 0px 0 0px 1px; }

.video p { color: #990000; font-size: 15px; margin: 0; padding: 17px 0 4px 37px; }

.video p.tour { color: #990000; font-size: 15px; margin: 0; padding: 17px 0 4px 37px; }

.video p.broch { color: #990000; font-size: 15px; margin: 0; padding: 17px 0 2px 27px; }

.video p.map { color: #990000; font-size: 15px; margin: 0; padding: 17px 0 4px 30px; }

.video p a { color: #990000; text-decoration: none; }

.video p a:hover { color: #8C681F; text-decoration: underline; }

.vid1 { margin: 0; padding: 0px 0 0 0px; width: 215px; }

.vid1 ul { display: inline; margin: 0; padding: 0; }

.vid1 li { float: left; list-style-type: none; }

.vid1 li.list1 { background: transparent url(Images/faweather-grange-video.jpg); height: 135px; width: 215px; padding: 0; }

.vid1 a { color: #000; display: block; margin: 0; overflow: hidden; }

* html .vid1 a:link, * html .vid1 a:visited { height: 99px; }

.vid1 a#item1 { background: transparent url(Images/faweather-grange-video-o.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

.vid1 a#item1:hover { background-position: 0 0; border: none; }

#vid { margin: 0; padding: 2px 0 0 0px; width: 126px; }

#vid ul { display: inline; margin: 0; padding: 0; }

#vid li { float: left; list-style-type: none; }

#vid li.list1 { background: transparent url(Images/ber5int.jpg); height: 135px; width: 215px; }

#vid li.list2 { background: transparent url(Images/ber1.jpg); height: 135px; width: 215px; }

#vid li.list3 { background: transparent url(Images/ber4.jpg); height: 135px; width: 215px; }

#vid li.list4 { background: transparent url(Images/curlew2.jpg); height: 135px; width: 215px; }

#vid li.list5 { background: transparent url(Images/videotour.jpg); height: 135px; width: 215px; }

#vid li.list6 { background: transparent url(Images/videotour.jpg); height: 135px; width: 215px; }

#vid li.list7 { background: transparent url(Images/videotour.jpg); height: 135px; width: 215px; }

#vid li.list8 { background: transparent url(Images/grangevid.jpg); height: 135px; width: 215px; }

#vid a { color: #000; display: block; margin: 0; overflow: hidden; }

* html #vid a:link, * html #vid a:visited { height: 99px; }

#vid a#item1 { background: transparent url(Images/ber5int-o.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

#vid a#item2 { background: transparent url(Images/ber1-o.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

#vid a#item3 { background: transparent url(Images/ber4-o.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

#vid a#item4 { background: transparent url(Images/curlew2-over.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

#vid a#item5 { background: transparent url(Images/videotour-o.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

#vid a#item6 { background: transparent url(Images/videotour-o.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

#vid a#item7 { background: transparent url(Images/videotour-o.jpg) -220px -90px no-repeat; height: 135px; width: 215px; }

#vid a#item8 { background: transparent url(Images/grangevid_over.jpg) -220px -90px no-repeat; height: 135px; width: 215px;}

#vid a#item1:hover { background-position: 0 0; border: none; }

#vid a#item2:hover { background-position: 0 0; border: none; }

#vid a#item3:hover { background-position: 0 0; border: none; }

#vid a#item4:hover { background-position: 0 0; border: none; }

#vid a#item5:hover { background-position: 0 0; border: none; }

#vid a#item6:hover { background-position: 0 0; border: none; }

#vid a#item7:hover { background-position: 0 0; border: none; }

#vid a#item8:hover { background-position: 0 0; border: none; }

#logocontainer {
	width:910px;
	height: 80px;
	margin: 0 0 0 28px;
	padding: 0;
	background-color: #FFFFFF;
}
#logocontainer img {
	margin: 10px 13px 0 13px;
	padding: 0;
	border: none;
}

#footer {
	background: url(Images/index-footer.gif);
	height: 13px;
	margin: 0;
}
#copyright {
	margin: 5px 0 0 175px;
	padding: 0 0 15px 0;
	color: #B7B7B7;
	font-family: Verdana, "lucida console", sans-serif;
	letter-spacing: 1px;
	font-size: 9px;
}
#copyright a {
	color: #B7B7B7;
	text-decoration: none;
}
#copyright a:hover {
	color: #999999;
	text-decoration: underline;
}
