html {
    height: 100%;
}

body {
        font-family: Corbel,
	"Lucida Grande",
	"Lucida Sans Unicode",
	"Lucida Sans",
	"DejaVu Sans",
	"Bitstream Vera Sans",
	"Liberation Sans",
	Verdana,
	sans-serif;
	height: 100%;
	background-color: #FFFFFF;
	background-image: url(http://www.tourismvernon.com/images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.container {
	margin:0 auto;
	width:960px;
}

h1 {
color: #0d5d43;
}



p {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}


#main ul {
	color: #333333;
	font-size: 14px;
	font-weight: normal;
}

.s12 {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
}

#main ul p {
	/* color: #333333; 
	font-size: 14px; */
	font-weight: normal;
}

#wrapper-header {
	width: 100%;
	background: #fff;
}

#header {

/*background-color: #ccffff;*/

}

#slogan {position:relative;top: 18px;left: -30px;}

#logo {position:relative;top:0px;left:-30px;z-index: 100;}


#feature-photo img {
	position: relative;
	z-index: 50;
	top: -48px;
	width: 100%;
}



#logo h1 {


}

#tourism-vernon {}

#top {
	height: 75px;
	padding-top: 40px;
}

#wrapper-menu {
	width: 100%;
	/*background-color: #00a198;
	height: 170px;
   
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;*/

}



#sitemap {

font-family: Constantia,
             "Lucida Bright",
             LucidaBright,
             "DejaVu Serif",
             "Bitstream Vera Serif",
             "Liberation Serif",
             Georgia,
             serif;




}

#sitemap p  {
padding-left: 10px;

}

#sitemap p  a {

font-size: 1.2em;
text-decoration: none;
color: #fff;
}


#sitemap p  a:hover {

font-size: 1.2em;
text-decoration: underline;
color: #ffa600;
}



#sitemap ul {

padding-left: 10px;
list-style: none;
margin: 0;

}

#sitemap ul li {
text-align: left;


}

#sitemap ul li a {
text-decoration: none;
color: #fff;
}

#sitemap li a:visited {
text-decoration: none;
color: #fff;
	
}

#sitemap li a:hover {
text-decoration: underline;
color: #000;
}

#sitemap li a.selected {
text-decoration: none;
color: #ffa600;
}

.menu {
position: relative;
top: 5px;
padding-top: 12px;
	height: 180px;
	/*background-color: #00a198;
	border-left: 1px dotted #ccc;*/
	
}

ul.menu li a {

font-size: 1.25em;
}

.menu ul li a.selected {

color: #ffa600;

}

ul.submenu li a {

font-size: 1em;
}

.submenu ul li a.selected {

background-color: #ffa600;

}



.menur {
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
height: 15em;
}



#helplinks ul, ol {
	padding-left:0em;
	margin-top: 1.1em;
	margin-bottom: 0;
	margin-left: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	list-style-type: none;
}
#helplinks li {
	margin-bottom: 10px;
}






#wrapper-main {
width: 100%;

}

#main {
min-height:400px;
margin-bottom:3em;
margin-top: 0;

}

#main a, #main a:visited {
	color: #1A1A1A;
}
#main a:hover {
	color: #000099;
}

#content  {


}


.type-filter h3 {
font-size: 1.5em;
line-height: 1;
padding-top: 1em;
margin-bottom: .6em;
  color: #69b921;
font-variant: small-caps;
}

.type-filter  {
  width: 240px;
  overflow: hidden;
  float: left;
font-variant: small-caps;
}

.type-filter ul {
  height: 1%;
  overflow: hidden;
  padding: 0 0 1em 0;
  list-style: none;
}

.type-filter  ul li {
  float: left;
  display: inline;
  padding-bottom :0.1em;
}

.type-filter ul li a {
  float: left;
  font-size: 0.9em;
  padding: 0.2em 0.3em;
  margin: 0 0.3em 0.3em 0;
  background: #FFFFFF;
}

.type-filter  ul li a.active {
  color: #ffa600;
  background: #fff;
}



/* - - - - - FOOTER  - - - - - - */


#wrapper-footer {
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(http://www.tourismvernon.com/images/footer-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:600px;
  	height:auto !important;
 	height:600px;
}
#footerbgbc {
	background-image: url(http://www.tourismvernon.com/images/footerbcbg.png);
	background-repeat: no-repeat;
	height: 482px;
	width: 282px;
	margin-left: -85px;
}
#footcontent {
	padding-top: 200px;
}

#footmap img {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #81B8CC;
}

#footlogos a {
	padding-top: 20px;
	padding-bottom: 15px;
	display: block;
}
#footcentres h1 {
	font-size:1.8em;
	line-height:1;
	margin-bottom:0.5em;
	margin-top: .5em;
}
#footcentres h2 {
	font-size:1.4em;
	line-height:1;
	margin-bottom:0em;
	color: #6FA1B3;
}
#footcentres a:link, #footcentres a:visited {
	color: #81B8CC;
}
#footcentres a:hover {
	color: #FFA600;
}


