/* CSS Document Nav Tabs and page */
body { text-align:center;
		min-width:1010px;
		background-color:#005493;
		margin:0;
		padding:0;
      color:#000;
      font:x-small/1.5em Arial,sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
}
	  html>body {font-size:small;}

.printmedia {display:none;
}
/*This rule is for the fade around the outside of the page */
#outer {width:1010px;
margin:0px auto;
background-color:#fff;
background-image:url(fade2.jpg);
background-repeat:repeat-y;
background-position:top;
line-height:normal;

/*this rule is for everything inside the outer (fade) div */
}
#container {width:980px;
			margin:0px 15px;
			text-align:left;
			background-color:#fff;
			background-position:top;
			background-repeat:repeat-y;
			overflow:visible;
			line-height:normal;
}

/*this rules is for the banner area --note home page has different banner see bannerHome */
#banner{position:relative;
height:80px;background-color:#fff;
background-image:url(header-bg2.gif);
background-repeat: repeat-x;
background-position: top;
}
/*this rule is for ads in banner area - not home page*/
#top-ad {position:absolute;
left:280px;
top:10px;
z-index:10;
}


/*this rule moves the logo image into correct position for IE */
#banner img.up {margin:10px 0px 0px 5px;
}
/*this rule moves the logo image into correct position for other browsers, hide from IE */

html>body #banner img.up {margin:10px 0px 0px 15px;
}
/*This rule allows use of H1 Head in banner area for search engine optimizing */
#banner h1{display:none;
}
/*#banner #leftside {background-image:url(header-left-crnbl.gif);
background-repeat:no-repeat;
background-position: top left;
margin:0;
padding:0;
width:10px;
}
#banner #rightside {background-image:url(header-right-crnbl.gif);
background-repeat:no-repeat;
background-position: top right;
margin:-16px 0;
padding:0;
width:10px;
float:right;
}
*/
/*Main nav rules here */   
    #mainnav {
      float:left;
      width:100%;
	  background-color:#fff;
	  background:#ffffff url("bg3.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #mainnav ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;

      }
    #mainnav li {
      float:left;
      margin:0 2px;
      padding:0;
	  border-left:1px solid #d1dce6;
	  border-right:1px solid #d1dce6;

      }
    #mainnav a {
      float:left;
      display:block;
      width:.1em;
      background:url("Bothtabs4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
	  color:#005190;	  
	  white-space:nowrap;
      }
	  
    #mainnav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mainnav a {float:none;}
    /* End IE5-Mac hack */
    #mainnav a:hover {
      color:#000;
      }
    #mainnav #current {
      background-position:0 -150px;
      border-width:0;
      }
    #mainnav #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#000;
     border-bottom:1px solid #fff;
	 border-top:1px solid #d1dce6;
      }
	  
    #mainnav li:hover, #mainnav li:hover a {
      background-position:0% -150px;
      color:#000;
      }
    #mainnav li:hover a {
      background-position:100% -150px;
      }
	
/*Begin rules for Secondary Navigation here */  
#secnav {
	   float:left;
      width:100%;
	  background-color:#fff; 
      font-size:93%;
      line-height:normal;
	  padding-bottom:3px;
	  border-bottom:1px solid #d1dce6;
	  font-family:arial, sans-serif;
      }
    #secnav ul {
      margin:0;
      padding:3px 10px 0;
      list-style:none;
      }
	  #secnav li {      float:left;
      margin:0 2px;
      padding:2px 15px 2px 6px;
	  }
#secnav a {      text-decoration:none;
      font-weight:normal;
	  font-size:90%;
      color:#000;
	  white-space:nowrap;
	  border:1px solid #fff;
	  padding:1px 2px;
}
/*next hides this from IE */
html>body #secnav a {      text-decoration:none;
      font-weight:normal;
	  font-size:90%;
      color:#000;
	  white-space:nowrap;
	  border:1px solid #fff;
	  padding:1px 2px;
}

#secnav ul li a:hover {color:#036;
border:1px solid #333;
background-color:#fff;
}
	  

