/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 75.01%;
                line-height: 1em;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
		text-decoration: underline;
	}

        div#footer a, 	
        div#footer a:link 
	div#footer a:active, div#footer a:visited {
               color: #9B1F09;
        }

	a:hover {
	text-decoration: none;
	}
/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
	h2 {
		font-size: 1.7em;
                line-height: 1.5em;
		margin: 0 0 1em 0;
		padding: 0;
        font-family: georgia;
        font-weight: bolder;
	}
	h3 {
		font-size: 1.5em;
		line-height: 1.5em;
		margin: -1.1em 0 0.5em 0;
		padding: 3px 3px 6px 15px;
                color: #fff;
                border-bottom: 2px solid #fff;
                background-color: #9B1F09;
	}
h3 a, h3 a:visited, h3 a:active {
color: #fff;
text-decoration: none;
}
h3 a:hover {
color: #ddd;
text-decoration: underline;
}
	h4 {
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height:1.4em;
	}
	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
	}
/* END TABLE */	
	
	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 1em 0;
		border-bottom: 2px solid #9B1F09;
	}

	
/* END TYPOGRAPHY */	

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;
        
        margin: 0;
		padding: 2px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		width: 200px;
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		

div.ethics {
   border: 1px solid #006600;
   background-color: #fff;
   padding: 10px;
   margin: 15px;
}
div.forum {
   border: 1px solid #006600;
   background-color: #fff;
   padding: 10px;
   margin: 15px auto;
   width: 70%;
}
div.forum h1 {
   border-bottom: 2px solid #FF9900;
   padding: 3px 3px 3px 30px;
   margin-bottom: 15px;
   font-family: Times;
   font-size: 1.4em;
   font-weight: bold;
color: #FF9900;
background: url(/uploads/images/dollarsign.gif) no-repeat left;
}

div.pullquote {
   float: right;
   width: 150px;
   border: 1px solid #006600;
   margin: 5px 0 10px 10px;
   padding: 10px;
   color: #F1EACE;
   background: #93A761 url(uploads/images/quote.gif) no-repeat 5px 5px;
   font-family: georgia;
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.2em;
   text-align: right;
}
div.pullquote2 {
   float: left;
   width: 150px;
   border: 1px solid #006600;
   margin: 10px 10px 10px 0;
   padding: 10px;
   color: #587410;
   background: #F9F5E1;
   font-family: georgia;
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.2em;
   text-align: right;
}

div.right1 {
   width: 100%;
   border: 1px solid #587410;
   background: #fff;
   padding: 0;
   color: #000;
   margin: 0 0 10px 0;
}
div.right1 p {
   padding: 10px;
}
div.right1 a {
   padding: 3px;
   color: #587410;
   background-color: #eee;
   font-weight: bold;
   font-size: 1em;
   text-decoration: none;
   line-height: 1.5em;
}
div.right1 a:hover {
   color: #eee;
   background-color: #587410;
   text-decoration: none;
}

div.right1 h1 {
   margin: 5px;
   color: #993300;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #993300;
}

div.right2 {
   width: 100%;
   border: 1px solid #587410;
   background: #F9F5E1;
   padding: 0;
   color: #587410;
   margin: 0 0 10px 0;
}
div.right2 p {
   padding: 10px;
}

div.right2 h1 {
   margin: 5px;
   color: #587410;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #587410;
}
div.right3 {
   width: 100%;
   border: 1px solid #587410;
   background: #F9F5E1;
   padding: 0;
   color: #587410;
   margin: 0 0 10px 0;
}
div.right3 p {
   padding: 10px;
}

div.right3 h1 {
   margin: 5px;
   color: #587410;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #587410;
}
div.left {
   margin: 0;
   background-color: #fff;
   padding: 5px;
   color: #000;
   width: 100%;
}
div.left p {
   padding: 0 0 4px 0;
}

div.left h1 {
   margin: 5px;
   color: #993300;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #993300;
}
div.tpop {
   width: 200px;
   border: 1px solid #587410;
   background: #F9F5E1;
   padding: 0;
   color: #587410;
   margin: 5px;
   float: right;
}
div.tpop p {
   padding: 2px;
}

div.tpop h1 {
   margin: 5px;
   color: #587410;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #587410;
}

div.homebox {
   width: 100%;
   border: 1px solid #F2ECD5;
   background: #FFF;
   padding: 0;
   color: #222;
   margin: 0 0 10px 0;
}
div.homebox p {
   padding: 0 10px 2px 10px;
}
div.homebox a {
   color: #993300;
   font-weight: bold;
   font-size: 1.1em;
   text-decoration: none;
}
div.homebox a:hover {
   color: #CC9900;
   text-decoration: none;
}

