/* Start of CMSMS style sheet 'Module: Menu' */
/* -----------------------------------*/
/* ---->>> COLOUR GLOSSARY <<<----*/
/* -----------------------------------*/

/*
blue #78D7F3
dark-blue #000066
burgundy #cc0000
purple #990099
orange #FF6C00
green #339933
bright-blue #00D0FD
nav-hover #0099ff
*/

/* -----------------------------------*/
/* ------->>> NAVIGATION <<<-------*/
/* -----------------------------------*/


#nav ul, #nav_index ul {
    list-style: none;
    line-height: 1;
    padding-left: 10px;
    margin-top: 5px;
}

#nav a, #nav_index a {
color: #000066;
padding: 0 3px;
font-weight: bold;
font-size: 0.95em;
}

#nav li, #nav_index li {
	float: left;
	line-height: 1.7em;
        background: url(uploads/images/layout/line.gif) no-repeat scroll 100% 55%;
        margin:0px;
list-style: none;
position: relative;
z-index: 100;
}

#nav li ul, #nav_index li ul {
    position: absolute;
    width: 168px;
left: 0;
display: none;
top:1.7em;
    background: #60deff none repeat scroll 0%;  
    margin: 0;
    padding: 0;
}

#nav li ul li, #nav_index li ul li {
list-style: none; 
background-image: none;
}

#nav li ul a, #nav_index li ul a {
display: block; 
width: 148px;
padding: 0 10px;
border-bottom: 1px solid #fff;
font-weight: normal;
font-size: 0.95em;
}

#nav li a:hover, #nav_index li a:hover {
        color:#cc0000;
        text-decoration: none;
}
#nav li ul a:hover, #nav_index li ul a:hover {
        background-color: #0099ff;
        color: #000066;
        width: 148px;
}

.currentpage h3 {
  color: #cc0000;
  font-size: 0.95em;
  line-height: 1.8em;
*line-height: 1.9em;
  margin: 0px;
  padding: 0 7px;
  font-family: verdana, arial, helvetica, sans-serif;
}
#nav li ul li.currentpage h3, #nav_index li ul li.currentpage h3 {
  color: #000066;
  border-bottom: 1px solid #fff;
  line-height: 1.75em;
  font-size: 0.95em;
  width: 148px;
  padding: 0 10px;
}


#nav li:hover {z-index: 10;}

#nav li:hover ul, #nav_index li:hover ul {left: 0; display: block;} 
#nav li ul li:hover ul, #nav_index li ul li:hover ul {left: 0; display: block;}
#nav li ul li ul li:hover ul, #nav_index li ul li ul li:hover ul {left: 0; display: block;} 

#nav li.sfhover ul, #nav_index li.sfhover ul {left: 0; display: block;} 
#nav li li.sfhover ul, #nav_index li li.sfhover ul {left: 0; display: block;}
#nav li li li.sfhover ul, #nav_index li li li.sfhover ul {left: 0; display: block;}

#nav li:hover ul ul, #nav_index li:hover ul ul {left: -999em;}
#nav li:hover ul ul ul, #nav_index li:hover ul ul ul {left: -999em;}

#nav li.sfhover ul ul, #nav_index li.sfhover ul ul {left: -999em;}
#nav li.sfhover ul ul ul, #nav_index li.sfhover ul ul ul {left: -999em;}


#nav li ul li ul, #nav_index li ul li ul {margin: -1.7em 0pt 0pt 168px}


/* -----------------------------------*/
/* ------->>> FOOTER <<<-------*/
/* -----------------------------------*/

#footer ul{
    list-style: none;
    line-height: 1;
    padding: 0px;
    margin-left: 240px;
    position: relative;
}

#footer li {
float: left; 
list-style: none;
background: url(uploads/images/layout/line.gif) no-repeat scroll 100% 55%;
}

#footer li a {
padding-right: 20px;
font-size: 0.95em;
padding: 0 7px;
}


/* End of 'Module: Menu' */