#wrap {width:980px;
background:#fff url(contentbg.gif) repeat-y left top;
margin:0;
line-height:17px;
float:left;
width:100%;
padding:0;
}

#contentwrap {float:right;
			width:760px;
			text-align:left;
}
#leftCol {width:170px;
float:left;
margin-left:5px;
margin-top:18px;
font-size:95%;
}
/*hide next rule from IE */
html>body #leftCol {width:170px;
float:left;
margin-left:10px;
margin-top:10px;
font-size:100%;
}
/* next is for IE */
#leftCol p {margin:0;
padding:0px 5px 9px 0px;
line-height:117%;
font-size:93%;
}
/* next is for all other browsers, hide from IE */
html>body #leftCol p {margin:0px,0px,3px,5px;
padding:0px 5px 9px 0px;
line-height:117%;
font-size:93%;
}

/* #leftCol a{color:#036;*/
#leftCol a{color:#005190;
text-decoration:none;
}
#leftCol a:hover {color:#930;
text-decoration:underline;
}
.credit {font-size:75%;	/*this is for photo credits*/
}

#mainContent {
	width:595px;
	float:left;
	background-color:#fff;
	margin-top:18px;
	padding-right:8px;
	background-image:url(dottedbkg.gif);
	background-repeat:repeat-y;
	background-position:top right;
	font-family:Arial, Helvetica, sans-serif;
	line-height:120%;
	margin-bottom: 20px;
}

#mainContent p {margin:10px,5px;
}
/*#mainContent p.credit {font-size:75%;	/*this is for photo credits
}*/

#mainContent .credit {font-size:75%;	/*this is for photo credits*/
}



/*next rule redefines h4 to be used for special headings with blue box background behind text */
#mainContent h4 {font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
				/*color:#005493;*/
				color:#036;
				/*border-top:1px solid #930;*/
				/*border-bottom:1px solid #d1dce6;*/
				border:1px solid #d1dce6;
				line-height:120%;
				font-weight:bold;
				margin:20px 8px 0px 0px;
				padding:2px 0px 2px 1px;
				background-color:#ebf0f6;
				}
#mainContent h4.first {margin:0px 8px 0px 0px;
}
#mainContent h4.reverse {margin:0px 8px 5px 0px;
padding:2px 0px 2px 2px;
color:#fff;
background-color:#005493;
}
#mainContent h1, h2, h3 {margin:5px;
padding:0;
}
#mainContent h1 {font-size:1.9em;
}
#mainContent h2 {font-size:1.6em;
}
#mainContent h3 {font-size:1.2em;
}
#mainContent a {color:#005190; text-decoration:none;	  
}
#mainContent a:hover {color:#930; text-decoration:underline;}

#mainContent a.dining {color:#005190; text-decoration:underline; font-size:90%;}
#mainContent a.dining:hover {color:#930; text-decoration:none; font-size:90%;}
	  

#mainContent li {padding: 0px 0px 20px 0px;}
#rightCol {width:180px;
float:right;
margin:18px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
line-height:normal;
}

#rightCol p {margin:5px;
font-size:90%;

}
#rightCol a {
/* font-size:90%; */
color:#036;
text-decoration:none;
}
#rightCol a:hover {color:#930; text-decoration:underline;
}
#rightCol .adline {font-size:65%;	/*this is for advertisement column*/
}

#footer {clear:both;
font-size:80%;
margin-top:8px;
padding:4px;
text-align:center;
color:#333;
background-color:#eef2ff;
border-top:2px solid #d1dce6;
}
#footer a {color:#036; text-decoration:none;
}
#footer a:hover {color:#930; text-decoration:underline;
}
/* special styles for calendar */

.month {color: #036;
font-size:1.2em;
font-weight:bold;
padding-top:5px;
font-family:arial, sans-serif;
line-height:120%;

}
/* this is previous rule for type of event... 
.type-of-event {background-color:#fbf2d7;
color:#993300;
font-weight:bold;
padding:2px;
font-size:1.1em;
margin:2px 0px 2px 0px;
border:2px solid #fff;
border-left:0px;
} */