div.homebox h1 {
   margin: 5px;
   color: #000;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #993300;
   line-height: 1.3em;
}
#green-form { border:1px solid #B9C18D; margin:5px 5px 10px 5px; background-color:#E1E2C2;}

#green-form form { border:1px solid #c6e9c6; text-align:center; padding:10px 0 0 0; font-size:10px; }

#green-form form img { margin-bottom:8px;}

#green-form form .txtField { padding:3px 8px; font-size:11px }

#green-form form input { margin-bottom:9px;}


#menu_art, #menu_art ul {
  margin: 0 0 10px 0;
  padding: 0;
  }

#menu_art ul {
  width: 100%; /* Width of Menu Items */
  }
#menu_art li {
  text-align: left;
  list-style-position: inside;
  }

#menu_art li a {
  display: inline;
  text-decoration: none;
  color: #9B1F09;
  list-style-type: none;
  }

/* Fix IE. Hide from IE Mac \*/
* html #menu_art li { float: left; height: 1%; }
* html #menu_art li a { height: 1%; }
/* End */

    div#menu_art ul ul li a, 
    div#menu_art ul ul li a:link, 
    div#menu_art ul ul li a:visited  {
        display: inline;
        padding: 0 0 0 2px;
        font-size: 1em;
    }
    div#menu_art ul ul  {
      border-right: none;
      border-top: none;
      padding-bottom: 5px;
    }

    div#menu_art ul ul ul li a, 
    div#menu_art ul ul ul li a:link, 
    div#menu_art ul ul ul li a:visited  {
        padding-left: 15px;
    }
    div#menu_art ul ul ul  {
      border-bottom: none;
    }
#menu_art li ul li a { padding: 5px 5px; } /* Sub Menu Styles */

/* fixed image flicker by adding .cssmenu-vertical ul */

#menu_art li a:hover {
	color: #000;
}

.current
{
	list-style-type: square;
	display: inline;
	background-color: #E6D9A9;
}

#menu_art li.activeparent {
   background-color: #E6D9A9;
}

#menu_art li.active01 h3 {
  display: inline;
  text-decoration: none;
  padding: 0;
  color: #000;
  margin: 0;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: normal;
  }

#menu_art li.active02 h3
{
  display: inline;
  padding: 0 0 0 5px;
  border-bottom: none;
  font-size: 1em;
  font-weight: bold;
  color: #9B1F09;
  margin: 0;
}

#menu_art li.active03 h3
{
  display: inline;
  padding: 3px 5px 3px 20px;
  border-bottom: none;
  font-size: 1em;
  font-weight: bold;
  color: #9B1F09;
  margin: 0;
}

li.sectionheader {
  margin: 0;
  margin-right: -1px;
 }
li.sectionheader h3 {
   margin: 0;
   padding: 1em 10px 0.5em 10px;
   border: none;
   background-color: #fff;
  z-index: 90;
}

li.separator {
   height: 1px;
   padding: 0.5em 0;
   margin: 0;
   width: 100%;
   border-bottom: 1px dotted black;
	}


.artsSummary {
    margin-left: 3px;
 }

.artsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.artsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.artsSummarySummary, .artsSummaryContent {
  line-height: 140%;
  margin-bottom: 10px;
 }

#artsPostDetailDate {
  font-size: .6em;
  font-weight: bold;
  float: right;
  color: #eee;
  padding-right: 5px;
  }

#artsPostDetailSummary {
   margin-bottom: 15px;
  line-height: 1.5em;
  font-weight: bold;
  color: #333;
  font-size: 1.2em;
   }

#artsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

/* to add specific style to the below div, uncomment them. */

.artsSummaryLink {
  margin-bottom: .4em;
  margin: 3px;
}
.artsSummaryLink li {
	list-style-position: outside;
	border-bottom: 1px dotted #666666;
	list-style-type: none;
        margin-bottom: 4px;
        padding: 3px 3px 3px 3px
}
.artsSummaryLink a {
  color: #9B1F09;
  text-decoration: none;
  font-size: 90%;
}
.artsSummaryLink a:hover {
  color: #9B1F09;
	background-color: #e7ebdf;
  text-decoration: underline;
}
/* 
.artsSummaryAuthor {}
.artsSummaryMorelink {}
#artsPostDetailTitle {}
#artsPostDetailHorizRule {}
#artsPostDetailCategory {}
#artsPostDetailAuthor {}
#artsPostDetailAuthor {}
#artsPostDetailPrintLink {}
#artsPostDetailReturnLink {}
*/

