/* Start of CMSMS style sheet '4cmp' */
/* begin Page */

body
{
  margin: 0 auto;
  padding: 0;
  background-color: #111;
font-family:  Verdana, Helvetica, Arial, Geneva, Lucida Sans, Trebuchet;
font-size: 0.9em;

}


.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.PageBackgroundGlare
{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.PageBackgroundGlareImage
{
  /*  background-image: url('uploads/brown/images/Page-BgGlare');
background-repeat: no-repeat;
  height: 342px;
  width: 362px;
  margin: 0;*/
}

html:first-child .PageBackgroundGlare
{
  border: 1px solid transparent; /* Opera fix */
}



.PageBackgroundSimpleGradient
{
/*  background-image: url('uploads/brown/images/Page-BgSimpleGradient');
  background-repeat: repeat-x;
  height: 200px; */
}

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}


/* end Page */

/* begin Box, Sheet */
.Sheet
{
  overflow: hidden;
  min-width:51px;
  min-height:51px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 900px;
}


.Sheet-body
{
  position: relative;
  z-index: 0;
  margin: 5px;
}



.Sheet
{
  margin-top: 0px !important;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 890px;
  height: 200px;
}

div.Header-png
{
  position: absolute;
  z-index:-2;
  top: -10px;
  left: 0;
  width: 890px;
  height: 220px;
  background-image: url('uploads/brown/images/logo.png');
  background-repeat: no-repeat;
  background-position: left top;
}


div.Header-jpeg
{
  position: absolute;
  z-index:-5;
  top: 0;
  left: 0;
  width: 890px;
  height: 220px;
  background-image: url('uploads/brown/images/PageHeader.png');
  background-repeat: no-repeat;
  background-position: center center;
  text-align: right;

}


/* end Header */



/* begin ContentLayout */
.contentLayout
{
  margin-bottom: 5px;
  width: 890px;
  position: relative;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
  overflow: hidden;
  min-width:19px;
  min-height:19px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Block-body
{
  position: relative;
  z-index: 0;
  margin: 12px;
}

.Block-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  background-image: url('uploads/brown/images/Block-s.png');
}

.Block-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 13px;
  height: 13px;
}

.Block-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -13px;
  width: 26px;
  height: 26px;
  background-image: url('uploads/brown/images/Block-s.png');
}

.Block-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 13px;
  height: 13px;
}

.Block-bl div
{
  position: absolute;
  z-index: -1;
  top: -13px;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url('uploads/brown/images/Block-s.png');
}

.Block-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 13px;
  height: 13px;
}

.Block-br div
{
  position: absolute;
  z-index: -1;
  top: -13px;
  left: -13px;
  width: 26px;
  height: 26px;
  background-image: url('uploads/brown/images/Block-s.png');
}

.Block-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 13px;
  right: 13px;
  height: 13px;
}

.Block-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 26px;
  background-image: url('uploads/brown/images/Block-h.png');
}

.Block-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 13px;
  right: 13px;
  height: 13px;
}

.Block-bc div
{
  position: absolute;
  z-index: -1;
  top: -13px;
  left: 0;
  width: 100%;
  height: 26px;
  background-image: url('uploads/brown/images/Block-h.png');
}

.Block-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 13px;
  left: 0;
  width: 13px;
  bottom: 13px;
}

.Block-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 26px;
  height: 100%;
  background-image: url('uploads/brown/images/Block-v.png');
}

.Block-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 13px;
  right: 0;
  width: 13px;
  bottom: 13px;
}

.Block-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -13px;
  width: 26px;
  height: 100%;
  background-image: url('uploads/brown/images/Block-v.png');
}

.Block-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 13px;
  left: 13px;
  right: 13px;
  bottom: 13px;
  background-image: url('uploads/brown/images/Block-c.png');
}


.Block
{
  margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
  position: relative;
  overflow: hidden;
  height: 30px;
  z-index: 0;
  line-height: 30px;
  padding: 0 7px;
  margin-bottom: 15px;

}