.type-of-event {font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
				color:#000;
				border:1px solid #d1dce6;
				line-height:120%;
				font-weight:bold;
				margin:20px 8px 4px 0px;
				padding:1px 0px 1px 1px;
				background-color:#ebf0f6;
}

a.event-name {font-weight:bold;
display:block;
margin-top:8px;
text-decoration:none;
line-height:140%;
}
a.event-name:hover {
text-decoration:underline;
display:block;
margin-top:8px;
line-height:140%;
}
a.event-name2 {font-weight:normal;
font-size:90%;
line-height:120%;
text-decoration:none;
}
a.event-name2:hover {font-size:90%;
line-height:120%;
text-decoration:underline;
}

/*this next was a try to put border back around top ad on rightCol */
.box {width:150px;
border:1px solid #aaa;
text-align:center;
margin:0px 10px 0px 0px;
}

#google-ads {clear:left;
width:auto;
border:1px solid #aaa;
margin-right:20px;
margin-left:0px;
padding:2px;
}
html>body #google-ads {clear:left;
width:auto;
border:1px solid #aaa;
margin-right:20px;
margin-left:-10px;
padding:2px;
}

/*the following is to style left navigation links, in this case for CalendarTop.cfm */

a.leftnav {width:150px;
display:block;
border-top:1px solid #fff;
border-left:1px solid #fff;
background-color:#e8eef4;
padding:2px 2px 0px 2px;
margin:0px;
clear:left;
}

a.leftnav.bold {width:150px;
display:block;
border-top:1px solid #fff;
border-left:1px solid #fff;
background-color:#e8eef4;
padding:2px 2px 0px 2px;
margin:0px;
clear:left;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif
}


a.leftsubnav {width:140px;
display:block;
background-color:#e8eef4;
padding:0px 2px 0px 12px;
margin:0px;
clear:left;
font-size:.9em;
border-left:1px solid #fff;
}
a.leftsubnav2 {width:140px;
display:block;
background-color:#e8eef4;
padding:0px 2px 0px 2px;
margin:0px;
clear:left;
font-size:.9em;
border-left:1px solid #fff;
}

.leftnavhd {width:148px;
padding:2px;
margin:0;
background-color:#fff;
border-top:1px solid #d1dce6;
border-left:1px solid #d1dce6;
border-right:1px solid #d1dce6;
color:#000;
font-weight:bold;
clear:left;
}
html>body .leftnavhd {width:148px;
padding:2px;
margin:8px 0px 0px 0px;
border-top:1px solid #d1dce6;
border-left:1px solid #d1dce6;
border-right:1px solid #d1dce6;
color:#000;
font-weight:bold;
clear:left;
}

a.leftnavlast {width:150px;
display:block;
border-top:1px solid #fff;
border-left:1px solid #fff;
background-color:#e8eef4;
padding:2px 2px 8px 2px;
margin:0px;
clear:left;
}
.smaller {font-size:90%;
line-height:120%;
}
/* for Movies section, this next is to change font and size of links of film titles in mainContent area */
a.film {font-size:95%;
font-family: Arial, Helvetica, sans-serif;
}
/*for movies, this next div is to make a 2nd column for Upcoming, Movie Poll, and Internet Movie Info listings */

#upcoming {float:right;
width:200px;
margin:0px 10px 10px 80px;
}
.moviepoll {font-size:95%;
font-family:Arial, Helvetica, sans-serif;
}

/*This next is for mainContent2 for movies and for 2 col layouts */
#wrap2 {width:980px;
background:#fff url(contentbg.gif) repeat-y left top;
margin:0;
line-height:17px;
float:left;
width:100%;
padding:0px,0px,0px,0px;
}


#mainContent2 {
	width:775px;
	float:left;
	margin-top:18px;
	margin-left:5px;
	padding-right:8px;
	background-image:url(dottedbkg.gif);
	background-repeat:repeat-y;
	background-position:top right;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
