/* Start of CMSMS style sheet 'Layout: Stouten Fourage' */
div#background-top{
   background-image: url(uploads/images/lay-out/background.jpg);
   background-color: #fffacd;
   background-repeat:repeat-y;
   background-position: center top;
   background-repeat: no-repeat;
   height: 621px;
}

* {
   margin: 0;
   padding: 0;
}

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
   background-position: top center;
   background-repeat: no-repeat;
   background-color: #fffacd; 
   background-image: url(uploads/images/lay-out/bg-border.gif);
   background-repeat:repeat-y;
   background-position: center top;
   margin: 0;
   padding: 0;
   color: #333;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}

a, a:link a:active {
   text-decoration: underline;
   background-color: inherit;
   color: #000;
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #000;
}
a:hover {
   text-decoration: none;
   background-color: inherit;
   color: #000;
}

div#pagewrapper {
   max-width: 827px;
   min-width: 827px;
   margin: 0 auto;
   background-color: #fefefe;
   color: black;
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
}

div#header {
   height: 159px;
   margin: 0;
   padding: 0;
}

div#header h1 a {
   display: block;
   height: 159px;
   text-indent: -999em;
   text-decoration: none;
}

div#header h1 {
   margin: 0;
   padding: 0;
   line-height: 0;
   font-size: 0;
}

div#header h2 {
   float: right;
   line-height: 1.2em;
   font-size: 1.5em;
   margin: 35px 65px 0px 0px;
   color: #f4f4f4;
}
div.breadcrumbs {
   padding: 1em 0em 1em 1em;
   font-size: 90%;
   background-color:#c3c3c3;
   border-bottom: 1px solid #000;
}

div.breadcrumbs span.lastitem {
   font-weight: bold;
}

div#content {
   margin: 0 auto 2em 0;
   padding: 0px;
   max-width: 827px;
   background-image: url(uploads/images/lay-out/menu-bg.gif);
   background-position: left top;
   background-repeat: no-repeat;
   background-color: #fff;
}

div#sidebar {
   float: left;
   width: 200px;
   display: inline;
   margin: 0px 0px 0px;
   margin-bottom: -24px;
   padding: 0px;
}

div#news{
   width: 180px;
}

div#main{
   margin-left: 200px;
   padding-left: 10px;
   padding-right: 5px;
   padding-top: 10px;
   background-color: #fff;
   min-height: 650px;
}

div#footer {
   padding: 0px 0px 0px 0px;
   margin-top: -24px;
   color: #595959;
   background-color: #fffacd;
   background-image: url(uploads/images/lay-out/bottom.gif);
   background-repeat: repeat-x;
   height: 74px;
   width: 863px;
   margin-left: -18px;
}

div#footer-left-bottom{
   position: absolute;
   height: 50px;
   width: 218px;
   background-image: url(uploads/images/lay-out/lb-bottom.gif);
}

div#footer-right-bottom{
   position: relative;
   height: 50px;
   width: 50px;
   background-image: url(uploads/images/lay-out/right-bottom-corner.gif);
   margin-left: auto;
   margin-right: 0;
}

.gallery{
   margin-top: -40px;
}

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
/* font size for h1 */
	font-size: 2em;
	line-height: 1em;
	margin: 0;
}
div#content h2 {
	color: #294B5F;
/* font size for h2 the higher the h number the smaller the font size, most times */
	font-size: 1.5em;
	text-align: left;
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #899092;
	border-left: 1.1em solid #899092;
/* a larder than h1 line height */
	line-height: 1.5em;
/* and some air under the border */
	margin: 0 0 0.5em 0;
}
div#content h3 {
	color: #294B5F;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}
div#content h4 {
	color: #294B5F;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #294B5F;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #294B5F;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */
p {
/* default p font size, this is set different in some other divs */
	font-size: 1em;
/* some air around p elements */
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	padding: 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */
/* End of 'Layout: Stouten Fourage' */