/* Start of CMSMS style sheet 'roundCorner: Calendar' */
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog_cal {
 position:relative;
 margin:0px auto;
 min-height: 8em;
width:181px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:5px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog_cal .content,
.dialog_cal .t,
.dialog_cal .b,
.dialog_cal .b div {
 background:transparent url(uploads/images/layout/cal_bg.gif) no-repeat top right;
 /*_background-image:url(dialog2-blue.gif);*/
}

.dialog_cal .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 5px 0px 0px;
}

.dialog_cal .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:5px; /* top slice width */
 margin-left:-5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog_cal .b {
 /* bottom */
 position:relative;
}

.dialog_cal .b,
.dialog_cal .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog_cal .b {
 background-position:bottom right;
}

.dialog_cal .b div {
 position:relative;
 width:5px; /* bottom corner width */
 margin-left:-5px;
 background-position:bottom left;
}

.dialog_cal .hd,
.dialog_cal .bd,
.dialog_cal .ft {
 position:relative;
}

.dialog_cal h1,
.dialog_cal p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog_cal h1 {
 padding-bottom:0px;
}
.dialog_cal ul, .dialog_cal ul li{padding-bottom: 0px; margin-bottom: 0px;}
/* End of 'roundCorner: Calendar' */

/* Start of CMSMS style sheet 'Typography' */
/* -----------------------------------*/
/* ---->>> COLOUR GLOSSARY <<<----*/
/* -----------------------------------*/

/*
blue #78D7F3
dark-blue #000066
burgundy #cc0000
purple #990099
orange #FF9900
green #339933
bright-blue #00D0FD
*/

/* -----------------------------------*/
/* --------->>> GLOBAL <<<----------*/
/* -----------------------------------*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.72em;
*font-size: 0.7em;
  line-height: 1em;
  color: #3366FF;
  margin: 0px;
}



/* -----------------------------------*/
/* ------>>> TYPOGRAPHY <<<-------*/
/* -----------------------------------*/

h1 {
  font-size: 1.6em;
  margin: 1em 0;
  font-weight: bold;
}

h2 {
  font-size: 1.6em;
  color: #00D0FD;
  font-family: "Trebuchet MS";
}

.h2blue {
color: #3366FF;  
font-size: 1.4em;
margin: 0.3em 0;
font-weight: bold;
}



#main h2 {margin-left: 11px; line-height:1.3em;}
#main .mainContent h2 {margin: 0.3em 0; line-height: 1.3em;}

p+h2,ul+h2 {margin: 1.2em 0 0.5em 0;}

.calendarBase {font-size: 0.9em;}

h3 {
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0.3em;
  color:#339933;
  font-family: "Trebuchet MS";
}

h4 {
  font-size: 1.2em;
  line-ehgith: 1.1em;
  margin: 0.3em 0;
  color: #FF9900;
  font-family: "Trebuchet MS";
}

.h4purple {
color: #990099;  
font-size: 1.1em;
margin: 0.3em 0;
font-weight: bold;
  line-height: 1.1em;
  font-family: "Trebuchet MS";
}

h5 {
  font-size: 1.1em;
  margin: 0.3em 0;
line-height: 1.1em;
  color: #3366FF;
  font-family: "Trebuchet MS";
}

.h5orange {
color:#F97C00; 
font-size: 1.1em;
margin: 0.3em 0;
font-weight: bold;
  line-height: 1.1em;
  font-family: "Trebuchet MS";
}

h6 {
  font-size: 1.1em;
  margin: 0.3em 0;
  color: #990099;
  line-height: 1.1em;
  font-family: "Trebuchet MS";
}

.h6green {
color: #009900;  
font-size: 1.1em;
margin: 0.3em 0;
font-weight: bold;
  line-height: 1.1em;
  font-family: "Trebuchet MS";
}

