#map1 .map
{

}

.fiveSectionContent
{
  
}

.fiveSectionContent #sectionOne
{
  height: 20%;
  width: 100%; 
  float: left;
}

.fiveSectionContent #sectionTwo
{
  clear: both;
  height: 60%;
  width: 31%;
  float: left; 
  margin-right: 10px;
}

.fiveSectionContent #sectionThree
{
  height: 60%;
  width: 31%;
  float: left;
  margin-right: 10px;
}

.fiveSectionContent #sectionFour
{
  min-height: 60%;
  width: 31%;
  float: left;
}
.fiveSectionContent #sectionFive
{
  min-height: 20%;
  width: 100%;
  clear: both;
  float: left;
}

.fourSectionContent
{
  
}

.fourSectionContent #sectionOne
{
  height: 20%;
  width: 100%; 
  float: left;
}


.fourSectionContent #sectionTwo
{
  clear: both;
  height: 60%;
  width: 48%;
  float: left; 
  margin-right: 10px;
}

.fourSectionContent #sectionThree
{
  height: 60%;
  width: 48%;
  float: left;
  margin-right: 10px;
}

.fourSectionContent #sectionFour
{
  clear: both;
  height: 20%;
  width: 100%;
  float: left;
}

.fourSectionContentHeader
{
  
}

.fourSectionContentHeader #sectionOne
{
  height: 20%;
  width: 100%; 
  float: left;
}


.fourSectionContentHeader #sectionTwo
{
  clear: both;
  height: 80%;
  width: 34%;
  float: left; 
  margin-right: 10px;
}

.fourSectionContentHeader #sectionThree
{
  height: 80%;
  width: 33%;
  float: left;
  margin-right: 10px;
}

.fourSectionContentHeader #sectionFour
{
  height: 80%;
  width: 33%;
  float: left;
}

.fourSectionContentFooter
{
  
}

.fourSectionContentFooter #sectionOne
{
  height: 80%;
  width: 34%; 
  float: left;
  margin-right: 10px;
}


.fourSectionContentFooter #sectionTwo
{
  height: 80%;
  width: 33%;
  float: left; 
  margin-right: 10px;
}

.fourSectionContentFooter #sectionThree
{
  height: 80%;
  width: 33%;
  float: left;
}

.fourSectionContentFooter #sectionFour
{
  clear: both;
  height: 20%;
  width: 100%;
  float: left;
}

.threeSectionContentHeader
{
  
}

.threeSectionContentHeader #sectionOne
{
  height: 20%;
  width: 100%; 
  float: left;
}


.threeSectionContentHeader #sectionTwo
{
  clear: both;
  height: 80%;
  width: 48%;
  float: left; 
  margin-right: 10px;
}

.threeSectionContentHeader #sectionThree
{
  height: 80%;
  width: 48%;
  float: left;
}

.threeSectionContentFooter
{
  
}

.threeSectionContentFooter #sectionOne
{
  height: 80%;
  width: 48%; 
  float: left;
  margin-right: 10px;
}


.threeSectionContentFooter #sectionTwo
{
  height: 80%;
  width: 48%;
  float: left; 
}

.threeSectionContentFooter #sectionThree
{
  clear: both;
  height: 20%;
  width: 100%;
  float: left;
}

/*
================================
CONTENT STYLES 
================================
*/

.contentTitle
{
  left: 200px;
}

.contentPreText
{
  padding:0px 0px 0px 0px;
  margin:3px 0px 3px 0px;	
}

.contentPostText
{
  clear: both;
  margin:3px 0px 10px 200px;
}

.contentDate
{
  width: 200px;	
  font-weight: bold;
}


.contentItemDate
{
  width: 200px;	
  font-weight: bold;
}

/*
.contentItemTitle
{
   clear: both;
   font-family: calibri, arial, verdana, georgia, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #17b0e3;
}
*/

.contentItemTitle
{
  margin:3px 0px 10px 0px;
}

.oneColContent .contentItemDetails
{
  margin:3px 0px 10px 0px;
  width: 600px;
}

.twoColContent .contentItemDetails
{
  margin:3px 0px 10px 0px;
  width: 330px;
}

.threeColContent .contentItemDetails
{
  margin:3px 0px 10px 0px;
  width: 235px;
}

.contentItemMainText
{
   clear: both;
}

.contentItemPicture
{  
   clear: both;
   margin:3px 0px 10px 0px;
}

.contentItemPicture img
{  
   clear: both;
}


#col_OneContent
{
  width: 330px;
  float: left;
}

#col_TwoContent
{
  width: 330px;
  float: right;
}


#col_OneThreeContent
{
  width: 235px;
  float: left;
  margin-right: 10px;
}

#col_TwoThreeContent
{
  width: 235px;
  float: left;
  margin-right: 10px;
}

#col_ThreeThreeContent
{
  width: 235px;
  float: left;

}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */