/* 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 '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 'frontpage' */
/*

hides secondlevel menu on frontpage

*/


#nav_index ul ul {display: none !important;}
/* End of 'frontpage' */

/* 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' */

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

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

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

body {
  background: #F3FDFE url(uploads/images/layout/bg_grad.gif) repeat-x scroll 0 0;
  font-family: Verdana,Arial,Helvetica, sans-serif;
  font-size: 0.72em;
  line-height: 1em;
  color: #3366FF;
  margin: 0px;
}


#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 {
  /*background:transparent url( ) no-repeat scroll 0pt;*/
  display:block;
  height:84px;
  overflow:hidden;
  text-indent:-5000px;
  width:219px;
}

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

#nav {
  width: 612px;
  height: 28px;
  position: absolute;
  top: 86px;
  left: 220px;
*left: 200px;
*font-size: 0.95em;

}/* <<<--- navigation continues in menu.css*/	


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

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

#main {
  width:100%;
  padding-left: 30px;
  margin-bottom: 50px;
 min-height: 500px;
*height: 550px;
}
.mainContent {clear:both; *width: 780px;}

.columnsleeve {padding: 10px 20px;}

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

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

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

.imgCol img{
  width: 186;
  height: 111;
  margin: 0 5px 10px 0;
}

.mainContent img{
  border: 1px solid #80ff00;
  width: 186;
  height: 111;
  float: left;
  margin: 0 10px 10px 0; 
  padding: 2px;
}

#rightColumn img{
  width: 186;
  height: 111;
  margin: 0 10px 5px 0;
}

#leftColumn img{
  width: 186;
  height: 111;
  float: left;
  margin: 0 10px 10px 0; 
}

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

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

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

.calendarBase {
  background: url(uploads/images/layout/cal_bg.gif) no-repeat 0 0;
  width: 180px;
  height: 508px;
  padding: 1px 25px;
  font-size: 0.7em;
}

.calendarBase h2 {
  background: url(uploads/images/layout/cal_heading.gif) no-repeat 0 0;
  width: 110px;
  height: 20px;
  padding: 8px 21px;
  margin-top: 15px;
  text-align: center;
  color: #fff;
  font-size: 1.1em;
}

/* ------>>> 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*/	


/* ------>>> INDEX PAGE <<<-------*/

#bodywrapper_index{ 
  width: 830px;
  height: 589px;
  position:relative;
  margin: 0 auto;
  background: url(uploads/images/layout/index.jpg) no-repeat scroll 0 0;
}

#nav_index {
  width: 612px;
*width: 650px;
  height: 28px;
  position: absolute;
  top: 520px;
  left: 130px;
*left: 100px;
*font-size: 0.95em;
}

/* End of 'Index' */