/*
+---------------------------------------------------------------+
|	1st Winnersh Scout Group.
|	/includes/content.css
|   Cascading Style Sheet
|
|
|	©Steve Graham 2006-2008
|
|	steve.graham@matata1.myvnc.com
|
+---------------------------------------------------------------+
*/
/*
* {border: 1px solid orange;}
*/

/*
* Scouts - style sheet
* User Content styling components
* This sheet called in the header file "includes/header.htm"
*
* This version specific to 1st Winnersh Scout Group.
* www.winnersh.escouts.net
*
* Copyright ©Stephen N Graham 2006-2008
*/

/* begin common base items */
/* **************************************************************** */
/* Copy the body settings to the tinyMCE editor */
body#tinymce {
  margin:0;
  font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
  font-style: normal;
  font-size:12px;
  background-color:#FFFFFF;
  color: #000;
}

iframe#content_ifr {
  margin:0px;
}
body#tinymce{
  height: 100.5%;
}

a:link{
  color: #0000FF;
}
a:visited{
  color: #000888;
}
a:hover{
color:#cc0000;
}
a:active{
color:#cc0000;
}
img {
  display:block;
}
button {
	cursor:pointer;
}
p {
  padding:0px 0px 0px 0px;
  margin-top: 0px;
  margin-bottom:8px;
}
h1 {
  text-align: center;
  line-height: 100%;
  font-size: 24px;
}

h2, h3, h4, h5, h6 {
  margin-bottom: 2px;
}
h2{
  font: bold 18px/24px arial, verdana, tahoma, "Trebuchet MS", helvetica, sans-serif;
  padding-left:0px;
}
h3 {
  font: bold 14px/16px arial, verdana, tahoma, "Trebuchet MS", helvetica, sans-serif;
  padding-left:0px;
  margin-top:0;
}
h4 {
  font: normal 14px/16px arial, verdana, tahoma, "Trebuchet MS", helvetica, sans-serif;
  padding-left:0px;
  font-style: italic;
}
blockquote {
  background-color: #E3E1D0;
  padding: 6px;
}

ul, ol {
  margin-top:0;
  font-size:10px;
}
li {
  margin:0 0 6px 0px;
}
ul {
  list-style-type:disc;
}
ol {
  list-style-type:lower-alpha;
}
a:link, a:visited, a:hover, a:active {
  text-decoration:none;
}

/* Begin content specific Styles */
/* ***************************************************************** */
#contentBody img{
  border: 1px solid black;
/*  margin:5px 10px 5px 10px;  */
}
/* Columns, 2 and 3 column variants */
body#tinymce div.col1,
body#tinymce div.col2,
body#tinymce div.col3{
  background-color: #FFDDDD;
  overflow: auto;
}
div.cont1Col {
  position:relative;
  width:630px;
  clear:both;
  margin:0px 10px 15px 10px;
  color:#000;
}
div.cont2Col, div.cont3Col {
    position:relative;
	width:100%;
	padding:0px;
    color:#000;
}
body#tinymce div.cont3Col {
  overflow: auto;
}
div.cont2Col div.col1, div.cont2Col div.col2{
  width:300px;
  margin-bottom:15px;
}
div.cont3Col div.col1, div.cont3Col div.col2, div.cont3Col div.col3{
  width:30%;
  margin-left:2.5%;
  margin-bottom:15px;
}

body#tinymce div.cont3Col div.col1,
body#tinymce div.cont3Col div.col2,
body#tinymce div.cont3Col div.col3{
  width:30%;
  margin-left:2.5%;
  margin-bottom:15px;
}
#contentBody.link div.cont3Col div.col1,
#contentBody.link div.cont3Col div.col2,
#contentBody.link div.cont3Col div.col3{
  margin-bottom:150px;
}

