/* Start of CMSMS style sheet 'cultivatedweb style sheet' */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
  background-color: #0D2600;
  background-image: url(uploads/images/cw-body-bg.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-attachment: fixed;
  color: #E5E5E5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
h1 {
  font-size:24px;
  padding:10px 10px 0px 10px;
}

h2 {
  font-size:16px;
  color:#D2DDCC;
  text-align:center;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}


a,  a:link {
  color: #ffe2b1;
  text-decoration: none;
}
a:visited {
  color: #99c1ff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #aaffcc;
}
a:focus {
  color: #000;
}
a:active {
  color: #fff;
}
#outerWrapper {
  background-color: transparent;
  margin: 0 1em 0 1em;
  text-align: left;
  max-width: 99em;   /* IE wont understand these, so we will use javascript magick */
  min-width: 60em;
}
#outerWrapper #header {
  height:110px;
  background-color: transparent;
  font-size: 18px;
  font-weight: bold;
  line-height: 15px;
  padding: 10px 10px 10px 10px;
}

#outerWrapper #header h1 a {
/* you can set your own image here */
   background: transparent url(uploads/images/cw-logo.png) no-repeat 0 0px; 
   display: block;
   height: 110px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/* position for the search box */
div#search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 1em 0.2em 0;
/*   margin-right: 0 1em 0 0;  */
}

div.breadcrumbs {
   padding: 1em;
   font-size: 90%;
   margin: 0 0 1em 0; 
   background-image: url(uploads/images/content-bkgnd-trans.png);
   border-left: solid 1px #ffe2b1;
   border-bottom: solid 1px #194601;
}

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

#outerWrapper #contentWrapper #rightColumn1 {
  background-image: url(uploads/images/content-bkgnd-trans.png);
  background-repeat: repeat;
  border-left: solid 1px #ffe2b1;
  border-bottom: solid 1px #173F01;
  float: right;
  padding: 10px 10px 10px 10px;
  width: 17em;
  margin-bottom:1em;
}
#outerWrapper #contentWrapper #leftColumn1 {
  background-image: url(uploads/images/content-bkgnd-trans.png);
  background-repeat: repeat;
  border-left: solid 1px #ffe2b1;
  border-bottom: solid 1px #173F01;
  float: left;
  padding: 10px 10px 10px 10px;
  width: 17em;
  margin:0 0 1em 0;
}
#outerWrapper #contentWrapper #content {
  background-image: url(uploads/images/content-bkgnd-trans.png);
  background-repeat: repeat;
  margin: 0 19.5em 1em 19.5em;
  padding: 10px 10px 10px 10px;
  border-left: solid 1px #ffe2b1;
  border-bottom: solid 1px #173F01;
}
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {margin-bottom:2em;
  background-image: url(uploads/images/content-bkgnd-trans.png);
  background-color:transparent;
  border-left: solid 1px #ffe2b1;
  border-bottom: solid 1px #173F01;
  padding: 10px 10px 10px 10px;
}

#outerWrapper #footer p{
  font-size: 0.8em;
   padding: 1.5em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
}

#outerWrapper #footer p a{
  fcolor: #fff;
}

div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}


/* End of 'cultivatedweb style sheet' */