/* CSS Popout Menu */

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:.7%;}
* html #menu ul li a{height:.7%;}
/* End */

body
	{
	margin: 0;
	color: #636363;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	text-align: justify;
}	
h1
	{
	margin: 0;
	color: #636363;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	text-align: right;
	font-weight: 100;
}	
h2
	{
	margin: 0;
	color: #636363;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	text-align: left;
	font-weight: 100;
}	

a:link {
	color: black;
	font-family: "Franklin Gothic Medium", Arial;
	font-size: 13px;
	text-decoration: underline;
	font-weight: normal;
}

 a:visited {
	color: black; 
	font-family: "Franklin Gothic Medium", Arial;
	font-size: 13px;
	text-decoration: underline;
	font-weight: normal;
}

 a:hover {
	color: #00a6a8;
	font-family: "Franklin Gothic Medium", Arial;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

 a:active {
color: black; 
font-family:"Franklin Gothic Medium", Arial;
font-size: 13px;
text-decoration: none;
font-weight: normal;
}

h1
	{
	margin: 0;
	color: #636363;
	font-size: 13px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	line-height: normal;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}
#title
	{
	margin: 0;
	color: #1e90ff;
	font-size: 15px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	font-style: italic;
	padding: 20px;
}
#intro
	{
	margin: 0;
	color: #636363;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	text-align: justify;
}
#locations
	{
	margin: 0;
	color: #20b2aa;
	font-size: 18px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	font-weight: bolder;
}
#packagetitle
	{
	margin: 0;
	color: #f1ecc9;
	font-size: 17px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	background-color: #7b4a17;
	margin-left: 10px;
	padding: 5px 20px 5px 20px;
}
#sidetitle
	{
	margin: 0;
	color: #f1ecc9;
	font-size: 16px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	background-color: #20b2aa;
	text-align: center;
}
.packlist {
	color: #636363;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	text-indent: 50px;
	list-style-image: none;
	list-style-position: outside;
	display: list-item;
	list-style: circle inside none;
	white-space: normal;
	word-spacing: normal;
	line-height: normal;
}
	/* Fix IE Win \*/
 * html .packlist  {
 	height: 30px; }
/* End Fix */
.subpacklist {
	color: #636363; 
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	text-indent: 100px;
	list-style-image: none;
	list-style-position: outside;
	display: list-item;
	list-style: circle inside none;
	white-space: pre;
	word-spacing: normal;
}
#testimonials
	{
	margin: 0;
	padding: 20px;
	color: #636363;
	font-size: 13px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	line-height: normal;
	font-style: italic;
	text-align: left;
}
#menu
	{
	position: relative; /* position, size, and text of the menu */
	top: 0;
	left: 25px;
	z-index: 0;
	width: 8em; /* width of menu boxes */
	text-align: left;
	font-size: 13px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	line-height: 16px;
	color: navy;
}

#menu a
	{
	display:block; /* expands menu box */
	padding: .3em;
	white-space:nowrap;
	width: 145px;
	}
#menu a  /* menu at rest */
 {
	color: navy;
	background-color: transparent;
	text-decoration: none; /* removes underlines from links */
}



#menu a:hover	/* on mouse over -- all menus */
	{
	color: #1e90ff;
	background-image: none;
	background-color: transparent;
}
	
#menu li
	{
	list-style-type:none;	/* removes bullets */
	}

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 8em;	/* distance from of left menus (should be same as width) */
	display: none;
	}

div#menu ul, #menu ul ul, div#menu ul ul ul
	{
	margin:0;			/* keeps the menu parts together */
	padding:0;
	width: 8em;			/* width of sub menus */
	}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul
	{
	display: none;
	}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
	{
	display: block;
	}


	

.homemenu a:link {
color: white; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }

.homemenu a:visited {
color: white; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }

.homemenu a:hover {
color: orange; 
font-family: "Franklin Gothic Medium", Arial;
font-size: 14px;
font-weight: normal;
padding-right: 5px;
padding-left: 5px;
text-decoration: none;
border-bottom: 1px;
background-color: Black; }

.homemenu a:active {
color: White; 
font-family:"Franklin Gothic Medium", Arial;
font-size: 14px;
text-decoration: none;
font-weight: normal;
padding-right: 5px;
padding-left: 5px; }


table.services
{
	border: 1px solid #b0e0e6;
}
#bottommenu
	{
	font-size: 13px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	line-height: 20px;
	color: navy;
}

#bottommenu a
	{
	padding: .3em;
	}

