body{
  
  background-color: #f2edde;
  
  margin:  0;
  padding: 0;
  
  font-family: "Trebuchet MS", sans-serif;
  font-size: 10px;
}

div.Barrier{
  clear: both;
}

/** Layouts **/
div.Page{
  
  width: 100%;
}


div.Page div.Head{
  
  background-color: #3f2a19;
  color: #ffffff;
  
  width:  100%;
  height: 100px;
  
  border-bottom: 6px solid #ffffff;
}

div.Page div.Head div.Payload{
  
  background-color: inherit;
  color: inherit;
  
  width: 840px;
  
  margin-left:  auto;
  margin-right: auto;
}

div.Page div.Head div.Payload div.Logo{
  
  display: block;
  float: left;
  clear: none;
  
  width: 320px;
}

div.Page div.Head div.Payload div.Logo img{
  
  margin:  0;
  padding: 0;
  
  margin-top:  23px;
  margin-left: 10px;
}

div.Page div.Head div.Payload div.TabProfile{
  display: block;
  float: left;
  clear: none;
  
  width: 350px;
  height: 100px;
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder{
  
  display: block;
  float: left;
  clear: none;
  
  width: 350px;
  height: 68px;
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder img.ArrowIcon{
  
  display: block;
  position: relative;
  top:  27px;
  left:  0px;
  
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder div.ProfileReminderBox{
  
  display: block;
  float: left;
  clear: none;
  
  margin-left: 12px;
  
  width: 300px;
  
  background-color: #f6e3c3;
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder div.ProfileReminderBox p{
  
  margin:  0;
  padding: 0;
  
  padding-left: 20px;
  
  margin-bottom: 5px;
  
  color: #000000;
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder div.ProfileReminderBox img.CornerTopLeft{
  
  display: block;
  float: left;
  clear: none;
  
  margin:  0;
  padding: 0;
  
  margin-right: 288px;
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder div.ProfileReminderBox img.CornerTopRight{
  
  display: block;
  float: left;
  clear: none;
  
  margin:  0;
  padding: 0;
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder div.ProfileReminderBox img.CornerBottomLeft{
  
  display: block;
  float: left;
  clear: none;
  
  margin:  0;
  padding: 0;
  
  margin-right: 288px;
}

div.Page div.Head div.Payload div.TabProfile div.ProfileReminder div.ProfileReminderBox img.CornerBottomRight{
  
  display: block;
  float: left;
  clear: none;
  
  margin:  0;
  padding: 0;
}


div.Page div.Head div.Payload div.TabProfile div.Tabs{
  /*
  display: block;
  float: left;
  clear: none;
  */
  width: 350px;
  height: 32px;
  
  margin-top: 0px;
}

div.Page div.Head div.Payload div.TabProfile div.Tabs p{
  margin:  0;
  padding: 0;
}

div.Page div.Head div.Payload div.TabProfile div.Tabs p a,
div.Page div.Head div.Payload div.TabProfile div.Tabs p a:link,
div.Page div.Head div.Payload div.TabProfile div.Tabs p a:hover,
div.Page div.Head div.Payload div.TabProfile div.Tabs p a:visited,
div.Page div.Head div.Payload div.TabProfile div.Tabs p a:active,
div.Page div.Head div.Payload div.TabProfile div.Tabs p a:focus{
  
  color: #000000;
  border: none;
  text-decoration: none;
}



div.Page div.Head div.Payload div.Links{
  
  display: block;
  float: left;
  clear: none;
  
  width: 170px;
}

div.Page div.Head div.Payload div.Links div.AlternativeLinks{
  
  height: 30px;
  
  margin-top: 30px;
  
  border: none;
  border-left: 1px solid #ff9900;
}

div.Page div.Head div.Payload div.Links div.AlternativeLinks h3{
  
  color: #ffffff;
}

div.Page div.Head div.Payload div.Links div.AlternativeLinks h3 a{
  color: #ffffff;
}

div.Page div.Head div.Payload div.Links p{
  
  margin:     0;
  margin-top: 15px;
  
  text-align: right;
  
  margin-right: 10px;
}

div.Page div.Head div.Payload div.Links p a{
  color: #ffffff;
  text-decoration: underline;
}

div.Page div.Middle{
  
  clear: both;
  
  width: 840px;
  height: auto;
  
  margin-left:  auto;
  margin-right: auto;
}

div.Page div.Middle div.ColumnLeft{
  
  display: block;
  float: left;
  clear: none;
  
  width: 670px;
}


div.Page div.Middle div.ColumnLeft div.Foot{
  
  background-color: #3f2a19;
  color: #ffffff;
  
  width:  100%;
  height: 65px;
}

div.Page div.Middle div.ColumnLeft div.Foot div.Logo{
  
  display: block;
  float: left;
  clear: none;
  
  width: 18%;
}

div.Page div.Middle div.ColumnLeft div.Foot div.Logo a{
  border: none;
  color: #000000;
}

div.Page div.Middle div.ColumnLeft div.Foot div.Logo a img{
  
  margin:  0;
  padding: 0;
  
  margin-top:  15px;
  margin-left: 10px;
}

div.Page div.Middle div.ColumnLeft div.Foot div.Links{
  
  display: block;
  float: right;
  clear: none;
  
  width: 80%;
  
  text-align: right;
}

div.Page div.Middle div.ColumnLeft div.Foot div.Links p{
  
  vertical-align: middle;
  
  margin:  0;
  padding: 0;
  
  margin-top:   25px;
  margin-right: 20px;
  
  margin-left: 5px;
  
  font-size: 11px;
}

div.Page div.Middle div.ColumnLeft div.Foot div.Links p a{
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

div.Page div.Middle div.ColumnLeft div.Notice{
  
  width: 100%;
}

div.Page div.Middle div.ColumnLeft div.Notice p{
  
  margin:  0;
  padding: 0;
  
  padding: 10px;
  
  background-color: #ffffff;
  color: #000000;
  
  font-weight: bold;
  
  text-align: center;
}

div.Page div.Middle div.ColumnLeft div.Notice p.Error{
  background-color:  #f6e3c3; /* #ff87b5; */
}

div.Page div.Middle div.ColumnLeft div.Notice p.Info{
  background-color: #f6e3c3; /* #89B723; */
}

div.Page div.Middle div.ColumnLeft div.Notice p.Warn{
  background-color:  #f6e3c3; /* #ffe86b; */
}

div.Page div.Middle div.ColumnLeft h1.Header{
  
  width: auto; /* 650px; */
  
  background-color: #e0d3ca;
  
  padding-top:    19px;
  padding-bottom: 19px;
  padding-left:   20px;
  padding-right:   0;
  
  margin: 0;
  
  font-weight: normal;
  font-size: 15px;
  
  text-align: left;
  
  letter-spacing: 0.1em;
}

div.Page div.Middle div.ColumnLeft h1.Header_Small{
  
  width: auto; /* 650px; */
  
  background-color: #e0d3ca;
  
  padding-top:    21px;
  padding-bottom: 22px;
  padding-left:   20px;
  padding-right:   0;
  
  margin: 0;
  
  font-weight: normal;
  font-size: 10px;
  
  text-align: left;
  
  letter-spacing: 0.1em;
}

div.Page div.Middle div.ColumnLeft p,
div.Page div.Middle div.ColumnLeft table,
div.Page div.Middle div.ColumnLeft ul{
  
  margin:   0px;
  
  padding:      10px;
  padding-left: 20px;
}


div.Page div.Middle div.ColumnRight{
  
  display: block;
  float: left;
  clear: none;
  
  width: 170px;
  
  height: auto;
  
  background-color: #ffc76a;
}

div.Page div.Middle div.ColumnRight form{
  background-color: #f6e3c3;
  
  width:      100%;
  min-height: 58px;
  
  margin:  0;
  padding: 0;
}

div.Page div.Middle div.ColumnRight form table{
  padding-top: 11px;
}

div.Page div.Middle div.ColumnRight h3{
  background-color: #fad698;
  
  margin:  0;
  padding: 0;
  
  padding-left:   20px;
  padding-top:    10px;
  padding-bottom: 10px;
  
  text-align: left;
  
  font-weight: normal;
  
  font-size: 10px;
  
  letter-spacing: 0.1em;
}

div.Page div.Middle div.ColumnRight div.UpdatesBox{
  
  min-height: 160px;
}

div.Page div.Middle div.ColumnRight div.UpdatesBox hr{
  
  margin: 0;
  margin-left:  10px;
  margin-right: 10px;
  
  padding: 0;
  
  border: none;
  border-bottom: 1px dashed #000000;
  
  background-color: #FFC76A;
}

div.Page div.Middle div.ColumnRight div.UpdatesBox p{
  
  background-color: #ffc76a;
  
  margin:  0;
  padding: 0;
  
  padding: 12px;
  
  font-size: 11px;
  
  line-height: 110%;
  
}

div.Page div.Middle div.ColumnRight div.Bottom{
  
  width:  100%;
  height: 11px;
}

div.Page div.Middle div.ColumnRight div.Bottom div.Bottom_Left{
  
  display: block;
  clear: none;
  float: left;
  
  width: 159px;
  height: 11px;
  
  background-color: #ffc76a;
  
  margin:  0;
  padding: 0;
}

div.Page div.Middle div.ColumnRight div.Bottom div.Bottom_Right{
  
  display: block;
  clear: none;
  float: right;
  
  width:  11px;
  height: 11px;
  
  background-color: #fad698;
  
  margin:  0;
  padding: 0;
}

div.Page div.Middle div.ColumnRight div.Bottom div.Bottom_Right img{
  width:  11px;
  height: 11px;
  
  margin:  0;
  padding: 0;
  
  vertical-align: top;
}

/** Specific bits **/

a,
a:link,
a:hover,
a:visited,
a:active,
a:focus{
  
  border: none;
  text-decoration: underline;
  
  color: #000000;
}

a img{
  margin:  0;
  padding: 0;
  
  vertical-align: bottom;
  
  border: none;
}

div.TwoColumn{
  
  width: 99.9%;
}

div.TwoColumn div.LeftColumn{
  
  display: block;
  clear: none;
  float: left;
  
  width: 49%;
  
  margin-left: 0.5%;
}

div.TwoColumn div.RightColumn{
  
  display: block;
  clear: none;
  float: right;
  
  width: 49%;
  
  margin-right: 0.5%;
}

.Colour_3f2a19{ color: #3f2a19 !important; }
.Colour_ba4704{ color: #ba4704 !important; }

.BackgroundColor_c9b7a9{ background-color: #c9b7a9 !important; }
.BackgroundColor_d1c3b6{ background-color: #d1c3b6 !important; }
.BackgroundColor_d8ccc0{ background-color: #d8ccc0 !important; }
.BackgroundColor_dbcec5{ background-color: #dbcec5 !important; }
.BackgroundColor_e0d3ca{ background-color: #e0d3ca !important; }
.BackgroundColor_e9e1de{ background-color: #e9e1de !important; }
.BackgroundColor_e0d3ca{ background-color: #e0d3ca !important; }
.BackgroundColor_f5f1ee{ background-color: #f5f1ee !important; }
.BackgroundColor_fec76a{ background-color: #fec76a !important; }
.BackgroundColor_ffffff{ background-color: #ffffff !important; }


.Bold{ font-weight: bold !important; }

.BorderNone{ border: none !important; }

h1{
  
  font-weight: bold;
  font-size: 12px;
}

h2, h3, h4, h5, h6{
  
  margin-top:    5px;
  margin-bottom: 5px;
  
  margin-left: 20px;
  
  font-size: 10px;
  
  letter-spacing: 0.1em;
}

.Dashboard{
  margin-left: 10px;
  margin-top:  10px;
  
  padding-left:   8px;
  padding-top:    8px;
  padding-bottom: 8px;
  
  font-weight: bold;
  
  font-size: 11px;
}
.Dashboard_Selected{
  margin-left: 10px;
  margin-top:  10px;
  
  padding-left:   8px;
  padding-top:    8px;
  padding-bottom: 8px;
  
  font-weight: bold;
  
  background-color: #ffffff;
  
  font-size: 11px;
}

.Dashboard a,
.Dashboard_Selected a{
  
  color: #000000;
  text-decoration: none;
  border: none;
}

div.TagCloud{
  
  margin: 10px;
  
  margin-left:  2%;
  margin-right: 2%;
  
  padding: 0;
  
  width: 95%;
  
  background-color: #f5f5f5;
}

div.TagCloud ul{
  
  padding: 10px;
}

div.TagCloud ul li{
  display: inline;
  
  margin-left:  5px;
  margin-right: 5px;
  
  line-height: 200%;
}

div.TagCloud ul li a,
div.TagCloud ul li a:link,
div.TagCloud ul li a:hover,
div.TagCloud ul li a:visited,
div.TagCloud ul li a:active,
div.TagCloud ul li a:focus{
  
  border: none;
  text-decoration: underline;
  
  color: #ba4704;
}

form fieldset legend{
  
  color: #000000;
}

form select{
  font-size: 10px;
}

img.AvatarSmall{
  
  padding: 1px; 
  
  border: 1px solid #000000;
}

p.Indented{
  margin-left: 10px !important;
}

ul.Pointers{
  
  list-style-type: none;
  
  list-style-image: url("../graphics/img/icons/pointer_icon.png");
  
  list-style-position: inside;
  
  padding-left: 20px;
}

.FontSizeSmall{   font-size:  9px !important;}
.FontSizeLarger{  font-size: 11px !important;}
.FontSizeNormal{  font-size: 10px !important;}

.HeightPix090{ height:  90px; }
.HeightPix250{ height: 250px; }
.HeightPix280{ height: 280px; }
.HeightPix320{ height: 320px; }
.HeightPix400{ height: 400px; }
.HeightPix500{ height: 500px; }

.HeightMinPix280{ min-height: 280px !important; }

.Inline{ display: inline !important; }

.Left{
  display: block;
  clear: none;
  float: left;
}
.Right{
  display: block;
  clear: none;
  float: right;
}

.LetterSpacingNormal{ letter-spacing: normal !important; }
.LetterSpacing0p1em{  letter-spacing: 0.1em  !important; }

.LHP150{ line-height: 150% !important; }
.LHP200{ line-height: 200% !important; }
.LHP300{ line-height: 300% !important; }

.LHPix16{ line-height: 16px !important; }

.MLAuto{ margin-left:  auto !important; }
.MRAuto{ margin-right: auto !important; }

.MLP01{ margin-left:  1% !important; }
.MLP05{ margin-left:  5% !important; }
.MLP10{ margin-left: 10% !important; }
.MLP20{ margin-left: 20% !important; }
.MLP30{ margin-left: 30% !important; }
.MLP40{ margin-left: 40% !important; }
.MLP50{ margin-left: 50% !important; }

.MRP01{ margin-right:  1% !important; }
.MRP05{ margin-right:  5% !important; }
.MRP10{ margin-right: 10% !important; }
.MRP20{ margin-right: 20% !important; }
.MRP30{ margin-right: 30% !important; }
.MRP40{ margin-right: 40% !important; }
.MRP50{ margin-right: 50% !important; }

.PB0{ padding-bottom: 0 !important; }
.PT0{ padding-top:    0 !important; }
.PL0{ padding-left:   0 !important; }
.PR0{ padding-right:  0 !important; }

.PLP0{ padding-left:  0% !important; }
.PLP5{ padding-left:  5% !important; }

.PRP0{ padding-right: 0% !important; }
.PRP5{ padding-right: 5% !important; }

.PLPix20{ padding-left:  20px !important; }
.PRPix20{ padding-right: 20px !important; }

.PTPix03{ padding-top:     3px !important; }
.PTPix04{ padding-top:     4px !important; }
.PTPix15{ padding-top:    15px !important; }

.PBPix15{ padding-bottom: 15px !important; }

.NoBold{ font-weight: normal !important; }

.NoDecoration{ text-decoration: none !important; }

.TACentre{ text-align: center !important; }
.TALeft{   text-align: left   !important; }
.TARight{  text-align: right  !important; }

.Underline{ text-decoration: underline !important; }

.VAMiddle{ vertical-align: middle !important; }

.W12{ width:  12% !important; }
.W15{ width:  15% !important; }
.W17{ width:  17% !important; }
.W18{ width:  18% !important; }
.W20{ width:  20% !important; }
.W30{ width:  30% !important; }
.W32{ width:  32% !important; }
.W33{ width:  33% !important; }
.W34{ width:  34% !important; }
.W40{ width:  40% !important; }
.W45{ width:  45% !important; }
.W50{ width:  50% !important; }
.W60{ width:  60% !important; }
.W65{ width:  65% !important; }
.W66{ width:  66% !important; }
.W67{ width:  67% !important; }
.W70{ width:  70% !important; }
.W75{ width:  75% !important; }
.W80{ width:  80% !important; }
.W90{ width:  90% !important; }
.W95{ width:  95% !important; }
.W98{ width:  98% !important; }
.W100{width: 100% !important; }

.WPix090{ width:   90px !important; }
.WPix100{ width:  100px !important; }
.WPix120{ width:  120px !important; }
.WPix220{ width:  220px !important; }
.WPix230{ width:  230px !important; }
.WPix260{ width:  260px !important; }
.WPix295{ width:  295px !important; } /** 40% of column width **/
.WPix440{ width:  440px !important; }
.WPix610{ width:  610px !important; }
.WPix650{ width:  650px !important; }
.WPix670{ width:  670px !important; }

.ZeroMarginPadding{ margin: 0 !important; padding: 0 !important; }

/** Page specific bits **/
div.Page div.Middle div.ColumnLeft div.AvatarHomePage{
  
  display: block;
  
  position: relative;
  
  top: -20px;
  left:  0px;
  
  background-color: #ffffff;
  
  width:  195px;
  height: auto;
  
  margin-left: 20px;
  
  padding-bottom: 5px;
  
  border: 1px solid #999999;
}

div.Page div.Middle div.ColumnLeft div.AvatarHomePage img{
  width:  185px;
  height: 185px;
  
  margin: 0;
  margin-left: 5px;
  margin-top:  5px;
  
  padding: 0;
}

div.Page div.Middle div.ColumnLeft div.AvatarHomePage p{
  text-align: right;
  
  margin:  0;
  padding: 0;
  
  padding-right: 10px;
}

div.Page div.Middle div.ColumnLeft div.AvatarHomePage p a{
  border: none;
}

div.Page div.Middle div.ColumnLeft div.AvatarHomePage p a img{
   width: 13px;
  height: 15px;
}


/** Google map box on the connect by location page **/

div.Connect_Location_GoogleMapBox{
  
  width:  500px;
  height: 370px;
  
  margin:  0;
  padding: 5px;
  
  margin-left: 13px;
  margin-top:  10px;
  
  border: 1px solid #f5f5f5;
}


form.Default_Index_Index_Form{
  
  margin:  0;
  padding: 0;
  
  margin-left: 10px;
  
  background-color: #f6e3c3;
  
  border: 1px solid #ffc76b;
}

form.Default_Index_Index_Form img.CornerTopLeft{
  display: block;
  float: left; 
  clear: none;
  
  position: relative;
  left: -1px;
  top:  -1px;
}

form.Default_Index_Index_Form img.CornerTopRight{
  display: block;
  float: right; 
  clear: none;
  
  position: relative;
  left:  1px;
  top:  -1px;
}

form.Default_Index_Index_Form img.CornerBottomLeft{
  display: block;
  float: left; 
  clear: none;
  
  position: relative;
  right:    1px;
  bottom:  -1px;
}

form.Default_Index_Index_Form img.CornerBottomRight{
  display: block;
  float: right; 
  clear: none;
  
  position: relative;
  right:  -1px;
  bottom: -1px;
}

h3.Default_Index_Index_H3{
  
  display: block;
  position: relative;
  left: 0;
  top:  5px;
  
  margin:  0;
  padding: 0;
  
  margin-top:  10px;
  margin-left: 35px;
  
  font-weight: bold;
  font-size:   12px;
  
}

img.Default_Index_Index_Img{
  
  position: relative;
  
  top: -25px;
  left:  0px;
  
  margin-left: 2%;
}