#mainContent2 p {margin:10px 45px 10px 15px;
}
#mainContent2 p.credit {font-size:75%;	/*this is for photo credits*/
}

/*next rule redefines h4 to be used for special headings with blue box background behind text */
#mainContent2 h4 {font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
				/*color:#005493;*/
				color:#036;
				/*border-top:1px solid #930;*/
				/*border-bottom:1px solid #d1dce6;*/
				border:1px solid #d1dce6;
				line-height:120%;
				font-weight:bold;
				margin:20px 8px 0px 0px;
				padding:2px 0px 2px 1px;
				background-color:#ebf0f6;
				}
#mainContent2 h4.first {margin:0px 8px 0px 0px;
}
#mainContent2 h4.reverse {margin:0px 8px 5px 0px;
padding:2px 0px 2px 2px;
color:#fff;
background-color:#005493;
}
#mainContent2 h1, h2, h3 {margin:5px;
padding:0;
}
#mainContent2 h1 {font-size:1.9em;
}
#mainContent2 h2 {font-size:1.6em;
}
#mainContent2 h3 {font-size:1.2em;
}
#mainContent2 a {color:#005190; text-decoration:none;	  
}
#mainContent2 li {padding: 0px 0px 20px 0px;}
#mainContent2 a:hover {color:#930; text-decoration:underline;
}

#mainContent2 td {font-family:Arial, Helvetica, sans-serif;
}
#rightCol2 {width:180px;
float:right;
margin:18px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
line-height:normal;
}

#rightCol2 p {margin:0px;
font-size:90%;

}
#rightCol2 a {font-size:90%;
color:#036;
text-decoration:none;
}
#rightCol2 a:hover {color:#930; text-decoration:underline;
}

#rightCol2 .adline {font-size:75%;	/*this is for advertisement column*/
}



/* these are table classes, first for movies */


/* Lodging */

#guests {
  text-align:center;
  float:left;
  position:relative;
  width:50%;
  height:20px;
  z-index:3;						/* layer positioning 0(top), 1(placed under '0'), 2(placed under '1').. and so on */
}



#resForm {
	width:150px;
	top:20px;
	right:20px;
	border:1px solid gray;
	background-color:#eee;
	padding:10px;
	text-align:center;
	voice-family: "\"}\"";
	voice-family:inherit;
}


.star {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#CC3300;
}

.submit {
	border: 1.5px solid;
	border-color: #996600 #996600 #333333 #663300;
	padding: 1px 1px 1px 1px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #FFCC00;
	margin: 20px;
}

.text {
	font:11px/15px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/* end Lodging */

/* Begin Rules Specific to Home Page */

#bannerHome {position:relative;
height:90px;background-color:#fff;
background-image:url(header-bg2.gif);
background-repeat: repeat-x;
background-position: top;
border-bottom:0px solid #d1dce6;
}


#hometopleft {float:left;
width:300px;
/*border:1px solid #f00;*/
}

#homeLogo {float:left;
width:370px;
text-align:center;
}

#hometopright {float:left;
width:300px;
/*border:1px solid #00f;*/
}


#navHome {width:auto;
text-align:center;
padding-top:0px;
}

#navHome a {color:#0066FF;
text-align:center;
font-size:85%;
}

.midleftCol {float:left;
width:289px;
/*border:1px solid #0f0;*/
}

.midrightCol {float:right;
width:289px;
/*border:1px solid #f00;*/
}

.homeBox {
border:1px solid #d1dce6;
width:auto;
margin-bottom:16px;
}

h3.homeBoxHead {margin:0;
padding:3px;
font-size:1.2em;
line-height:120%;
background-image:url(header-bg2.gif); 
background-repeat: repeat-x;
background-position: top;
overflow:hidden;
}

img.center-it {text-align:center;
}

.clear-all {clear:both;
margin-bottom:-10px;
padding:0;
height:1px;
}

html>body .clear-all {clear:both;
margin:0;
padding:0;
height:8px;
}

p.homeboxtext {margin:5px 5px 5px 0px;
padding: 0px 15px 0px 3px}
