@charset "UTF-8";
/* CSS Document */

#back{

	width: 908px; /* centered div must be given a width */

	height: 475px;

	background-color:#96be63;

	position:absolute;

	left: 98px;

	top: 71px;

	overflow: auto;

	}

	* {

	margin: 0; /* zero out margin */

	padding: 0; /* zero out padding */

}

html {

	height: 100%; /* gives layout 100% height */

	position: relative; /* gives 100% height to Opera 9.5 */

}

body {

	height: 100%; /* gives layout 100% height */

	

}

* html #wrapper { 

	height: 100%; /* IE6 treats height as min-height */


}

#wrapper {

	margin: 0 auto; /* centers #wrapper */

	width: 650px; /* centered div must be given a width */
	
	padding-top:80px;
margin-top:45px;
margin-bottom:50px;



}

	body {
	background-color: #96be63;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	}



	#info {

		width: 300px;

		overflow: auto;

	}



	#flashcontent {

		

		width: 931px;

		height: 780px;

		float: center;

		
		background-color:#96be63;
		z-index:1;

	}



body,td,th {

	font-size: 10px;


}
#myContent { background-color:#96be63; z-index:2;}
#intro{
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	font-style: normal;
	text-transform: none;
	color: #6D7D2D;
	width: 475px;
	/* change the values of top and left to adjust the position */
	top: 51px;
	left: 15px;
	height: 26px;
	z-index:1;
	background-color: #FFFFFF;
}
#intro2{
	position: relative;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	font-style: normal;
	text-transform: none;
	color: #6D7D2D;
	width: 800px;
	/* change the values of top and left to adjust the position */
	top: 83px;
	left: 50px;
	height: 26px;
	z-index:3;
}
#header {
	position: relative;
	width: 100%;	
	height: 0px;	
	margin: 0; padding: 0;
	background-image:url(green.png);
	background-repeat:repeat-x;
	z-index:2;	
}
#topbox{ background-image: url(http://www.twigboston.com/topbox.png); 
background-repeat:no-repeat;width:650px; height:36px;}
#contentbox{ background-image: url(http://www.twigboston.com/contentbox2.png); 
background-repeat:repeat-y;width:648px; padding-left:15px;}
#bottombox{ background-image: url(http://www.twigboston.com/bottombox.png); 
background-repeat:no-repeat;width:650px;height:36px;}

#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}

p#slogan {
	position: absolute;
	/* change the values of top and left to adjust the position */
	top: 0px;
	left: 0px;
	margin: 0;
	padding:  0 5px 0 0;
	font: bold 36px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
	color: #ffffff;
	width: 100%;
	height: 70px;
	background-color:#a4cf67;
	z-index: 4;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #70983f;
}
#logo {
	position: absolute;
	/* change the values of top and left to adjust the position */
	top: 5px;
	left: 0px;
	text-decoration: none;
	color: #fff;
	height: 60px;
	width: 847px;
	z-index: 5;
}
#logo #nav {
	position: absolute;
	left: 56px;
	top: 15px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 60px;
	width: 1086px;
	z-index: 5;
	
}
#logo #nav2 {
	position: absolute;
	left: 56px;
	top: -25px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 60px;
	width: 914px;
	z-index: 4;
}
#logo #nav ul {	
	float: left;	
	margin: 0;	padding: 0;		
	width: 100%;	
	list-style: none;	
}
#logo #nav ul li {
	float: left;		
}
#logo #nav ul li a:link,
#logo #nav ul li a:visited {
	float: left;
	margin: 0;
	padding-top:30px;
	padding-left:15px;	
	font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; 
			
	color: #70983f;
	text-decoration: none;
}
#logo #nav ul li a:hover, 
#logo #nav ul li a:active {
	border: none;
	color: #fff;		
}
#logo #nav ul li#current { 
	background: url(../images/left-nav-bg.gif) no-repeat;			
}
#logo #nav ul li#current a {	
	background: url(../images/right-nav-bg.gif) no-repeat right top;
	color: #f0e8e8;		
}
#sun #nav2 ul {	
	float: left;	
	margin: 0;	padding: 0;		
	width: 100%;	
	list-style: none;	
}
#sun #nav2 ul li {
	float: left;		
}
#sun #nav2 ul li a:link,
#sun #nav2 ul li a:visited {
	float: left;
	margin: 0;
	padding: 30px ;	
	font: bold 10px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;		
	color: #867474;
}
#sun #nav2 ul li a:hover, 
#sun #nav2 ul li a:active {
	border: none;
	color: #fff;		
}
#sun #nav2 ul li#current { 
	background: url(../images/left-nav-bg.gif) no-repeat;			
}
#suno #nav2 ul li#current a {	
	background: url(../images/right-nav-bg.gif) no-repeat right top;
	color: #f0e8e8;		
}
#sun{
	position:absolute;
	top: -6px;
	left: 0px;
	z-index:5;
	background-image:url(http://www.twigboston.com/environment/sun.png);
	background-repeat:no-repeat;
	height: 81px;
	width: 199px;
}
#sun2{
	position:relative;
	top: 440px;
	left: 250px;
	z-index:50;
	height: 1px;
	width: 1px;
}

#sun #a link {float:right}
#account{
	position:absolute;
	top: 4px;
	left: 85px;
	z-index:7;
	background-repeat:no-repeat;
	height: 20px;
	width: 1px;
	font: bold 14px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;		
	color: #000000;
	text-decoration: none;
	
}
#account a:link,a:visited{
	font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;		
	color: #000000;
	text-decoration: none;
	}
#account a:hover{
		color: #ffffff;}
