/*******************************************************************************************************/
/*** setup all the layout for the template page
/*******************************************************************************************************/
/*** define all the primary outer / inner wrappers for the different sections of the page layout  ***/
/*** these are used only to define the basic layout desired in terms of page size and locations ***/
/*** changes made for content should be in base.css or a content.css file ***/

#mainWrapper { /* set the overall area min/max or width if fixed and centers the window */
    min-width:700px;
	max-width:900px;
	margin:0 auto 0 auto;
	text-align:left;  /* clears the IE text-align center hack in the body tag */
}
#headerWrapper {
    width:100%;
}
#picturebarWrapper {
    width:100%;
}
#menuWrapper {
    width:100%;
}
#sidebarWrapper {
	float:right;
    width:22%;
}
#contentWrapper {
	padding:.25em 0em 1em 0em;
	float:left;
    width:100%;
    top:0px;
}

#footerWrapper {
	clear:both;
    width:100%;
}

/*** this area defines the inner wrappers - menu in menu.css ***/
#menu {
	width:900px;
	height:22px;
	margin: 0px auto 0px auto;
}
#header {
	width:100%;
    overflow:hidden;
}
.headerdiv {
	text-align:left;
	padding-top:1em;
}

.headerdiv h2 {
	margin:0;
	padding:0;
}
.flower {
	width:200px;
	height:150px;
	float:left;
	margin-left:2em;
}
/*** picturebar ***/
#picturebar {
    background-color:#ffffff;	
	overflow:hidden;
}
#picturebar div {
	margin:0 auto 0 auto;
	width:875px;  /* image width  x # of images --- must be set to center images */
	height:150px;
}
#picturebar img {
	border:0;
	padding:0;
	margin:0;
	height:100%;
	width:175px;
}
/*** slideshow ***/
#slideshowbar {
    background-color:#ffffff;	
	overflow:hidden;
}
#slideshowbardiv {
	margin:0 auto 0 auto;
	width:875px;  /* image width  x # of images --- must be set to center images */
	height:150px;
}

/*** sidebar ***/
#sidebar {
    background-color:#dCD4E0;	
	overflow:hidden;
}
#sidebar table {
	width: 100%;
}

#sidebar li ul {
	padding: 0;
}

#sidebar a {
	color:#663300;
	text-decoration: none;
}

#sidebar a:hover {
	background-color:#1A66F2;
}

#sidebar ul.children li {
	border-bottom: medium none;
}

#sidebar ul.children {
	margin-bottom: -5px;
}
#sidebar h3 {
	color:blue;
	font-size:16px;
}
.sidebaritem {
	background-color:#D9D9E1;
	padding: 5px;
	border-bottom: 2px solid #9AC2FC;
	font-size: 9pt;
}

.sidebaritem  ul li {
	padding: 3px 0 3px 19px;
}

.sidebaritem ul li a {
	color: #000000;
	text-decoration: none;
}

.sidebaritem ul li a:hover {
	text-decoration: underline;
}

.sidebartitle {
	background-color:#DCD78D;
	color:#663300;
	text-align:center;
	font-weight:bold;
	font-size:11pt;
	height:25px;
	width:100%;
	margin:0;
	padding:0;
}



/*** footer stuff ***/
#footer {
	overflow:hidden;
	text-align:center;
	font-size: .75em;
}
#footer hr {
	width:100%;
	height:1px;
	background-color:#663300;
	margin:0;
	padding:0;
}
/*** for putting a bottom bar in footer for stuff **/
#footerbar {
	margin:1em 0 1em 0;
	width:100%;
	height:90px;
	position:relative;
}
#footerbar img {
	display:block;
	border:0;
	position:absolute;
}
div#textbox {  /* just a 100w by 75h box for putting some genteral text into - left is defined in the markup */
	position:absolute;
	top:0px;
	text-align:center;
	width:98px;
	height:73px;
	font-size:12px;
	border:1px #000 solid;
}

div#mailform {  /* contains the join mailing list form */
	position:absolute;
	top:0px;
	text-align:center;
	width:210px;
	height:90px;
	font-size:12px;
/*	border:1px #000 solid; */
	background-color:#1BB6EA;
}

div#coupon {
	position:absolute;
	top:0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:0;
}
div#socialweb {
	position:absolute;
	top:0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:0;
}
div#birthday {
	position:absolute;
	top:0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:0;
}