.BlockHeader-text
{
  white-space : nowrap;
  color: #000000;

  font-size: 15px;
  font-variant: small-caps;
  line-height: 30px;
}


.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 30px;
}

.BlockHeader .l
{
  left: 0;
  right: 4px;
}


.BlockHeader .r
{
  right: 0;
  width: 4px;
}


.BlockHeader .r div
{
  width: 890px;
  right: 0;
}


.BlockHeader .l, .BlockHeader .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('uploads/brown/images/BlockHeader.png');
}



.header-tag-icon
{
  display:inline-block;
  background-position:left top;
  background-image: url('uploads/brown/images/BlockHeaderIcon.png');
  padding:0 0 0 24px;
  background-repeat: no-repeat;
  min-height: 17px;
  margin: 0 0 0 5px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.BlockContent-body
{
  position: relative;
  z-index: 0;
  margin: 10px;
}


.BlockContent-body
{
  color:#dbdbdb;

}

.BlockContent-body a:link
{
  color: #88aa00;

  text-decoration: none;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
  color: #88aa00;

  text-decoration: none;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
  color: #88aa00;

  text-decoration: underline;
}


.BlockContent-body ul
{
  list-style-type: none;
  color: #88aa00;
  margin:0;
  padding:0;
}

.BlockContent-body li
{


}

.BlockContent-body ul li
{
  padding:0px 0 0px 13px;
  background-image: url('uploads/brown/images/BlockContentBullets.png');
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
  overflow: hidden;
  min-width:29px;
  min-height:29px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Post-body
{
  position: relative;
  z-index: 0;
  margin: 13px;
}

.Post-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url('uploads/brown/images/Post-s.png');
}

.Post-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

.Post-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -20px;
  width: 40px;
  height: 40px;
  background-image: url('uploads/brown/images/Post-s.png');
}

.Post-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

.Post-bl div
{
  position: absolute;
  z-index: -1;
  top: -20px;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url('uploads/brown/images/Post-s.png');
}

.Post-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

.Post-br div
{
  position: absolute;
  z-index: -1;
  top: -20px;
  left: -20px;
  width: 40px;
  height: 40px;
  background-image: url('uploads/brown/images/Post-s.png');
}

.Post-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 20px;
  right: 20px;
  height: 20px;
}

.Post-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: url('uploads/brown/images/Post-h.png');
}

.Post-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 20px;
}

.Post-bc div
{
  position: absolute;
  z-index: -1;
  top: -20px;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: url('uploads/brown/images/Post-h.png');
}

.Post-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 20px;
  left: 0;
  width: 20px;
  bottom: 20px;
}

.Post-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background-image: url('uploads/brown/images/Post-v.png');
}

.Post-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 20px;
  right: 0;
  width: 20px;
  bottom: 20px;
}

.Post-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -20px;
  width: 40px;
  height: 100%;
  background-image: url('uploads/brown/images/Post-v.png');
}

.Post-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background-image: url('uploads/brown/images/Post-c.png');
}


.Post
{
  margin: 10px;
}


/* Start images */
a img
{
  border: 0;
}

.article img, img.article
{
  border-style: solid;
  border-width: 0x;
  border-color: transparent;
  margin: 1em;
}

.metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin:2px;
}
/* Finish images */

/* Start tables */

.article table, table.article
{
  border-collapse: collapse;
  margin: 1px;
  width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
  background-color:Transparent;
}

.article th, .article td
{
  padding: 2px;
  border: solid 1px #969696;
  vertical-align: top;
  text-align:left;
}

.article th
{
  text-align:center;
  vertical-align:middle;
  padding: 7px;
}



/* Finish tables */
/* end Box, Post */

/* begin PostMetadata */

.PostMetadataHeader
{
  background: url(uploads/Brown/images/PostHeader.png) no-repeat transparent;
  height: 60px;
  padding:3px;
}




/* end PostMetadata */

.Post-inner {padding:10px;}