h2 a, h3 a, h4 a, h5 a {color: #ff0000;}
h4 strong, h5 strong, h6 strong {}

p {
  margin: 0 0 1em 0;
  line-height:1.6em;
  font-size: 1em;
}

.bodytext_larger {
  margin: 0 0 1em 0;
  line-height:1.6em;
  font-size: 1.1em;
}
.normal {
  margin: 0 0 1em 0;
  line-height:1.6em;
  font-size: 1em;
}

/* -----------------------------------*/
/* --------->>> LISTS <<<-----------*/
/* -----------------------------------*/


ul {
  font-size: 1em;
  list-style: none;
}

p+ul {margin-top: 0em;}

ul li {
  margin-bottom: 5px;
  line-height: 1.6em;
  list-style-image: url(uploads/images/layout/bullet.gif);
}

ul a {
  color: #00CC00;
  font-weight: normal;
}

ol {
  margin: 1em 0 1em 0em;
  font-size: 1em;
}

ol li  {
  /*overflow: hidden;*/
  margin-bottom: 10px;
  line-height: 1em;
}


.hr {
  border: none;
  background: url(/uploads/images/layout/hr_map.gif) 0 0 repeat-x;
  height: 5px;
  margin: 1em;
  clear: both;
}

.hr hr {display: none;}

hr.thin {
  margin: -0.3em 0 0.5em 0;
}

hr.black {
  border-color: #000;
}


dt{
  float: left;
  clear: left;
  font-weight: bold;
  margin: 0 0 1em 1em;
  width: 55px;
  color: #000;
}

dd {
  display: block;
  margin: 0 0 1em 0;
  padding-left: 75px;
}


a {
  color: #FF0000; 
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #FF9900;
}

a:active {
  outline: none;
}

a.externalLink {
  padding-right: 12px; 
  background: url(/uploads/images/layout/arrow_ur_small.gif) 100% 0 no-repeat;
}

a img {border: none !important;}

blockquote {
 margin: 0.5em 0;
  padding: 1.5em;
  background: #F5F8E2;
  color: #000;
}

blockquote h2, blockquote h3,blockquote h4, blockquote a {color: #000;}

blockquote p {
}

input, select {
  font-size: 11px;

}

.returnLink {margin-left:50px; margin-bottom: 30px;}
.breadcrumbs {color: #870E24; padding-top: 5px; margin-left:5px; font-size:0.9em;}
.breadcrumbs a {color: #870E24;}
.breadcrumbs a:hover {color: #660099;}

.clearfix {
height: 1px;
clear: both;
}

/* -----------------------------------*/
/* ------>>> TABLES <<<-------*/
/* -----------------------------------*/


#blue_table td{ 
vertical-align: top; 
background-color: #e7f5ff;
padding: 0 10px;
}
table#blue_table {height: 100%; width: 90%; margin-left: 25px;}
*table#blue_table {font-size: 1em;}


#white_table td{ 
vertical-align: top; 
background-color: #fff;
padding: 0 10px;
}
table#white_table {height: 100%; width: 90%; margin-left: 25px;}
*table#white_table {font-size: 1em;}


/* -----------------------------------*/
/* ------->>> CODE VIEW <<<--------*/
/* -----------------------------------*/

code {
 background: #F0F0F0;
  color: #000;
  font-size: 1.1em;
}

pre {
 background: #F0F0F0;
 border: #DDD;
 padding: 1em;
 margin: 0.5em 0;
}

/* -----------------------------------*/
/* --------->>> FORMS <<<----------*/
/* -----------------------------------*/

fieldset {border: none;}

fieldset legend {
  color: #7E934C;
  font-weight: bold;
}

fieldset label {
 display: block;
 width: 120px;
 float: left;
}

fieldset input {
   width: 100px;
   border: 1px solid #60DEFF;
   margin-bottom: 5px;
}

fieldset textarea {
    width: 200px; 
    height: 63px;
    border: 1px solid #60DEFF;
}

.submit input {
     border:1px solid #3366ff;
     background-color: #60deff;
     margin-left: 130px;
     cursor: pointer;
}
/* End of 'Typography' */

/* Start of CMSMS style sheet 'Module: Gallery' */
/*

stylesheet for gallery UI

*/

.thumb
{
list-style: none;
}

.thumb a {
overflow: hidden;
padding: 0px;
border: solid 2px #eee;
}

.mainContent img {
    padding: 0;
}

.page
{
overflow: hidden;
clear: both;
min-height: 190px;
}

#galleryNav
{
width: 584px;
padding: 3px;
margin-top: 6px;
text-align: center;
}

#galleryNav a
{
padding: 0 3px;
}
/* End of 'Module: Gallery' */

/* Start of CMSMS style sheet 'roundCorner: TextArea' */
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 min-height: 8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(uploads/images/layout/content_bg.gif) no-repeat top right;
 /*_background-image:url(dialog2-blue.gif);*/
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:12px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
*height: 100%;
 _height:4600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}


.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog .content .wrapper {
 position: static;
 max-height:350px;
 overflow:auto;
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}
.dialog ul, .dialog ul li{padding-bottom: 0px; margin-bottom: 0px;}
/* End of 'roundCorner: TextArea' */

/* Start of CMSMS style sheet '2col' */
/* -----------------------------------*/
/* ---->>> COLOUR GLOSSARY <<<----*/
/* -----------------------------------*/

/*
blue #60deff
dark-blue #000066
burgundy #cc0000
purple #990099
orange #FF6C00
green #339933
bright-blue #00D0FD
*/

/* -----------------------------------*/
/* ------>>> PAGE LAYOUT <<<-------*/
/* -----------------------------------*/

body {
  background-color: #60deff;
}


#bodywrapper{ 
  width: 846px;
  height: 100%;
  position:relative;
  margin: 0 auto;
}


/* ------>>> BANNER <<<-------*/

#banner {
  width: 100%;
  height:161px;
  position:relative;
  z-index: 100;
}