.NewsSummary {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    width: 465px;
    font-family: verdana;
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryPostdate {
  font-size: .8em;
  font-weight: bold;
  margin: 4px 19px 4px 4px;
  text-align: right;
 }

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 150%;
  margin: 0 0 10p 0x;
  padding: 5px 10px 5px 10px;
  background-color: #F3ECD1;
  width: auto;
  word-wrap: break-word;
  font-size: 1em;
  background: url(uploads/images/newsheadbotom.gif) no-repeat bottom right; 

 }

#NewsPostDetailDate {
  font-size: .9em;
  font-style: italic;
  margin: 0 0 5px 0;
  }

#NewsPostDetailSummary {
   margin: 0 0 15px 0;
  line-height: 150%;
   }

#NewsPostDetailContent {
  margin: 0 0 15px 0;
  line-height: 150%;
  }
.NewsSummaryLink {
  font-weight: bold;
  font-size: 1.2em;
  margin: 3px 0 0 0;
  padding: 8px 5px 8px 15px;
  font-family: georgia;
  color: #FFF;
  background: url(uploads/images/newsheadleft.gif) no-repeat top right; 
}
.NewsSummaryLink a {
  color: #FFF;
}

.NewsSummaryMorelink {
  text-align: right;
  margin: 3px 3px 8px 3px;
}