/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
  margin: 0.2em 0;
  padding: 0;
  font-weight:normal;
  font-style:normal;
  letter-spacing:normal;
  word-spacing:normal;
  text-decoration:none;
  font-variant:normal;
  text-transform:none;
  text-indent:0;
  line-height:inherit;

}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{

  font-size: 24px;
  padding-left: 10px;
  text-align: left;
  color: #FFF;
}

.PostHeaderIcon-wrapper img
{
  border:none;
  vertical-align: middle;
  margin:0;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{

  text-decoration: none;
  font-variant: small-caps;
  color: #88aa00;
}

.PostHeader a:visited, .PostHeader a.visited
{

  text-decoration: none;
  font-variant: small-caps;
  color: #F5E8E6;
}

.PostHeader a:hover, .PostHeader a.hovered
{

  text-decoration: none;
  font-variant: small-caps;
  color: #FFFFFF;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */


.PostContent
{

  font-style: normal;
  font-weight: normal;
  text-align: justify;
  color: #dbdbdb;
}

/* Start Content link style */
a
{

  text-decoration: underline;
  color: #88aa00;
}

/* Adds special style to an unvisited link. */
a:link
{

  text-decoration: underline;
  color: #88aa00;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{

  text-decoration: none;
  color: #88aa00;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{

  text-decoration: none;
  color: #88aaff;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{

  font-size: 33px;
  color: #88aa00;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{

  font-size: 31px;
  color: #88aa00;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{

  font-size: 20px;
  color: #88aa00;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{

  font-size: 18px;
  color: #88aa00;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{

  font-size: 15px;
  color: #88aa00;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{

  font-size: 13px;
  color: #88aa00;
}
/* Finish Content headings Fonts & Colors  */

/* end PostContent */

/* begin PostBullets */
/* Start Content list */

ul
{
  list-style-type: none;
  color: #88aa00;
  margin:0;
  padding:0;
}

li
{

  font-size: 13px;
}



.Post ul li
{
  padding:0px 0 0px 12px;
/*  background-image: url('uploads/brown/images/PostBullets.png'); */
  background-repeat:no-repeat;
  margin:0.5em 0 0.5em 0;
  line-height:1.2em;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */

blockquote p
{
  color:#FFF;

}

blockquote
{

 background-color:#555;

  margin:10px 10px 10px 50px;
  padding:10px 15px 10px 35px; 

  background-image:url('uploads/brown/images/quote.png');
  background-position:left top;
  background-repeat:no-repeat;
}



/* Finish blockuote */
/* end PostQuote */


/* begin Footer */
.Footer
{
  position:relative;
  z-index:0;
  overflow:hidden;
  width: 890px;
  margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
  height:1%;
  position: relative;
  z-index: 0;
  padding: 15px;
  text-align: center;
}

.Footer .Footer-background
{
  position:absolute;
  z-index:-1;
  background-repeat:no-repeat;
  background-image: url('uploads/brown/images/Footer');
  width: 890px;
  height: 100px;
  bottom:0;
  left:0;
}



.rss-tag-icon
{
  position: relative;
  display:block;
  float:left;
  background-image: url('uploads/brown/images/rssIcon.png');
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
  height: 32px;
  width: 32px;
}




.Footer .Footer-text p
{
  margin: 0;
}

.Footer .Footer-text
{
  display:inline-block;
  color:#D6D6D6;

  font-size: 12px;
}

.Footer .Footer-text a:link
{
  text-decoration: none;
  color: #D0988B;

  text-decoration: none;
}

.Footer .Footer-text a:visited
{
  text-decoration: none;
  color: #E0E0E0;

  text-decoration: none;
}

.Footer .Footer-text a:hover
{
  text-decoration: none;
  color: #E78774;

  text-decoration: underline;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{

  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
  color:#743C2F;
}

.page-footer
{
  margin:1em;
  text-align:center;
  text-decoration:none;
  color:#525252;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .content
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 535px;
}

/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar1
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 177px;
}

/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  overflow: hidden;
  width: 177px;
}

/* end LayoutCell */


.active - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable. Set your css template for this.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *} 
/* End of '4cmp' */