.masthead {
  left:230px;
  width: 616px;
  height: 162px;
  position:absolute;
  top:0px;
  background: url(uploads/images/layout/masthead.jpg) no-repeat scroll 0 0;
}

.mastheadImg{
  position: absolute;
  width:232px;
  height:162px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  border: none;
}

#banner h1 a {
  display:block;
  height:84px;
  overflow:hidden;
  text-indent:-5000px;
  width:219px;
}

/* ------>>> NAVIGATION <<<-------*/

#nav {
  width: 620px;
  height: 28px;
  position: absolute;
  top: 86px;
  left: 220px;

*left: 180px;
*font-size: 0.95em;
*width: 630px;
}/* <<<--- navigation continues in menu.css*/	


/* ------>>> MAIN CONTENT <<<-------*/

#container{
  background-color: #f3fcff;
  overflow:hidden;
width: 846px;
}
* html #container{height:1%;}

#main {
  width:556px;
float: left;
padding-left: 50px;
padding-right: 240px;
}
.mainContent {
width: 565px; 
float: left; 
*width: 555px;
}

#rightColumn {
float: right;
  width:200px;
margin-right: -210px;
}

* html #rightColumn {margin-right:-110px;}

#rightColumn .columnsleeve {padding: 10px 0;}
.columnsleeve {padding: 10px 20px;}

/* ------>>> IMAGE BOXES <<<-------*/

.imgRow {margin-left: 8px;}
.imgStrip {margin-left: 8px;}
.imgCol {margin-top: 20px;}

.imgRow img{
  width: 186;
  height: 111;
  margin: 0 5px 10px 0;
  margin-top: 10px;
}

.imgCol img{
  width: 186;
  height: 111;
  margin: 0 5px 10px 0;
border: 1px solid #60DEFF;
}

.imgStrip img{
  height: 111;
  margin: 0 5px 10px 0;
  margin-top: 10px;
border: 1px solid #60DEFF;
}

.mainContent img{
  width: 186;
  height: 111;
  float: left;
  margin: 0 10px 10px 0; 
  padding: 2px;
}

#rightColumn img{
  width: 186;
  height: 111;
  margin: 0 0px 10px 10px;
  border: 1px solid #60DEFF;
}

#leftColumn img{
  width: 186;
  height: 111;
  margin: 0 10px 10px 0; 
border: 1px solid #60DEFF;
}

#leftColumn .content img, #leftColumn .calendarBase img, #rightColumn .content img, #rightColumn .calendarBase img {border:none;}

.smallPix {width: 200px; margin-left: 20px;}

