/*******************************************************************************************************/
/*** 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 */
	width:830px;
	margin:10px auto 0 auto;
	text-align:left;  /* clears the IE text-align center hack in the body tag */
}
#headerWrapper {
	width:830px;
	margin-bottom:10px;
}
#menuWrapper {
    width:100%;
}
#centerWrapper{
	width:100%;
}
#slideshowWrapper {
	width:175px;
	float:right;
    margin-top:10px;
}
#contentWrapper {
	width:650px;
	float:left;
    margin-top:10px;
}
#contentspacer {
	width:635px;
}
#footerWrapper {
	clear:both;
    width:100%;
}
#picturebarWrapper {
	float:left;
}
#sidebarWrapper {
	float:right;
    width:22%;
}

/*** this area defines the inner wrappers - menu in menu.css ***/

#header {
	background-color:#FFBD37;
    overflow:hidden;
}
#header div {
	text-align:left;
	height:135px;
	margin-bottom:5px;
}
#menu {
	margin:0 auto 0 auto;
    width:650px;
    height:20px;
}

/*** 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;
	background-color:#ffffff;
}
#picturebar img {
	border:0;
	padding:0;
	margin:0;
	height:100%;
	width:175px;
}
/*** slideshow ***/
#slideshowcontent {
/*	margin-right:5px;  */
	width:175px;  
	height:750px;
/*	background-color:#ffffff; */
}

/*** 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;
	color:#FFFFFF;
}
#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:75px;
	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:198px;
	height:73px;
	font-size:12px;
	border:1px #000 solid;
}

div#coupon {
	position:absolute;
	top:0px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-top:0;
}
div#facebook {
	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;
}