#bottommenu a, #bottommenu a:visited				/* menu at rest */
	{
	color: navy;
	background-color: transparent;
	text-decoration: none; /* removes underlines from links */
}

#bottommenu a.parent, #bottommenu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#bottommenu a:hover	/* on mouse over -- all menus */
	{
	color: #1e90ff;
	background-image: none;
	background-color: transparent;
}


#wrapper {
	margin: 2em auto 0 auto;
	width: 600px;
	height: auto;
	background-color: transparent;
	border-left-style: solid;
	border-left-color: #787878;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #787878;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #787878;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #787878;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
}

#packagewrapper {
	margin: 2em auto 0 auto;
	width: 600px;
	height: 2150px;
	background-color: transparent;
	border-left-style: solid;
	border-left-color: #787878;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #787878;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #787878;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #787878;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
}
#leftwrappertop {
	margin: 2em auto 0 auto;
	width: 560px;
	height: 305px;
	float: left;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #20b2aa;
	background-image: url(images/packages/gradersimple.png);
	background-repeat: no-repeat;	
}
#rightwrappertop {
	margin: 2em 0em 0 auto;
	width: 560px;
	height: 305px;
	float: right;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #e7edf7;
	background-image: url(images/packages/graderdreams.png);
	background-repeat: no-repeat;
}
#rightwrappermiddle {
	margin: 2em 0em 0 auto;
	width: 560px;
	height: 305px;
	float: right;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #e7edf7;
	background-image: url(images/packages/graderfancy.png);
	background-repeat: no-repeat;
}
#leftwrapperbottom{
	margin: 2em auto 0 auto;
	width: 560px;
	height: 394px;
	float: left;
	background-color: transparent;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #e7edf7;
	background-image: url(images/packages/gradermemories.png);
	background-repeat: no-repeat;
}
#rightwrapperbottom {
	margin: 2em auto 0 auto;
	width: 560px;
	height: 450px;
	float: right;
	background-color: transparent;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #e7edf7;
	background-image: url(images/packages/graderstyle.png);
	background-repeat: no-repeat;
}
#rightwrapper ul {
	margin: 0;
	padding: 10px 10px 0 20px;
	list-style-type: disc;
}
#rightwrapper li {
	margin: 0;
	padding: 0;
	list-style-type: circle;
	
}
#leftwrapper ul {
	margin: 0;
	padding: 10px 10px 0 20px;
	list-style-type: disc;
}
#leftwrapper li {
	margin: 0;
	padding: 0;
	list-style-type: circle;
	
}

#shoppingwrapper {
	margin: 2em auto 0 auto;
	width: 600px;
	height: 1400px;
	background-color: transparent;
	border-left-style: solid;
	border-left-color: #787878;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #787878;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #787878;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #787878;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
}
#accommodationswrapper {
	margin: 2em auto 0 auto;
	width: 600px;
	height: 750px;
	background-color: transparent;
	border-left-style: solid;
	border-left-color: #787878;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #787878;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #787878;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #787878;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
}

#aspenwrapper {
	margin: 2em auto 0 auto;
	width: 560px;
	height: 500px;
	float: left;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #60cac5;
	background-image: url(images/shopping/shoppinggrader.png);
	background-repeat: no-repeat;	
}

#decoratingwrapper {
	margin: 2em auto 0 auto;
	width: 560px;
	height: 750px;
	float: left;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #58c7c2;
	background-image: url(images/shopping/decorating.png);
	background-repeat: no-repeat;	
}


#villawrapper {
	margin: 2em auto 0 auto;
	width: 560px;
	height: 660px;
	float: left;
	border-left-style: solid;
	border-left-color: #cad6ed;
	border-left-width: 2px;
	border-right-style: solid;
	border-right-color: #cad6ed;
	border-right-width: 2px;
	border-top-style: solid;
	border-top-color: #cad6ed;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cad6ed;
	border-bottom-width: 2px;
	font-size: 14px;
	font-family: "Franklin Gothic Medium", helvetica, arial, geneva, "Franklin Gothic Medium", sans-serif;
	padding: 20px;
	color: #636363;
	text-align: justify;
	background-color: #20b2aa;
	background-image: url(images/shopping/villagrader.png);
	background-repeat: no-repeat;	
}

#indexwrapper {
	margin: 0em auto 0 auto;
	width: 900px;
	height: 300px;
	float: none;
}
#indexwrapperright {
	margin: 0em auto 0 auto;
	width: 500px;
	height: 300px;
	float: right;
	text-align: right;
}
#indexwrapperleft {
	margin: 0em auto 0 auto;
	width: 400px;
	height: 300px;
	float: left;
	text-align: left;
}