/* to add specific style to the below div, uncomment them. */
/* 
.NewsSummaryAuthor {}

#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

div#salebox {
   border: 1px solid #ddd;
   background-color: #FAF8F2;
   margin: 0 0 5px 0;
}
div#salebox img {
   padding: 5px;
   float: left;
}
div.ethics {
   border: 1px solid #006600;
   background-color: #fff;
   padding: 10px;
   margin: 15px;
}
div.forum {
   border: 1px solid #006600;
   background-color: #fff;
   padding: 10px;
   margin: 15px auto;
   width: 70%;
}
div.forum h1 {
   border-bottom: 2px solid #FF9900;
   padding: 3px 3px 3px 30px;
   margin-bottom: 15px;
   font-family: Times;
   font-size: 1.4em;
   font-weight: bold;
color: #FF9900;
background: url(/uploads/images/dollarsign.gif) no-repeat left;
}

div.pullquote {
   float: right;
   width: 150px;
   border: 1px solid #006600;
   margin: 5px 0 10px 10px;
   padding: 10px;
   color: #F1EACE;
   background: #93A761 url(uploads/images/quote.gif) no-repeat 5px 5px;
   font-family: georgia;
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.2em;
   text-align: right;
}
div.pullquote2 {
   float: left;
   width: 150px;
   border: 1px solid #006600;
   margin: 10px 10px 10px 0;
   padding: 10px;
   color: #587410;
   background: #F9F5E1;
   font-family: georgia;
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.2em;
   text-align: right;
}

div.right1 {
   width: 100%;
   border: 1px solid #587410;
   background: #fff;
   padding: 0;
   color: #000;
   margin: 0 0 10px 0;
}
div.right1 p {
   padding: 10px;
}
div.right1 a {
   padding: 3px;
   color: #587410;
   background-color: #eee;
   font-weight: bold;
   font-size: 1em;
   text-decoration: none;
   line-height: 1.5em;
}
div.right1 a:hover {
   color: #eee;
   background-color: #587410;
   text-decoration: none;
}

div.right1 h1 {
   margin: 5px;
   color: #993300;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #993300;
}

div.right2 {
   width: 100%;
   border: 1px solid #587410;
   background: #F9F5E1;
   padding: 0;
   color: #587410;
   margin: 0 0 10px 0;
}
div.right2 p {
   padding: 10px;
}

div.right2 h1 {
   margin: 5px;
   color: #587410;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #587410;
}
div.right3 {
   width: 100%;
   border: 1px solid #587410;
   background: #F9F5E1;
   padding: 0;
   color: #587410;
   margin: 0 0 10px 0;
}
div.right3 p {
   padding: 10px;
}

div.right3 h1 {
   margin: 5px;
   color: #587410;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #587410;
}
div#left {
   margin: 0;
   background-color: #FAF8F2;
   padding: 0;
   color: #000;
   width: auto;
}
div#left p {
   padding: 0 5px 4px 5px;
}

div#left h1 {
   margin: 0;
   color: #691C17;
   font-size: 1.6em;
   font-family: georgia;
   padding: 5px 0 5px 5px;
   font-weight: normal;
   background-color: #ECE2DD;
}

div#left2 {
   margin: 0;
   background-color: #DCE4C1;
   padding: 0;
   color: #252D15;
   width: auto;
}
div#left2 p {
   padding: 0 5px 4px 5px;
}

div#left2 h1 {
   margin: 0;
   color: #3A4621;
   font-size: 1.2em;
   font-family: georgia;
   padding: 5px 0 5px 5px;
   font-weight: bold;
}
div#left2 img {
   padding: 3px;
   background: #fff;
   border: 1px solid #ddd;
   margin: 4px;
}

div#tpop {
   width: 200px;
   border: 1px solid #587410;
   background: #F9F5E1;
   padding: 0;
   color: #587410;
   margin: 5px;
   float: right;
}
div#tpop p {
   padding: 2px;
}

div#tpop h1 {
   margin: 5px;
   color: #587410;
   font-size: 1.3em;
   font-weight: bold;
   border-bottom: 1px solid #587410;
   background: none;
}

div.homebox {
   width: 100%;
   border: 1px solid #F2ECD5;
   background: #FFF;
   padding: 0;
   color: #222;
   margin: 0 0 10px 0;
}
div.homebox p {
   padding: 0 10px 2px 10px;
}
div.homebox a {
   color: #993300;
   font-weight: bold;
   font-size: 1.1em;
   text-decoration: none;
}
div.homebox a:hover {
   color: #CC9900;
   text-decoration: none;
}

div.homebox h1 {
   margin: 5px;
   color: #000;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 1px solid #993300;
   line-height: 1.3em;
}
#green-form { border:1px solid #B9C18D; margin:5px 5px 10px 5px; background-color:#E1E2C2;}

#green-form form { border:1px solid #c6e9c6; text-align:center; padding:10px 0 0 0; font-size:10px; }

#green-form form img { margin-bottom:8px;}

#green-form form .txtField { padding:3px 8px; font-size:11px }

#green-form form input { margin-bottom:9px;}


/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

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

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: none;
   color: #385C72;
}

/*****************
basic layout 
*****************/
body {
   background: #87241D url(uploads/images/sitebg.jpg) repeat-x top;
   color: #000;
   margin:0; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0;     /* this centers wrapper */
   width:  760px;
   background-color: #fff;
   color: black;
}
div#largewrapper {
   margin: 0 auto;     /* this centers wrapper */
   width:  970px;
   color: black;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#toplinks {
   float: right;
   font-size: 1.4em;
   font-family: georgia;
   font-weight: bold;
   color: #fff;
   padding: 10px 15px 0 0;
}
div#toplinks a:link, div#toplinks a:visited, div#toplinks a:active {
   color: #fff;
   text-decoration: none;
   font-family: georgia;
   font-weight: bold;
}
div#toplinks a:hover {
   color: #ABC75F;
   text-decoration: underline;
}
#player1 {
  margin: 0;
  padding: 0;
  height: 105px;
}
div#header {
   height: 80px; /* adjust according your image size */
   background-color: #9A653D;        
   padding: 0;
   margin: 0;
   width: 760px;
}

div#header h1 a {
/* you can set your own image here */
   background: transparent url(uploads/images/joint-venture-broker.jpg) no-repeat left bottom; 
   display: block; 
   height: 80px;             /* adjust according your image size */
   width:  230px; 
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   padding: 0;
   margin: 0;
}

div.mainmenu{
    background: #ABC75F url(uploads/images/joint-venture-broker-bottom.jpg) no-repeat left top;
    margin: 0;
    padding: 0;
   width: 760px;
   height: 30px;
   border-bottom: 5px solid #4F5E2C;
}

div.subnav{
    background: url(uploads/images/subnavbg.jpg) repeat-x top;
    height: 30px;
    margin: 0 6px 10px 6px;
    padding: 0 0 0 10px;
    border-bottom: 3px solid #9B7A6A;
}

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

div.breadcrumbs {
   padding: 7px 0 0 5px; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 85%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   color: #BC6F38;
}
div#breadcrumbsbar {
width: 760px;
height: 25px;
margin: 0;
}
div#breadcrumbsbar a:link, div#breadcrumbsbar a:visited, div#breadcrumbsbar a:active {
   color: #BC6F38;
}
div#breadcrumbsbar a:hover {
   color: #DEAC77;
}

