/*
*********************************************************************
Language:       CSS 2.1
Web Site:       www.ovpmanagement.com
File Path:      http://www.ovpmanagement.com
Copyright:      ©2006 Jeff Fongemie (www.fongemie.com)
Created:        5/4/2006
Created by:     Jeff Fongemie
*********************************************************************
*******************************************************************************
NOTES:
This document contains styles which are compatible with CSS-1
and higher compliant web browsers.
*******************************************************************************
*/



/* Layout */
/* Set all margins + padding to 0 to start with a clean slate   */
* {margin:0;padding:0;}

body {
	background-color:#a18b04; /*background-image:url(../img_layout/springbanner.gif);*/
	margin:5px;
	padding:0px;
	font: 1.0em verdana, arial, sans-serif;
	behavior:url(css/csshover.htc);
}

div#mainwrap img {border:none;}
div#mainwrap {width:996px;  margin-left:auto; margin-right:auto;
              border:1px solid #606060; background-color:#ffffff;
			  background-image:url(../img_layout/anniback16.png); background-repeat:no-repeat;
             background-position:top left;}

div#a {width:180px; margin-top:25px; margin-left:100px;}
div#b {width:168px;  background-color:#fff; float:left;}


div#output { width:800px; padding: 4px 4px 4px 15px; float:left;}
div#banners {  text-align:right; }



div#header {width:996px; height:240px;  position:relative;
            
           }

div#header2 {
	position:relative;
	left:50px;
	top:5px;
	width:590px;
	float:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#header3 {position:relative; width:340px; height:140px; float:right; padding: 1px 1px 1px 0px; 
 font:9px verdana, arial, sans-serif;
  
 margin-top:8px; margin-right:5px;}



div#hometextanni {
	width:725px;
	float:left;
	position:relative;
	left:30px;
	top:3px;
	padding: 1px 1px 25px 0px;
	
 }

div#homepressanni {width:700px;   float:left;
position:relative; left:90px; top:5px;
padding: 2px 2px 10px 35px;   
             background-position:top left; 
 }
div#homepressanni a{text-decoration:none;  font:14px arial, sans-serif;
 line-height: 1.3; font-weight:800;  color:#4e6157;
 }
div#copybox {width:996px; padding: 0px; 
               background-color:#ffffff;
			   	background: url(img_presentation/sgspwinter.png) ;}


div#privacy {padding: 4px 30px 4px 30px;
               background-color:#ffffff;}


div#eventbox {width:750px; padding: 2px 2px 2px 8px;
             margin: 2px 3px 3px 3px; background-color:#ffd200;}
    div#hours {width:300px;  float:right;}
 div#events { width:240px;  float:left;}
 div#coversale { width:240px;padding: 2px 2px 2px 8px;   float:left; }
 div#hourscover { width:240px; padding: 2px 2px 2px 8px; float:left;}
 div#event{ background-color:#ffffff;
             background-image:url(../img_presentation/asterisk1.jpg); background-repeat:no-repeat;
             background-position:top left;}

div#group{ background-color:#ffffff; padding: 5px 285px 2px 0px;
             background-image:url(../img_presentation/asterisk1.jpg); background-repeat:no-repeat;
             background-position:top left; }

 div#vipsignup {width:550px; padding: 2px 25px 2px 25px;}



 div#event h3{font-size:.8em; font-variant:small-caps; padding: 0px 0px 4px 0px;}


div#contact {width:440px; padding: 4px 4px 4px 45px; margin: 10px 3px 3px 3px; background-color:#ffffff;}
div#thumbnails {text-align:center; background-color:#ffffff;}


div#prteaser h3{font-size:.8em; font-variant:small-caps; padding: 0px 0px 4px 0px;}
div#prteaser p{font-size:.7em;}
div#captionboxright {width:200px; float:right; margin-left:.5em;padding: 4px 4px 4px 10px; background-color:#eeeeee;}


div#footer a{ text-decoration:none;}
div#footer {width:992px; padding: 2px 2px 2px 2px;  border-top:1px solid #606060;
                
                 text-align:center; background-color:#e0d6af;
                  text-decoration:none; font-size: 10px;}
div#propertylogo {width:375px;  background-color:#ffffff; float:left;}
div#propertycopy {width:500px;  background-color:#ffffff; float:left; padding: 2px 0px 20px 10px;}
div#propertycopy ul{font-size: .9em; line-height: 1.4; margin:6px 20px;}
div#demographicsdata {width:550px;  background-color:#ffffff; float:left; padding: 5px 0px 20px 370px;}
div#demographicsdata table{padding:6px;  width:220px;}
div#demographicsdata td { vertical-align: top }

div#demographicsdata tr.grey{padding:3px; color: #ffffff;background-color:#606060; font-weight:bold;font-size: .8em; }
div#demographicsdata tr.white{color: #000000;background-color:#ffffff; font-weight:normal ;font-size: .8em;}

