@charset "utf-8";

/* Original Developer: Johnathan Greenidge
   Last Update: April 24, 2008
   Document Information: The following code in this file is the backbone for the website layout and design. Before making any changes please have a good understanding of CSS and HTML before making one. The smallest change can DESTROY the layout for the entire website. If you have any questions feel free to send me an email at greeni90@morrisville.edu */
   


/* This section is for the Wrapper, Footer, Body and Header sections of the website */
#footer {
	background-image: url(images/layout/footer.png);
	background-repeat: no-repeat;
	width: 718px;
	height: 51px;
	z-index: 9;
}

#content {
	background-image: url(images/layout/contentbackground.png);
	background-repeat: repeat-y;
	width: 718px;
	position: relative;
}

#header {
	background-image: url(images/layout/header.png);
	background-repeat: no-repeat;
	height: 270px;
	width: 718px;
	position: relative;
	behavior: url(iepngfix.htc);
}

#wrapper {
	background-color: #293746;
	text-align: left;
	width: 719px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 31.1px;
	padding-right: 31.1px;
	position: relative;
	background-image: url(images/layout/pattern.png);
}

/* End of section  for the Footer, Body and Header  parts of the website */

/* This section is for editing tags for the content section */
#content p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 90px;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#content p.homepage {
	float: left;
	width: 200px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 90px;
	margin-top: 0px;
}

#content p.homepageiesix {
	float: left;
	width: 200px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
	margin-top: 0px;
}
#content p.homepageclear {
	clear: left;
}
#content h1.homepageclear {
	clear: left;
	padding-top: -200px;
	float: none;
}

#content img.homepage {
	float: right;
	margin: 0px;
	padding-top: 13px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
}




#content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 68px;
	line-height: 1.5em;
}


#content ul {
	margin-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#content  a:link  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFF00;
}

#content  a:visited{

	color:#660066;

}

#content  a:hover, #content  a:active{

	color:#00FFFF;

}
#content  li.activities:hover {
	color: #FFFFFF;
	cursor: default;
}

#content li.tourpictures {
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
}
/* End of section for editing tags for the content section */

/* This section is for editing tags for the header section */
#header img {
	padding: 0px;
	margin-top: 106px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 192px;
}
/* End of section for editing tags for the header section */

/* This section is for editing tags for the footer section */
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-left: 40px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer a {
	color: #FFFF00;
}
/* End of section for editing tags for the footer section */



/* This section is for editing tags for the fixed flower section, The fixed flower section is used for keeping the flower scolled up and down. Issues IE6 has an issue because it doesnt support the fixed position element. So the flower doesnt display in IE6. Also the flowers position will changed based on the width of the browser.*/ 
#fixedflower {

	
}

.hiRes
          {
		    background-image: url(images/layout/sideflower.png);
            position: fixed;
			left: 68%;
			top: 20px;
			z-index: 100;
			width: 156px;
			height: 600px;
		   }
		   
 .lowRes
          {
		     background-image: url(images/layout/sideflower.png);
             position: fixed;
			 left: 75%;
			 top: 20px;
			 z-index: 100;
			 width: 156px;
			 height: 600px;
          }		   
/* End of section for editing tags for the fixed flower section */
	  

/* This section is for editing tags for the tourpictures page */

#tourpictures {
	position: absolute;
	left: 367px;
	top: 36px;
	width: 308px;
	height: 410px;
	z-index: 11;
	visibility: visible;
	border: 1px solid #FFFFFF;
}

#tourpicturecontainer {
	position: absolute;
	left: 50px;
	top: 233px;
	z-index: 102;
	width: 644px;
	height: 491px;
	background-color: #000000;
	padding-left: 30px;
	padding-top: 30px;
	border: thin solid #FFFFFF;
	visibility: hidden;
}
#tourpicturecontainervertical {
	position: absolute;
	left: 50px;
	top: 233px;
	z-index: 102;
	width: 505px;
	height: 491px;
	background-color: #000000;
	padding-left: 170px;
	padding-top: 30px;
	border: thin solid #FFFFFF;
	visibility: hidden;
}
#wrapper #tourpicturecontainervertical img {
	border: 1px solid #FFFFFF;
}

#wrapper #tourpicturecontainervertical img:hover {
	cursor: pointer;
}

#wrapper #tourpicturecontainer img {
	border: 1px solid #FFFFFF;
}

#wrapper #tourpicturecontainer img:hover {
	cursor: pointer;
}


#tourpicturecontainerclose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	left: 276px;
	top: 499px;
	color: #FFFFFF;
	z-index: 108;
	width: 147px;
	visibility: hidden;
}
#tourpicturecontainerverticalclose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	left: 276px;
	top: 499px;
	color: #FFFFFF;
	z-index: 108;
	width: 147px;
	visibility: hidden;
}
/* End of section for editing tags for the tourpicture page */

/* End of section for editing tour list tages  */
#tourlistpictures {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	left: 223px;
	top: 304px;
	height: 144px;
	text-align: left;
	width: 120px;
	visibility: visible;
}

#wrapper #content #tourlistpictures li {
	padding: 0px;
	list-style-type: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrapper #content #tourlistpictures ul {
	margin: 0px;
	padding: 0px;
}
#wrapper #content #tourlistpictures li:hover {
	color: #00FFFF;
	cursor: pointer;
}

/* End of section for editing the tour list tags*/

/* This section is for editing tags for the contentflowers page */
#contentflowers {
	background-image: url(images/layout/contentflower.png);
	position: absolute;
	height: 276px;
	width: 618px;
	left: 73px;
	top: -19px;
	visibility: visible;
}
/* End of section for editing tags for the contentflowers page */

/* This section is for editing tags for the activity page */
#activitypictures {
	position: absolute;
	left: 367px;
	top: 36px;
	width: 308px;
	height: 410px;
	z-index: 11;
	border: 1px solid #FFFFFF;
}
/* End of section for editing tags for the activity page */

/* This section is for editing tags for the contact us page */
#contactuspicture {
	position: absolute;
	width: 324px;
	height: 192px;
	left: 263px;
	top: 141px;
}
/* End of section for editing tags for the contact us page */


/* This section is for editing tags for the navigation menu */
#navigationmenu {
	position: absolute;
	left: 60px;
	top: 98px;
	z-index: 100;
	width: 128px;
	height: 151px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	visibility: visible;
}


#navigationmenu ul li a, #navigationmenu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	width:126px;
	height:25px;
	text-align:center;
	line-height:23px;
	font-size:18px;
	background-color: #65727E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
#navigationmenu ul li a.current {
	background-color: #B1BFCD;
	cursor: default;
	color: #000000;
}
#navigationmenu ul li ul li a.current {
	background-color: #FFFFFF;
	cursor: default;
	color: #000000;
}

#navigationmenu ul {padding:0; margin:0;list-style-type: none; }
#navigationmenu ul li {float:left; margin-right:1px; position:relative;}
#navigationmenu ul li ul {
	display: none;
}

#navigationmenu ul li:hover a {
	color:#000000;
	background-color: #B1BFCD;
}
#navigationmenu  ul li:hover ul {
	display:block;
	position:absolute;
	top:0px;
	left:128px;
	width:105px;
}

#navigationmenu ul li:hover ul li a:hover {
	background-color:#FFFFFF;
	color:#000;
}
/* End of section for editing tags for the navigation menu */


/* This section is for editing tags for the whole document */
div {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
}

p .number{
	float:left;
}

p .copyright{
	float:left;
}

p .email{
	float:left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	margin-left: 90px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	z-index: 100;
}
/* End of section for editing tags for the whole document*/