div#content {
   padding: 0; /* some air above and under menu and content */
   background-color: #F1F0EA;
   width: 760px;
   min-height: 670px;
}
div#content img {
    margin: 5px;
}
div#content2 {
  padding: 0 5px;
}
div#content2 h2{
   margin: 0;
   color: #3A4621;
   font-size: 1.6em;
   font-family: georgia;
   padding: 5px 0 5px 5px;
   font-weight: normal;
}
div#sidebar h2 a {
   color: #3A4621;
   text-decoration: none;
}
div#sidebar h2 a:hover {
   color: #3A4621;
   text-decoration: none;
}

div#main {
   margin-left: 0; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 290px; /* and some air on the right */
   border-left: 5px solid #E1E5E7;
   padding: 0;
   border-right: 1px solid #777;
}
div#main p {
  margin: 0 5px 5px 5px;
}
div#main img {
    margin: 5px;
}

div#sidebar {
   float: right;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 285px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 5px;
}
div#sidebar img {
    margin: 5px;
}

div#8x6 {
   margin-left: 0; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   width: 760px;
float: left;
}


div#farright {
   float: right;   /* set sidebar on the left side. Change to right to float it right instead. */
   width: 190px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   background: #DADCCF url(uploads/images/farrightbottom.jpg) no-repeat bottom;
   padding: 0 0 50px 0;
}
div#articlescontainer {
   height: 600px;
   overflow: auto;
   width: 190px;
   padding: 5px 0;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #000;
   border-top: 5px solid #4F5E2C;
   background: #ABC75F;
   width: 760px;
}

div#footer p {
   font-size: 0.8em;
   padding: 1em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:10px;
}

div#footer p a {
   color: #1C6DE5; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: .5em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  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;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#header h1 {
/* you can set your own image here */
   padding: 0;
   margin: 0;
}
div#articlesheader {
   background-color: #7D8D30;
   height: 35px;
}
div#articlesheader h1 {
   line-height: 1em;
   margin: 0;
   padding: 12px 0 0 0;
   Text-align: center;
   color: #CEEF74;
   font-size: 1.2em; 
   font-family: georgia;
}
div#content h2 {
   font-size: 1.5em; 
   font-family: georgia;
   text-align: left; 
   background-color: #DCE4C1;
   color: #3A4621;
/* some air around the text */
   padding: 3px 3px 6px 15px;
/* set borders around header */
   line-height: 1.5em;
/* and some air under the border */
   margin: 0;
}
	div#content h3 {
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0 0 0.5em 0;
		padding: 3px 3px 6px 15px;
                color: #691C17;
                background-color: #ECE2DD;
                font-family: georgia;
	}
div#content h3 a, div#content h3 a:visited, div#content h3 a:active {
color: #691C17;
text-decoration: none;
}
div#content h3 a:hover {
color: #888;
text-decoration: underline;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
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 {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
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;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

div#main {
   margin-left: 0; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 0; /* and some air on the right */
   border-left: 5px solid #E1E5E7;
   padding: 0 5px 10px 5px;
   border-right: 5px solid #E1E5E7;
}
div#main p {
  margin: 0 5px 5px 5px;
}
div#main h3 {
   margin: 0 -5px 0 -5px;
}

/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_horiz {
   background-color: transparent;  /* background color for the entire menu row */
   margin: 0 0 0 200px;
   font-family: georgia;
   padding: 5px 0 0 0;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0;
   padding: 0;
   height:30px;
   font-size: 120%;
   color: #3A4621;
   font-weight: bold;
}


/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
    margin: 0 5px 0 0;
}


/* the links, that is each list item */
div#menu_horiz a {
   padding: 5px 10px 5px 5px; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #3A4621;
   border-right: 1px solid #3A4621;
   display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
div#menu_horiz li a:hover {
   color: #DCE4C1;
   background: none;
}
div#menu_horiz a.activeparent:hover {
   color: #3A4621;
   background: none;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a { 
   color: #DCE4C1;
   font-size: 14px;
   background: transparent;
}

div#menu_horiz li.activeparent{
    margin: 0 5px 0 0;
}

div#menu_horiz h3 {
   padding: 5px 10px 5px 5px; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #DCE4C1;
   border-right: 1px solid #3A4621;
   display: block; /* IE has problems with this, fixed above */
   font-size: 14px;                           /* instead of the normal font size for <h3> */
}
div#menu_horiz li.currentpage {
    margin: 0 5px 0 0;
}