/*TODO: Need to figure out how to get the bottom of the selected tab to line up correctly in IE/PC*/
body {
	margin:30px 0px; padding:0px;
	text-align:center;
	background-color:#fff;
	font: 0.85em/1.55em arial, helvetica, sans-serif;  color:#666;
	letter-spacing:0.03em;
	}
	
/*--------- layout -----------*/
#wrapperwrapper {
	width:985px;
	margin:0px auto;
	text-align:left;
	background-image: url(images/shadow_right_bottom.gif);
	background-repeat:repeat-y;
	background-position:right;
	}
#shadow_bottom {
	height:17px;
	background-image: url(images/shadow_bottom.gif);
	}

#wrapper {
	width:965px;
/*	height:515px;*/
	background-color:#fbfaf9;
	border:solid 1px #999;
	background-image: url(images/background_image.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
#contentLeft {
	float: right; width:580px; 
	padding:0 0px 0 0px;  
	margin: 0 0 25px 0; 
	/*border-right:dashed 1px #ccc;*/
	display: inline;
	}

#contentRight {
	float:right;  
	width:335px; 
	margin-left:0px; 
	margin-top:26px;
	margin-right:35px;
	padding-left:14px;
	display: inline;
	border-left:dashed 1px #ccc;
	}

/*------ navigation -----*/

#nav { float: left; 
	width: 899px; 
	height: 23px; 
	margin: 0px 0 0 33px; 
	border-bottom:solid 1px #e0e0e0;
	display:inline;
	}
	
#nav ul {
    margin:0 0 0 0px;
    padding:0;
    list-style:none;
    }

  #nav li {
    float:left;
    margin:0 4px 0 0;
    padding:0px 6px 0 6px;
    }
	
#nav #selected {
	position:relative; /* set position- relative to access stacking order  */
	z-index:5; /* move toptab to top of stack--*/
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	border-bottom:solid 1px #fbfaf9;
	background-color:#fbfaf9;
}

#nav ul li a { 
	margin: 0; 
	padding: 0; 
	font: 0.9em/22px  arial, helvetica, sans-serif; 
	font-weight:800; 
	color:#a6c42e; 
	letter-spacing:1px;
	} 

#nav #selected a { color:#3f173c; }
#nav a:hover {
	color:#3f173c;
	background-color:#eee;
	text-decoration:none;
	border-bottom: 1px #ccc dashed;
	}
	
/*------- Content ---------*/

#flashcontent{ margin:0;}

.flowerPhoto { border: solid 1px #999;}

h1 {
	margin: -2px 0 -4px 0; 
	font: 1.8em/1.2em arial, helvetica, sans-serif;
	font-style: normal; 
	font-weight:100; 
	color:#aecd31;
	}

h2 {margin: -2px 0 10px 0; font-size: 1.1em; font-style: normal; font-weight:100; color:#888;}
#contentLeft H2 { margin: -2px 0 -2px 0; font-size: 1.0em; font-weight: 700}
h2 a:link { color:#b2bb1c; text-decoration: underline;}
h2 a:visited { color:#777; text-decoration: underline;}
	
.caption {
	margin: 0px 0 20px 0; 
	font: 0.85em/1.35em arial, helvetica, sans-serif; 
	}
.aboutpic {
	margin-left:72px;
	}



/*-------- footer ---------*/

#footerWrapper {clear:both;}

#footer { 
	width:540px; 
	height: 22px; 
	padding:2px 0 0 40px; 
	border-top: solid 1px #949494; 
	border-right: solid 1px #949494;
	}

#footer ul {
    margin:0 0 0 0px;
    padding:0;
    list-style:none;
    }

 #footer li {
    float:left;
    margin:0 4px 0 0;
    padding:0px 5px 0 5px;
    }

#footer ul li a { 
	margin: 0; 
	padding: 0; 
	font: 12px/22px  arial, helvetica, sans-serif; 
	font-weight:800; 
	color:#999; 
	letter-spacing:1px;
	} 

#footer a:hover {
	color:#3f173c;
	}	

/* --------- copyright (dont think we need this) ---- */
/*#copy_wrapper {text-align: center; height:20px;background-color:#111;}
#copyright { margin-top: 12px; padding: 0; font: 0.6em/1.3em  verdana, tahoma, "sans-serif";  color: #333; }
#copyright a { color: #444}
#copyright a:hover { color: #aaa}
*/

/*-------  links etc -------*/

a	{text-decoration: none;}

a:link	{
	color:	#2b3e20;
	background-color: transparent;
	}
a:visited	{
	color:#6c8607;
	background-color: transparent;
	}
a:active	{
	color:	#131c03;
	background-color: transparent;
	}
a:hover	{
	color:#4f1049;
	background-color: transparent;
	text-decoration: underline;
	}
img{ border: 0;}

.under{text-decoration: underline;}