body { margin:0px; background-color:#fff; height:100%; background-image: url(../../Resources/Images/background-gradient.png); background-repeat: repeat-x }
html { height:100% }
img { border-style:none }
hr { position:relative; width:860px; height:1px; background-color:none; border:none; float:left; margin:0 0 12px 0; padding:0 }

#PageDiv { position:relative; min-height:100%; margin:auto; padding:0; width:900px }
#travellogo { position:absolute; left:0; top:0; margin:0; padding:0; width:900px; height:74px; background-image: url(../../Resources/Images/Travel-Tourism-Header.png); background-repeat: no-repeat; background-position: 400px 0; z-index: 10 }

#home1 { width:500px; height:270px; position:relative; margin:auto; padding:0px }
#homebuttons {  }
#homebuttons a:hover { text-decoration: underline }
#homebuttons li { list-style: none }
#homehist, #homerec, #homeatt, #homemap { width:180px; height:135px; }
#homehist { background-image:url(../../Resources/Images/history-homepage.png); background-repeat: no-repeat; }
#homerec { background-image:url(../../Resources/Images/recreation-home.jpg); background-repeat: no-repeat; }
#homeatt { background-image:url(../../Resources/Images/attractions-home.jpg);background-repeat: no-repeat; }
#homemap { background-image:url(../../Resources/Images/map-buttons.png); background-repeat: no-repeat; }
#homehist a, #homerec a, #homeatt a, #homemap a { width:155px; padding:105px 8px 0 8px; position: relative; float: left; font-size:10px; line-height: 10px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color:#000; background-repeat: no-repeat; }

#content { position:relative; float:left; width:870px; margin:0 0 25px 15px; top:0; left:0; padding:0; font-family: Helvetica, Arial, sans-serif; }
#content a { text-decoration:none; color:#1d3c55; border-bottom: 1px dotted #c7cfe0 }
#content a:hover { text-decoration:none; color:#398aca; border-bottom: 1px dotted #398aca }
#content h1 { font-size:220%; font-weight:normal; margin:0; padding:0; color:#005598; font-weight: lighter }
#content h2 { font-size:150%; font-weight:normal; margin:0 0 1px 0; padding:0; color:#005598; font-weight: lighter }
#content h3 { font-size:100%; font-weight:bold; margin:-2px 0 1px 0; padding:0; color:#005598; font-weight: lighter }
#content p { font-size:90%; line-height:140%; font-weight:normal; margin:0 0 10px 0; padding:0; font-weight: lighter }
#content ul { margin:0 0 0 0; padding:0; width:490px; height:100%; position: relative; float:left; list-style-image: url(../../Resources/Images/bullet.png); }
#content ul li { margin:0 8px 11px 17px; padding:0; width:205px; position: relative; float:left; display:list-item; font-size:90%; }

#events { position:relative; float:left; width:870px; margin:35px 0 25px 0px; top:0; left:0; padding:0; font-family: Helvetica, Arial, sans-serif; }
#events a { text-decoration:none; color:#1d3c55; border-bottom: 1px dotted #c7cfe0 }
#events a:hover { text-decoration:none; color:#398aca; border-bottom: 1px dotted #398aca }
#events h1 { font-size:220%; font-weight:normal; margin:0; padding:0; color:#005598; font-weight: lighter }
#events h2 { font-size:150%; font-weight:normal; margin:0 0 4px 0; padding:0; color:#005598; font-weight: lighter }
#events h3 { font-size:100%; font-weight:bold; margin:0px 0 4px 4px; padding:0; color:#13407d; font-weight: lighter }
#events p { font-size:90%; line-height:140%; width:550px; font-weight:normal; margin:6px 0 25px 6px; padding:0 0 8px 12px; border-left: 1px solid #d0d4d1; border-bottom: 1px solid #d0d4d1 }

.h3light { color:#005598 }

#imgleft { float:left; position:relative; margin: 0px 16px 0 -8px; padding:0 }
#imgright { float:right; position:relative; margin: 0px 8px 0 16px; padding:0 }

#logo { position:relative; float:left; width:164px; height:86px; margin:17px 0 0 8px; padding:0; }

#flash { width:900px; height:260px; margin:8px 0 16px 0; padding:0px; position:relative; float:left }

#menu { position:relative; width:920px; height:45px; margin:-15px 0 0 0; float:right; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 90%; }
#menu a { color:#398aca }
#menu a:hover { color:#398aca }
#menu ul { margin:0 20px 0 0; padding:0; float:right; }
#menu li { position:relative; float:left; margin:0; padding:0; list-style:none; line-height:36px }
#menu li a { display:block; text-align:center; padding:0; margin:0 1px; text-decoration:none; height:45px }
#menu span { }

#b70 a { width:70px; margin:0; color:black; background-image: url(../../Resources/Images/button-70.png); background-repeat: no-repeat }
#b100 a { width:100px; margin:0; color:black; background-image: url(../../Resources/Images/button-100.png); background-repeat: no-repeat }
#b130 a { width:130px; margin:0; color:black; background-image: url(../../Resources/Images/button-130.png); background-repeat: no-repeat }

#b70 a:hover, #b70x { width:70px; color:#398aca; background-image: url(../../Resources/Images/button-70h.png); background-repeat: no-repeat }
#b100 a:hover, #b100x { width:100px; color:#398aca; background-image: url(../../Resources/Images/button-100h.png); background-repeat: no-repeat }
#b130 a:hover, #b130x { width:130px; color:#398aca; background-image: url(../../Resources/Images/button-130h.png); background-repeat: no-repeat }

#footer { width:900px; position:relative; float:left; background-image: url(../../Resources/Images/footer.png); background-repeat: no-repeat; font-family: Helvetica, Arial, sans-serif; text-align:center; line-height:16px; margin:20px 0 0 0; padding:0px; height:75px; }
#footer a { text-decoration: none; color:black }
#footer a:hover { text-decoration: underline }
#footer p { margin:4px 0 0 0; padding:0; font-size: 80%; color:#505050; font-weight: normal; }
#footer h2 { margin:14px 0 0 0; padding:0; font-size:120%;font-weight: normal }

#history { position: relative; float:left; width:520px; margin:0; padding:0; }
#history h2 { position:relative; float: left; width:52px; font-weight:normal; min-height: 35px; margin:8px 8px 8px 0; padding:0 }
#history p { position:relative; float: left; margin:8px 0 8px 8px; font-weight:normal; min-height: 35px; padding:0; width:445px; font-size:90%; line-height:140%; }

#preloadedImages { width: 0px; height: 0px; display: inline;
background-image: url(../../Resources/Images/button-70h.png);
background-image: url(../../Resources/Images/button-100h.png);
background-image: url(../../Resources/Images/button-130h.png);
}

#contactbox { 
width:240px; 
position:relative; 
float:left; 
border:1px soild #000000; 
margin:0 0 0 12px 
}
#contactbox h2 { 
font-size:15px; 
margin:4px 0 6px 0; 
text-align:center 
}
#contact1 { 
width:110px; 
height:42px; 
position:relative; 
float:left; 
margin:4px 0 0 0; 
padding:0; 
}
#contact2 { 
text-align:center; 
width:98px; 
height:40px; 
font-weight:bold; position:relative; 
float:left; 
margin:6px 0 0 0; 
padding:0 
}
#contact3 { 
text-align:right; 
width:32px; 
height:40px; 
font-weight:bold; position:relative; 
float:left; 
margin:6px 0 0 0; 
padding:0 
}
#contact4 { 
text-align:center; 
width:53px; 
height:45px; 
position:relative; 
float:left; 
margin:4px 0 0 0; 
padding:0 
}
#contact1 h3 { 
font-size:12px; 
margin:0 0 0 0; 
padding:0; 
line-height:12px 
}
#contact4 h3 { 
font-size:12px; 
margin:0 0 0 0; 
padding:0; 
line-height:12px 
}
#contact1 p, #contact2 p, #contact3 p, #contact4 p { 
font-size:11px; 
margin:0; 
padding:0; 
line-height:11px 
}
#ccontactbox { 
width:520px; 
position:relative; 
float:left; 
border:1px soild #000000; 
margin:0 0 0 12px 
}
#ccontactbox h2 { 
float:left;
width:500px;
position:relative;
font-size:28px; 
margin:24px 0 12px 0; 
text-align:center 
}
#ccontact1 { 
width:180px; 
height:42px; 
position:relative; 
float:left; 
margin:4px 0 0 0; 
padding:0; 
}
#ccontact2 { 
text-align:center; 
width:200px; 
height:40px; 
font-weight:bold; position:relative; 
float:left; 
margin:18px 0 0 0; 
padding:0 
}
#contactinfo {
text-align: center;
line-height: 28px;
font-size: 16px;
}
#ccontact3 { 
text-align:center; 
width:100px; 
height:40px; 
font-weight:bold; position:relative; 
float:left; 
margin:18px 0 0 0; 
padding:0 
}
#ccontact4 { 
text-align:center; 
width:125px; 
height:65px; 
position:relative;
float:left; 
margin:4px 0 0 0; 
padding:0 
}
#ccontact1 h3 { 
font-size:16px; 
margin:0 0 0 0; 
padding:0; 
line-height:16px 
}
#ccontact4 h3 { 
font-size:16px; 
margin:0 0 0 0; 
padding:0; 
line-height:18px 
}
#ccontact1 p, #ccontact2 p, #ccontact3 p, #ccontact4 p { 
font-size:14px; 
margin:2px 0 0 0; 
padding:0; 
line-height:14px 
}