.smallPix img {
  border: 1px solid #80ff00;
  padding: 2px;
  margin: 2px;
}

.content img{border: none !important;}

/* ------>>> CALENDAR <<<-------*/

.calendarBase {
  width: 190px;
  margin: 5px 0px 0 10px;
*margin-right: 30px;
}

.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.2em;
}

/* ------>>> FOOTER <<<-------*/

#footer {
  background: #f3fcff url(uploads/images/layout/bottom_bg.gif) no-repeat 0 100%;
  width: 100%;
  height: 80px;
  clear: both;
  text-align: center;
  bottom: 0px;
}/* <<<---footer continues in menu.css*/	


/* End of '2col' */

/* Start of CMSMS style sheet 'Module: Calendar' */
/* -----------------------------------*/
/* ---->>> SMALL CALENDAR <<<----*/
/* -----------------------------------*/

.mainContent .dialog h1 {padding-bottom:10px;}


#smallcalendar{
position: relative;
background-color: #fff;
}

#smallcalendar caption {
padding: 2px 0;
color: #3366FF;
}

#smallcalendar>caption {
width: 174px;
}

#smallcalendar caption a {
color: #ff0000;
}

/* nice squares for the #smallcalendar table */

#smallcalendar tr {width: 180px; font-size:0.9em;}

#smallcalendar th{
height: 12px;
color: #3366FF;
text-align: center;
font-weight: normal;
}

#right #smallcalendar th:first-letter {
display: block;
float: left;
width: 24px;
text-align: center;
font-size: 10px !important;
color: #36C !important;
line-height: normal !important;
margin-top: 2px !important;
}

html>body #pageframe #smallcalendar th:first-letter {
padding-left: 25%;
}

#smallcalendar td {
border: none;
height: 1em;
text-align: center;
padding: 0px;
}

/* format summaries nicely in #smallcalendar */

#smallcalendar ul
{
margin: 0px;
padding: 0px;
padding-left: 5px;
}

#smallcalendar li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* background colours for #small */

#smallcalendar table{background-color: #fff;}
.calendarBase table {height: 120px; margin-left:6px;}

#smallcalendar .calendar-day
{
background-color: #78D7F3;
}

#smallcalendar .calendar-today
{
background-color: #78D7F3;
font-weight: bold;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title {
display: none;
}
.calendar-event {margin-bottom:10px;}

* html .calendarBase {font-size: 1em;}

#ie7 .calendarBase {font-size: 1em;}

/*****************************************************************/

tt #big {font-family: verdana,arial,helvetica,sans serif;}
#big .calendar-list .calendar-prev,  #big .calendar-list .calendar-next, #big .calendar-list .calendar-event, #big .calendar-list .calendar-returnlink {font-size: 1.2em;}

#big.calendar-upcominglist .calendar-event {margin-bottom: 20px;}
/*****************************************************************/

/** large calendar rules (assuming table_id=�bigcalendar�) **/
/* border on for #bigcalendar */

#bigcalendar{
margin: 0px;
font-size:1.2em;
font-family: verdana, arial, helvetica, sans-serif;
width: 100%;
}

#bigcalendar caption
{
padding: 2px 0;
color: #3366FF;
}

/* nice squares for the #bigcalendar table */

#bigcalendar th
{
padding: 3px;
color: #3366FF;
text-align: left;
text-transform: uppercase;
font-weight: normal;
}

#bigcalendar td {
vertical-align: top;
padding: 3px;
height: 1em;
}

/* format summaries nicely in #bigcalendar */

#bigcalendar ul{
margin: 0px;
padding: 0px;
padding-left: 5px;
}

#bigcalendar li{
list-style-type: none;
padding: 0px;
margin: 2px 0 3px 10px;
text-align: left;
font-size: 1em;
}

#bigcalendar li a {color: #000;}

/* background colours for #big */

#bigcalendar td {
background-color: #E7F5FF;
text-align: left;
}

#bigcalendar .calendar-day {
background-color: #78D7F3;
}

#bigcalendar .calendar-today {
font-weight: bold;
background-color: #78D7F3;
}
/* End of 'Module: Calendar' */