div#contentmask {Z-INDEX: 2; OVERFLOW: hidden; WIDTH: 169px; CLIP: rect(0px 170px 170px 0px); POSITION: relative; HEIGHT: 175px}
div#up {Z-INDEX: 15; LEFT: 157px; CURSOR: hand; POSITION: absolute; TOP: 0px}
div#track {Z-INDEX: 3; LEFT: 157px; POSITION: absolute; TOP: 13px}
div#drag {Z-INDEX: 4; LEFT: 159px; CURSOR: pointer; POSITION: absolute; TOP: 18px}
div#down {Z-INDEX: 5; LEFT: 157px; CURSOR: pointer; POSITION: absolute; TOP: 155px}
div#content {LEFT: 0px; WIDTH: 175px; POSITION: absolute; TOP: 2px; HEIGHT: 3500px; BACKGROUND-COLOR: #ffff99; }
div#content a {
	font-size:0.7em;
	color:#333333;
	text-decoration:none;
}

.eventsbox {width:90%;
            padding: 20px;
         }

.eventsbox a { font-size: .8em; line-height: 1.5; }
/*
div#eventsboxdiv{width:992px; padding: 2px 2px 2px 2px;
                  border-left:1px solid #606060; border-right:1px solid #606060;
				    background-image:url(../img_layout/eventbackspring.gif);
             background-position:bottom;
			 line-height:10px; background-color:#ffd200;
               }
			   
			   
		*/		   
div#eventsboxdiv{clear:both;
padding: 10px 2px 4px 2px;
               }			   
		   
			   
			   
div#pressfeb {padding: 4px 30px 4px 10px;
               background-color:#ffffff;
			   clear:both;}
div#pressfeb p {font-size: .7em; line-height: 1.6; padding: 0px 0px 10px 0px;}

div#pressfeb a {font-size: 9px; line-height: 1.8; font-weight:normal;}

div#easter {padding: 4px 30px 4px 10px;
               background-color:#ffffff;}
div#easter p {font-size: .7em; line-height: 1.8;}








.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;      /* further ensures the period is not visible */
}

.clearfix {display: inline-table;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/* Typography */
P {font-size: .8em; line-height: 1.5; margin:6px 5px; color:#000000;}
h1 {font-size: 1.5em; line-height: 1.4; margin:6px 0px; font-weight:bold;}
h2 {font-size: 1em; line-height: 1.4; margin:6px 5px; font-weight:bold;}
h3 {font-size: .9em; line-height: 1.4; margin:6px 0px; font-weight:bold;}
a:link {text-decoration:underline; color:black;}
a:visited {text-decoration:underline; color:black;}
a:hover {text-decoration:underline;color:black;}
a:active {text-decoration:underline;color:black;}
ul.list1 {font-size: .6em; line-height: 1.5; margin:6px 20px; color:#000000;}
ul.list3{font-size: .8em; line-height: 1.5; margin:6px 20px; color:#000000;}
li.list2 {list-style-type: disk; line-height: 1.5;  color:#000000;}
.tenants {color:#606060; font-size: .9em; line-height: 1.7; margin:6px 5px; font-weight:bold; border-left:1px solid #ffffff; padding:10px;}
.prcontact {font-size:.7em; font-weight:bold; }
ul {
	list-style: disk;
	margin-left: 0;

	 margin:1px 1px 1px 20px;
	}
li {
	list-style: disk;

	}

.storesdirectory {font-size:.6em; line-height: 1.0; text-decoration:none;}

.directorytitle {font-size:.8em; font-weight:bold; }
.textbold {font-size:.9em; font-weight:bold; text-decoration:none;}
.eventname{font-size:1.2em; font-weight:bold; text-decoration:none;}
.textnormal {font-size:.6em; text-decoration:none; }
.textnormal2bold {font-size:.8em; text-decoration:none; font-weight:bold; }
.textnormal1 {font-size:.7em; text-decoration:none; }
.textnormalred {font-size:.7em; text-decoration:none; color:#ff3300}
.textnormalred2 {font-size:.9em; text-decoration:none; color:#ff3300}
.textnormal2 {font-size:.8em; text-decoration:none; }
.textnormal3 {font-size:.9em; text-decoration:none; }
.offers {font-size:.8em; text-decoration:none; }


.formbox {BACKGROUND-COLOR: #ffd200; border: 1px outset #606060 }

.eventdates{font-size:.9em;}
.caption {font-size:.7em; font-weight:bold; }
.captions {font-size:9px;font-weight:normal;  }


.hours {font-size:.6em; }
.hourstitle {color:#8c1303; font-size:.8em; font-weight:bold; }
.captionauthor {font-size:.6em;  }


.eventbox {width:850px; padding: 2px 2px 2px 8px;
             margin: 2px 3px 3px 3px; background-color:#ffd200;}

.whtdivider{width:1px; padding: 1px;  background-color:#ffffff;}



img.right30 {float:right;margin:4px 0px 4px 30px;}
img.right5 {float:right;margin:4px 0px 4px 0px;}
img.left {float:left;}



/* the horizontal menu starts here */
div#listmenu {

	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	font-weight:bold;
	font-size:.7em;	/* SET FONT-SIZE HERE */
	background-color:#fff; /* colors the div */
	}
div#listmenu ul {margin:0 0 0 10px;/* indents ul from edge of container */
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFF; /*sets the background of the menu items */

	}

div#listmenu li:hover {
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block;
	padding:2px 2px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#5a5504;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#2f2f27;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {

	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:12em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-12px; /*aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #606060; /*  three sides of each drop-down item */
	border-bottom:1px solid #606060;
	border-right:1px solid #606060;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #606060; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */

	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a.menulink {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */