/* Start of CMSMS style sheet '1col' */
/* -----------------------------------*/
/* ---->>> COLOUR GLOSSARY <<<----*/
/* -----------------------------------*/

/*
blue #69d2f2
burgundy #870E24
purple #660099
orange #F97C00
light-blue #7ec6f9
dark-blue #0096df
pale-bluebg #f2ffff;
*/

/* -----------------------------------*/
/* ------>>> PAGE LAYOUT <<<-------*/
/* -----------------------------------*/

body{
 background-color: #69d2f2;
}

#bodywrapper{ 
  width: 850px;
  height: 100%;
  position:relative;
  margin: 0 auto;
  border-left: 1px solid #0099CC;
  border-right: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}


/* ------>>> BANNER <<<-------*/

#banner {
  width: 100%;
  height:161px;
  position:relative;
  z-index: 100;
}

.masthead{
  left:177px;
  width: 673px;
  height: 161px;
  position:absolute;
  top:0px;
  background: url(uploads/images/layout/masthead.jpg) no-repeat scroll 0 0;
}

.mastheadImg{
  position: absolute;
  width:178px;
  height:161px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  border: none;
}

#banner h1 a {
  /*background:transparent url( ) no-repeat scroll 0pt;*/
  display:block;
  height:84px;
  overflow:hidden;
  text-indent:-5000px;
  width:219px;
}

/* ------>>> NAVIGATION <<<-------*/

#nav {
  width: 652px;
  height: 28px;
  position: absolute;
  top: 86px;
  left: 170px;

*left: 140px;
*font-size: 0.95em;
*width: 650px;
}/* <<<--- navigation continues in menu.css*/	


/* ------>>> MAIN CONTENT <<<-------*/

#container{
  background-color: #fff;
  overflow:hidden;
  position: relative;
width: 850px;
}
* html #container{height:1%;}

#main {
  width:100%;
  padding-left: 30px;
 min-height: 500px;
*height: 100%;
}
.mainContent {clear:both; *width: 780px;}

.columnsleeve {padding: 10px 20px;}

/* ------>>> IMAGE BOXES <<<-------*/

.imgRow {margin-left: 20px;}
.imgCol {margin-top: 20px;}

.imgRow img{
  border: 1px solid #0096df;
  width: 186;
  height: 111;
  margin: 0 5px 30px 0;
  padding: 2px;
  margin-top: 10px;
}

.imgCol img{
  border: 1px solid #0096df;
  width: 186;
  height: 111;
  margin: 0 5px 10px 0;
  padding: 2px;
}

.mainContent img{
  width: 186;
  height: 111;
  margin: 0 10px 10px 0; 
}

#rightColumn img{
  border: 1px solid #0096df;
  width: 186;
  height: 111;
  margin: 0 10px 5px 0;
}

#leftColumn img{
  border: 1px solid #0096df;
  width: 186;
  height: 111;
  float: left;
  margin: 0 10px 10px 0; 
}

.smallPix {width: 200px; margin-left: 20px;}

.smallPix img {
  border: 1px solid #F97C00;
  padding: 2px;
  margin: 2px;
}

/* ------>>> CALENDAR <<<-------*/

.calendarBase {
  width: 180px;
*margin-right: 10px;
}

.calendarBase h2 {
  background: url(uploads/images/layout/cal_heading.gif) no-repeat 0 0;
  width: 110px;
  height: 20px;
  padding: 8px 21px;
  margin: 15px 0 0 10px;
  text-align: center;
  color: #fff;
  font-size: 1.1em;
}

/* ------>>> FOOTER <<<-------*/

#footer {
  background-color: #fff;
  width: 100%;
  height: 60px;
  clear: both;
  text-align: center;
  bottom: 0px;
}/* <<<---footer continues in menu.css*/	

/* ------>>> INDEX PAGE <<<-------*/

#bodywrapper_index{ 
  width: 776px;
  height: 570px;
  position:relative;
  margin: 0 auto;
  background: url(uploads/images/layout/index_bg.jpg) no-repeat scroll 0 0;
}

#nav_index {
  width: 652px;
  height: 28px;
  position: absolute;
  top: 502px;
  left: 66px;
*left: 40px;
*font-size: 0.95em;
*width: 650px;
}
/* End of '1col' */