#footer  ul {
	margin: 0px;
	padding: 0px;
	 font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFF;
	line-height: 30px;
	white-space: nowrap;

}


#footer  li {
	list-style-type: none;
	display: inline;
	padding-right: 10px;
}

#foooter li a {
	text-decoration:none;
	padding: 7px 10px;
	color: #666;
}

#footer  li a:link {
	padding: 10px;
	color: #666;

}
#footer  li a:visited {
	color: #666;
}
#footer li a:hover {

}


.top76 {
	margin-top: 76px;
}

.down10 {
	margin-top: 10px;
}
.down20 {
	margin-top: 20px;
}
.down30 {
	margin-top: 30px;
}
.down40 {
	margin-top: 40px;
}
.down50 {
	margin-top: 50px;
}
.down60 {
	margin-top: 60px;
}
.down70 {
	margin-top: 70px;
}
.down80 {
	margin-top: 80px;
}
.down90 {
	margin-top: 90px;
}
.down100 {
	margin-top: 100px;
}

.right {
     float: right;
     margin-left: 1em;
     margin-bottom: 1em;
}

.center {
	text-align: center;
}

#map-box {
    height: 500px;
    width: 800px;

border: 1px solid;
background-color: #ccc;
}






#box-table-a {

	font-size: 12px;
	 background: #ccc; 
	color: #000;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}



#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #fff;
	border-top: 2px solid #666;
	border-bottom: 1px solid #444;
        background: #4c4c4c; 
	color: #fff;
}
#box-table-a td
{
	padding: 8px;
	background: #d8d8d8; 
	border-bottom: 1px solid #ccc;
	color: #1a1a1a;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #666;
	color: #fff;
}




#gallery img {
    padding: 2px;
    border: 1px solid #CCCCCC;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 0px;    
}


#search_boxx {
	text-align: center;
}
#search_boxx h5 {
	color: #00A598;
	font-size: 15px;
	margin-bottom: -5px;
	font-style: italic;
}
#search_boxx h6 {
	color: #333333;
	font-size: 14px;
	margin-bottom: -2px;
}

/* - - - - - - - - - -  MARGINS  - - - - - - - - - - - */

.notopmargin {
	margin-top: 0px;
}

.notbottommargin {
	margin-bottom: 0px;
}

/* - - - - - - - - - -  TOURIST IN YOUR OWN TOWN  - - - - - - - - - - - */

.tiyotsponsor {
	border: 2px solid #f9f9f9;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	padding-top: 1.5em;
}

/* - - - - - - - - - -  SIDEBAR SUBNAV  - - - - - - - - - - - */

#sidebar ul {
	padding-left:2.222em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
}

#nav-sub ul, #nav-sub ol {
	padding-left:2.222em;
	font-size: 1em;
	margin-top: 0;
	margin-right: 1.0em;
	margin-bottom: 1.5em;
	margin-left: 0;
}

#nav-sub a {
	font-size: .95em;
}

/* - - - - - - - - - -  VISITOR GUIDE - - - - - - - - - - - */

#visitor-guide {
	height: 694px;
	border: 1px solid #EEEEEE;
}

#visitor-guide-nav {
	text-align: center;
	margin-bottom: 10px;
}

#visitor-guide-nav a, #visitor-guide-nav a:visited  {
	text-decoration: none;
	font-size: 1.4em;
	padding-right: 10px;
	padding-left: 10px;
}

#visitor-guide-nav a:hover {
	text-decoration: underline;
	font-size: 1.4em;
	padding-right: 10px;
	padding-left: 10px;
}

/*.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; */

/* - - - - - - - - - -  HOME SIDEBAR - - - - - - - - - - - */

#homebar h3 {
	color: #0053A1;
	font-size: 1.5em;
	margin-bottom: 0px;
}

#homebar h4 {
	color: #5BB748;
	font-size: 1.45em;
	margin-bottom: 0px;
}

/* - - - - - - - - - -  TRAVEL NEWS - - - - - - - - - - - */

.travelnews a {
	color: #01968D;
}

.travelnews a:hover {
	color: #69B921;
}

.travelnews a:visited {
	color: #0D5D43;
}

.travelnews img {
	padding: 4px;
	border: 1px solid #EBEBEB;
}

.travelnews h1 {
	margin-bottom: 0px;
}

.travelnews h2 {
	margin-bottom: 0px;
}

.travelnews h6 {
	color: #999999;
	margin-bottom: 15px;
}


/* - - - - - - - - - -  SEARCH FORM - - - - - - - - - - - */

form {
    margin: 0;
}
#search_box {
	width: 230px;
	height: 31px;
	background: url(http://www.tourismvernon.com/images/search_box.gif) no-repeat;
	float: right;
}
#search_box #s {
	float: left;
	padding: 0;
	border: 0;
	width: 180px;
	background: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6px;
}
#search_box #go {
    float: right;
    margin: 3px 0px 0 0;
}


/* - - - - - - - - - -  IMAGE ROTATOR - - - - - - - - - - - */

