html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

html,body {
	margin: 0;
	padding: 0;
	/*height: 100%;*/ /* needed for container min-height */
	
	/* fix for gecko browsers so background image stays in the center of the body width instead of resizing with the viewport */
	/*min-width: 997px;*/
}

body {
	background-color: #b1875c;
	background: url(/assets/img/siteBg.jpg) repeat top left;
}

/* edit form for form controls */
table.editform td {
	padding: 3px;
}

div#site {
	width: 1003px;
	margin: 0 auto;
	background-color: #f4e5d6;
}

div#siteBorder {
	border-left: 3px solid white;
	border-right: 3px solid white;
}

div#header {
	height: 190px;
	border-bottom: 3px solid white;
}

div#siteTitle {
	padding-top: 20px;
	padding-left: 20px;
	font-family: Comic Sans MS;
	font-size: 45px;
	color: white;
}

div#siteSubTitle {
	padding-left: 20px;
	font-family: Comic Sans MS;
	font-size: 14px;
	color: white;
}

div#menu {
	height: 16px;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
	background-color: #d69961;
}

div#submenu {
	height: 16px;
	padding: 4px;
	padding-top: 6px;
	padding-left: 30px;
}

div#menu ul, div#submenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#menu ul {
	float: right;
}

div#menu ul li, div#submenu ul li {
	float: left;
	margin-right: 15px;
}

div#menu a, div#menu a:hover, div#submenu a, div#submenu a:hover {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

div#menu a:hover, div#submenu a:hover {
	text-decoration: underline;
}

div#menu li.active a, div#menu li.active a:hover {
	color: #6c5635;
}

div#submenu li.active a, div#submenu li.active a:hover {
	color: #edceab;
}

div#contentLeft {
	width: 431px;
	min-height: 540px; /* no IE6 support */
	float: left;
	padding-top: 30px;
	padding-left: 80px;
	padding-right: 100px;
	border-right: 3px solid white;
}

div#pageContent {
	margin-top: 25px;
}

div#contentRight {
	width: 383px;
	min-height: 540px; /* no IE6 support */
	float: right;
}

div#contentRightTop {
	height: 265px;
	border-bottom: 3px solid white;
	padding: 35px;
	padding-left: 40px;
}

div#contentRightBottom {
	padding: 30px;
	padding-left: 40px;
}

div#footer {
	clear: both;
	height: 30px;
	padding-top: 5px;
	padding-left: 3px;
	background-color: #b1875c;
	color: white;
}

div#footer a, div#footer a:hover {
	color: white;
}

span.v {
	color: red;
}

ul#sideBarMenu {
	margin: 0;
	padding: 0;
	margin-top: 100px;
	list-style-type: none;
}

ul#sideBarMenu li {
	margin-top: 20px;
	width: 170px; /* break text in links to next line */
}

ul#sideBarMenu li div.item {
	margin-left: 18px;
}

ul#sideBarMenu li.active {
	background: url(/assets/img/arrow.gif) no-repeat 0px 4px;
}

ul#sideBarMenu li.active a.kids {
	color: #c57d60;
}

ul#sideBarMenu li.active hr.kids {
	color: #c57d60;
	background-color: #c57d60;
}

ul#sideBarMenu li.active a.parents {
	color: #af9776;
}

ul#sideBarMenu li.active hr.parents {
	color: #af9776;
	background-color: #af9776;
}

ul#sideBarMenu li.active a.workshops {
	color: #728c64;
}

ul#sideBarMenu li.active hr.workshops {
	color: #728c64;
	background-color: #728c64;
}

/* Link layout for sidebar menu */
a.portalLink, a.portalLink:hover {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a.portalLink:hover {
	color: white;
}

a.portalLink + hr {
	width: 180px;
	border: 0;
	height: 5px;
	text-align: left; /*IE*/
	margin: 2px 0; /* align left Mozilla*/	
	!margin-top: -5px; /* IE 7 margin hack */
	!margin-bottom: -5px; /* IE 7 margin hack */
	display:block;
}

a.kids {
	color: #981b1e;
}

hr.kids {
	color: #981b1e;
	background-color: #981b1e;
}

a.parents {
	color: #6c5635;
}

hr.parents {
	color: #6c5635;
	background-color: #6c5635;
}

a.workshops {
	color: #005228;
}

hr.workshops {
	color: #005228;
	background-color: #005228;
}