div.cont3Col div.col3{
  float:left;
}
div.cont2Col div.col2{
  float:right;
  margin-right:15px;
}
div.col1{
  float:left;
  margin-left:15px;
}
div.cont3Col div.col2{
	float:left;
	margin-left:15px;
}
div.cont3Col div.col3{
	float:left;
	margin-left:15px;
}
/*
body#tinymce div.col1{
  margin-left:8px;
}
body#tinymce div.cont3Col div.col2{
	margin-left:12px;
}
body#tinymce div.cont3Col div.col3{
	margin-left:12px;
}
*/
div.cont1Col h3,
div.col1 h3,
div.col2 h3,
div.col3 h3{
  background-color:#dddddd;
  color:#fb6b00;
  text-align:center;
  margin-top: 3px;
}
div.cont1Col h5,
div.col1 h5,
div.col2 h5,
div.col3 h5{
	color:#000000; text-transform:uppercase;
	font:bold 10px/11px arial, verdana, tahoma, "Trebuchet MS", helvetica, sans-serif;
}
#contentBody div.col1 ul,
#contentBody div.col2 ul,
#contentBody div.col3 ul{
  list-style-type: none;
}

/* Image styles for content inserted with TinyMCE templates */
#tinymce img {                 /* to display the default border in the editor */
  border: 1px solid black;
}

div.imgCenter,
div.multiImgCenter{
  text-align: center;
  border:1px dotted #e9e9e9;  /* Layout kludge to match editor  */
  clear:both;
}
#tinymce div.imgCenter{
  border:1px dotted blue;      /* To show the position of the box in the editor  */
  overflow: auto;
}
#tinymce div.multiImgCenter{
  border:1px dotted red;      /* To show the position of the box in the editor  */
  overflow: auto;
}
div.imgCenter img,
div.multiImgCenter img{
  margin:0px auto 5px auto;
}
div.imgRight, div.multiImgRight{
/*  position:relative;  */
  float: right;
  text-align: center;
  border:1px dotted #e9e9e9;     /* Layout kludge to match editor  */
}
#tinymce div.imgRight{
  border:1px dotted blue;
/*  overflow: auto; */
}
#tinymce div.multiImgRight{
  border:1px dotted red;
  overflow: auto;
}
div.imgLeft, div.multiImgLeft{
  float: left;
  text-align: center;
  overflow: auto;
  border:1px dotted #e9e9e9;
}
#tinymce div.imgLeft{
  border: 1px dotted blue;
}
#tinymce div.multiImgLeft{
  border: 1px dotted red;
}
div.imgLeft img,
div.multiImgLeft img{
  margin:0px 10px 5px 0px;
}
div.imgRight img,
div.multiImgRight img{
  margin:0px 0px 5px 10px;
}
div.imgRight,
div.imgLeft,
div.imgCenter,
div.multiImgRight,
div.multiImgLeft,
div.multiImgCenter{
  padding-bottom: 0px;
}

div.imgCenter p,
div.imgRight p,
div.imgLeft p,
div.multiImgRight p,
div.multiImgLeft p,
div.multiImgCenter p{
  margin:0;
  padding:0;
  font-style: italic;
  font-size: smaller;
}
div.imgCenter span + span,
div.imgRight span + span,
div.imgLeft span + span{
  font-style: italic;
  font-size: smaller;
}

/* Default table styles for content  */
#contentBody table,
#tinymce table {
  background-color: transparent;
  border: 1px solid #000000;
  border-collapse: collapse;
}
#contentBody tr,
#tinymce tr {
  background-color: transparent;
}
#contentBody td,
#tinymce td {
  border: 1px solid #000000;
}

/* Table formats content specific */
#contentBody table.progTable{
  border-collapse: separate;
  border: none;
}
#contentBody table.progTable td {
  border: none;
}


#contentBody tr.heading {
	background-color:#4d1979;
	color: #99cc00;
}
#contentBody tr.headingNow {
	background-color:#222;
	color: #99cc00;
}
#contentBody tr.odd {
	background-color:#aaa;
}
#contentBody tr.even {
	background-color:#ccc;
}
#contentBody tr.odd img {
	border:0;
	margin:0px;
	padding:0px;
}
#contentBody tr.odd:hover,
#contentBody tr.even:hover {
	background-color:#ccffff;
}
#contentBody td.tBut {
  background-color:#fff;
}
#contentBody td.center {
  text-align: center;
}

/* Face book plugins */

.fbCbox {
  clear: both;
  padding-top: 20px;
}



/* General use classes */
.clearBoth {
	clear:both;
}
.clearLeft {
  clear:left;
}
.clearRight {
  clear:right;
}
.divider20 {
  clear:both;
  height:20px;
}
.divider200 {
  clear:both;
  height:200px;
}
a.moveMargin { /* move the 'back to top' link into left margin */
  position:absolute;
  left:-10px;
  font-weight: bold;
  font-size: small;
}