/* rotator in-page placement */
    div#rotator {
	width: 100%;
	position:relative;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	width:100%;
}
/* rotator image style */	
	div#rotator ul li img {
	width:100%;
}
    div#rotator ul li.show {
	width:100%;
	z-index:500
}

ul#photo-gallery-list{ margin: 36px 0 0 0; padding: 0; list-style: none; }
ul#photo-gallery-list li{ width: 165px; height: 200px; display: block; float: left; margin-right: 18px;overflow: hidden; }
ul#photo-gallery-list li a{display: block; width: 155px; height: 140px; overflow: hidden; text-align: center;border: 1px solid #dedede; line-height: 140px;  }
ul#photo-gallery-list li  img{vertical-align: middle;}
ul#photo-gallery-list li p{ font-size: 11px; line-height: 15px; color: #AAA; margin: 5px 0;text-align: center; }

/* - - - - - - - - - -  FILTER - - - - - - - - - - - */

#example1 {
  padding: 0 0 5em 0;
  height: 1%;
  overflow: hidden;
margin-top: 0em;
margin-bottom: 1.5em;

}

#example1 .navigation {
  width: 240px;
  overflow: hidden;
  float: left;
font-variant: small-caps;
}

#example1 .main {
	float: left;
	width: 670px;
	padding: 0em;
	overflow: hidden;;
}

#example1 .main ul {
margin-top: 1.5em;
  padding: 0;
}

#example1 .main ul li {
	float: left;
	display: inline;
	border-top: 0;
	border-bottom: 2px solid #f7f7f7;
	margin-top:0em;
	/*margin-bottom: 0.5em;
	padding-bottom: 0.5em;*/
	padding-top: 1em;
}

#example1 .main ul li a.major{font-size:2em;margin-bottom: .75em;}


#example1 .navigation h6 {
font-size: 1.5em;
line-height: 1;
padding-top: 4px;
margin-bottom: .6em;
  color: #69b921;
font-variant: small-caps;

}

#example1 .navigation ul {
  height: 1%;
  overflow: hidden;
  padding: 0 0 1em 0;
  list-style: none;
}

#example1 .navigation ul li {
  float: left;
  display: inline;
  padding-bottom :0.1em;
}

#example1 .navigation ul li a {
	float: left;
	font-size: 0.9em;
	padding: 0.2em 0.3em;
	margin: 0 0.3em 0.3em 0;
	background: #FFFFFF;
	color: #999999;
}

#example1 .navigation ul li a.active {
  color: #ffa600;
  background: #fff;
}

/* - - - - - - - - - -  SPECIAL FONTS  - - - - - - - - - - - */

#addressblock p {
	color: #606060;
	font-size: 95%;
	margin-top: -10px;
}
#addressblock a, #addressblock a:visited, #contactblock a, #contactblock a:visited {
	color: #333333;
}
#addressblock a:hover, #contactblock a:hover {
	color: #000099;
}
#contactblock p {
	color: #808080;
	font-size: 85%;
	margin-top: -15px;
}
#tagblock p {
	font-size: 85%;
	color: #808080;
	text-align: center;
	margin-top: 1.5em;
	font-variant: small-caps;
}

#cevent h6 {
	color: #666666;
}
/* - - - - - - - EVENTS - - - - - - - - - */

.evdate {
	margin: 0px 10px 1.5em 0px;
	background-color: #81B8CC;
	height: 110px;
	width: 110px;
}
.evdate-weekday {
	font-size: 8pt;
	text-transform: uppercase;
	margin-bottom: 0px;
	width: 110px;
	text-align: center;
	display: block;
	color: #FFF;
	margin-top: 15px;
}
.evdate-month {
	font-size: 13pt;
	text-transform: uppercase;
	margin-bottom: px;
	width: 110px;
	text-align: center;
	display: block;
	color: #FFF;
	margin-top: -3px;
}
.evdate-day {
	font-size: 40pt;
	width: 110px;
	text-align: center;
	margin-top: -15px;
	padding-top: -10px;
	display: block;
	color: #FFF;
}
.eventtime {
	font-weight: normal;
	margin-top: -5px;
	margin-bottom: -10px;
	margin-left: 30px;
	font-size: 9pt;
	color: #999999;
}
.eventwhere {
	font-weight: normal;
	margin-top: -10px;
	margin-bottom: -10px;
	margin-left: 30px;
	font-size: 9pt;
	color: #666666;
}
.eventinfoblock {
	font-size: 90%;
	color: #666666;
}
.evdate p {
	text-align: center;
}
.evone {
	background-color: #00FFFF;
}
.evtwo {
	background-color: #CCFF00;
}
.calendarwho {
	margin-bottom: 0px;
	font-size: 110%;
	font-weight: bold;
}
#accordion h2 {
	margin-bottom: 3px;	
	font-size: 12pt;
}

#accordion h2 a, #accordion h2 a:visited {
	text-decoration: none;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	
}
#accordion h2 a.ui-state-active {
	text-decoration: none;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	color: #ffffff;
}
#accordion h2 a:hover {
	text-decoration: underline;
	padding-top: 0em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
}
#accordion .section {
	margin-bottom:2.5em;
}