#account #cover{padding-top:10px; width:27px;}
#account #text {font: bold 14px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;width:75px; margin-left:30px; margin-top:-20px;		
	color: #000000;
	text-decoration: none;}

#account2{
	position:absolute;
	top: 4px;
	left: 80px;
	z-index:7;
	background-repeat:no-repeat;
	height: 20px;
	padding-left:20px
	width: 100px;
	font: bold 14px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;		
	color: #000000;
	text-decoration: none;
	
}
#account2 a:link{
	font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;		
	color: #000000;
	text-decoration: none;
	float:right;}
#account2 a:hover{
		color: #ffffff;}
#account2 #cover2{padding-top:10px; width:27px;}
#account2 #text2 {font: bold 14px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;width:75px; margin-left:40px; margin-top:-18px;		
	color: #000000; padding-left:30px;
	text-decoration: none;}
#top{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
#wrapper2 {

	margin: 0 auto; /* centers #wrapper */

	width: 931px; /* centered div must be given a width */
	padding-top:45px;


}
#intro3{
position:relative;
top:50px;
left:150px;
	margin: 200;
	padding: 0;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5em;
	font-style: normal;
	text-transform: none;
	color: #6D7D2D;
	width: 100%;
	/* change the values of top and left to adjust the position */
	margin: 200 auto;
	height:100%
	z-index:11;
}
#top2{
	position:absolute;
	top:0;
	left:0;
	background-color:#666666;
	width:100%;
	height:840px;
	z-index:3;
	filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
   margin-top:-20px;

}
#occasion{
   position:relative;
	top: 27px;
	left: 550px;
	z-index:50;
	height: 1px;
	width: 300px; }
#occasion{
    list-style: none;
    float: left; }
#occasion {
    display: block;
    padding: 3px 8px;
    background-color: #5e8ce9;
    color: #fff;
    text-decoration: none; }
#occasionli ul {
    display: none;
    width: 10em; /* Width to help Opera out */
    background-color: #69f;}
#occasion li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }
#occasion li:hover li {
    float: none; }
#occasion  li:hover li a {
    background-color: #69f;
    border-bottom: 1px solid #fff;
    color: #000; }
#occasion li li a:hover {
    background-color: #8db3ff; }
#occasion  li:hover ul, #navbar li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }
#occasion  li:hover li, #navbar li.hover li {
    float: none; }
#occasion  li:hover li a, #navbar li.hover li a {
    background-color: #69f;
    border-bottom: 1px solid #fff;
    color: #000; }

#navbar 
	{
		margin: 0;
		padding: 0;
		height: 1px;
		font-size: 12px;
		position:absolute;
	top: 79px;
	left: 100px;
	z-index:50;
	height: 1px;
	width: 75px; 
		
	}
	
#navbar li 
	{
		list-style: none;
		float: left; }
	
#navbar li a {
		display: block;
		Width: 200px;	
		padding-top: 2px;
		/*padding-bottom: 1px;
		padding-left: 8px;*/
		color: #fff;
		text-decoration: none;
		text-align: center;
	}
	
#navbar li ul 
	{
		display: none; 
		background-color: #00000;
	}
	
#navbar li:hover ul, #navbar li.hover ul 
	{
		display: block;
		position: absolute;
		margin: 0;
		padding: 0; 
	}
	
#navbar li:hover li, #navbar li.hover li 
	{
		float: none; 
	}
	
#navbar li:hover li a, #navbar li.hover li a 
	{
		background-color: #000000;
		border-bottom: 1px solid #666;
		color: #fff; 
	}
	
#navbar li li a:hover 
	{
	color: #333;
	background-color: #fc0;
	
	}
#navbar2 
	{
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 12px;
	position:absolute;
	top: 79px;
	left: 300px;
	z-index:50;
	height: 1px;
	width: 136px;
	}
	
#navbar2 li 
	{
		list-style: none;
		float: left; }
	
#navbar2 li a {
		display: block;	
		padding-top: 2px;
		/*padding-bottom: 1px;
		padding-left: 8px;*/
		color: #fff;
		text-decoration: none;
		text-align: center;
	}
	
#navbar2 li ul 
	{
		display: none; 
		background-color: #00000;
	}
	
#navbar2 li:hover ul, #navbar li.hover ul 
	{
		display: block;
		position: absolute;
		margin: 0;
		padding: 0; 
	}
	
#navbar2 li:hover li, #navbar li.hover li 
	{
		float: none; 
	}
	
#navbar2 li:hover li a, #navbar li.hover li a 
	{
		background-color: #000000;
		border-bottom: 1px solid #666;
		color: #fff; 
	}
	
#navbar2 li li a:hover 
	{
	color: #333;
	background-color: #fc0;
	
	}
.style2 {font-weight: bold}

-->
/* These styles create the dropdown menus. */
#searchbar {
	position: absolute;
	width: 906px;
	margin: 0;
		padding: 0;
		height: 1px;
		font-size: 12px;
	top: 79px;
	left: 61px;
	z-index:50;
	height: 1px; 
}
#searchbar li {
   list-style: none;
   float: left; }
#searchbar li a {
   display: block;
   padding: 3px 8px;
   text-transform: uppercase;
   text-decoration: none; 
   color: #fff;
   font-weight: bold; }
#searchbar li a:hover {
   color: #000; }
#searchbar li ul {
   display: none;  }
#searchbar li:hover ul, #searchbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0; }
#searchbar li:hover li, #searchbar li.hover li {
   float: left; }
#searchbar li:hover li a, #searchbar li.hover li a {
   color: #fff;
   font-size:10px }
#searchbar li li a:hover {
   color: #000; }