/* Start of CMSMS style sheet 'Leader_style' */
* {margin: 0;padding: 0;}
body {font: 12px verdana, Helvetica, sans-serif;margin:0 auto;background:#ffffff;}
a, a:link {text-decoration:none; color:#dd7301}
a:hover {color:#0884a0;text-decoration:none;}
#container {width:800px;margin:0 auto; background:#ffffff;}
#header {width:100%;background:#76BFD5;}
.title {padding:10px 1% 10px 1%;color:#333;}
.title h1 {font-size:14; bold; color:#5d1d4f}
.title h2 {font-size:1.1em; color:#5d1d4f}
h3 {font-size:1em;  color:#5d1d4f}
#content p, #content1 p, #content2 p {margin: 0px; line-height:1.3em;}
#wrapper {width: 800px;}
#content{width:55.8%;padding:25px 1% 10px 1%;float:left;background:#fff;}
#leftsidebar {width:20%;padding:25px 1% 10px 1%;float:left;background:#ffffff;}
#rightsidebar {width:15%;padding:25px 1% 10px 1%;float:right;background:#ffffff;}
#footer{align: center; padding:10px 1% 10px 1%;clear:both;background:#ffffff; font-size:0.9em;}
h1 {font-size:1.2em; bold; color:#5d1d4f; padding-top:8px;}
ul { list-style-position: outside; }
li {list-style-type: disc; margin-left: 10px;}
#menu {
	margin-bottom: 30px;
width: 170px;
border-bottom: 1px solid #EBEBEB;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;

}
/*---Menu item 1---*/
#menu li#i15 a {
        display: block;
        padding: 2px 0px 0px 15px;
	border-top: 1px solid #EBEBEB;
	background: url(images/p_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i15 a:hover, menu li#i51 a.currentpage {
        background: url(images/p_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}

/*---Menu item 2---*/
#menu li#i51 a, #menu li#i74 a {
display: block;
        padding: 2px 0px 0px 15px;
	border-top: 1px solid #EBEBEB;
	background: url(images/p1_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i51 a:hover, menu li#i51 a.currentpage, #menu li#i74 a:hover, menu li#i74 a.currentpage {
        background: url(images/p1_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;

}
/*---Sub menu---*/
#menu li#i51 li a, #menu li#i74 li a {
display: block;
        padding: 2px 5px 2px 25px;
	background: url(images/p2_sub_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i51 li a:hover, menu li#i51 li a.currentpage, #menu li#i74 li a:hover, menu li#i74 li a.currentpage  {
        display: block;
        padding: 2px 5px 2px 25px;
	background: url(images/p2_sub_on.gif) no-repeat 0px 0px;
        font-size:12px;

}

/*---Menu item 3---*/
#menu li#i53 a {
display: block;
        padding: 2px 0px 0px 15px;
	border-top: 1px solid #EBEBEB;
	background: url(images/p2_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i53 a:hover, menu li#i51 a.currentpage {
        background: url(images/p2_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}

/*---Menu item 4---*/
#menu li#i54 a {
display: block;
        padding: 2px 0px 0px 15px;
	border-top: 1px solid #EBEBEB;
	background: url(images/p3_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i54 a:hover, menu li#i51 a.currentpage {
        background: url(images/p3_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}
/*---Sub menu---*/
#menu li#i54 li a {
display: block;
        padding: 2px 5px 2px 25px;
	background: url(images/p4_sub_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i54 li a:hover, menu li#i51 li a.currentpage {
        display: block;
        padding: 2px 5px 2px 25px;
	background: url(images/p4_sub_on.gif) no-repeat 0px 0px;
        font-size:12px;
}
/*---Menu item 5---*/
#menu li#i55 a {
display: block;
        padding: 2px 0px 0px 15px;
	border-top: 1px solid #EBEBEB;
	background: url(images/p4_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i55 a:hover, menu li#i51 a.currentpage {
        background: url(images/p4_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}

/*---Menu item 6---*/
#menu li#i56 a {
display: block;
        padding: 2px 0px 0px 15px;
	border-top: 1px solid #EBEBEB;
	background: url(images/p5_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i56 a:hover, menu li#i51 a.currentpage {
        background: url(images/p5_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}

/*---Menu item 7---*/
#menu li#i65 a {
display: block;
        padding: 2px 0px 0px 15px;
        border-top: 1px solid #EBEBEB;
	background: url(images/p6_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i65 a:hover, menu li#i51 a.currentpage {
        background: url(images/p6_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}

/*---Menu item 8---*/
#menu li#i57 a {
display: block;
        padding: 2px 0px 0px 15px;
	border-top: 1px solid #EBEBEB;
	background: url(images/p8_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i57 a:hover, menu li#i51 a.currentpage {
        background: url(images/p8_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}



/*---Menu item 9---*/
#menu li#i58 a {
display: block;
        padding: 2px 0px 0px 15px;
        border-top: 1px solid #EBEBEB;
	background: url(images/p9_off.gif) no-repeat 0px 0px;
        font-size:12px;
        color: #5d1d4f;
}

#menu li#i58 a:hover, menu li#i51 a.currentpage {
        background: url(images/p9_on.gif) no-repeat 0px 0px;
	text-decoration: none;
	color: #385B88;
        font-size:12px;
}

#newsblock_wrapper {
       width: 125px;
        font: verdana, Helvetica, sans-serif;
}
#newsblock {
        background: url(images/newsbox.png) no-repeat; 
        width: 110px;
        height: 200px;
        padding: 5px 10px 20px 10px;
        font: verdana, Helvetica, sans-serif;
        clear:both;
}
#newsblock h3{
        font-size:1.3em;
        padding-bottom: 8px;
        color:#ffffff;
        font: verdana, Helvetica, sans-serif;
}
#newsblock a {
   color: #000055;
   font: verdana, Helvetica, sans-serif;
}
#newsblock a:hover {
        color: #ffffff;
        font: verdana, Helvetica, sans-serif;
}
#videoblock {
        background: url(images/quotebox.png) no-repeat; 
        width: 125px;
        height: 208px;
        padding: 10px 10px 10px 10px;
        clear:both;
}
#videoblock p{
             padding: 10px 10px 10px 0px;
}
#videoblock h3{
        font-size:1.3em;
        font-weight:bold;
        padding-bottom: 8px;
        color:#ffffff;
}
#videoblock a {
   color: #000055;
}
#videoblock a:hover {
        color: #ffffff;
}

#steerblock {
      /*  background: url(images/steer.png) no-repeat; */
        width: 105px;
        height: 180px;
        padding: 10px 10px 10px 10px;
        clear:both;
}
#steerblock h3{
        font-size:1.3em;
        font-weight:bold;
        padding-bottom: 8px;
        color:#ffffff;
}
#steerblock a {
   color: #000055;
}
#steerblock a:hover {
        color: #ffffff;
}
.left {
float: left;
width: 112px;
align: left;
padding-top: 3px;
clear:both;

}

.right {
float: right;
align: left text-top;
padding-left: 3px;
width: 300px;

}
.right h3{
color: #5d1d4f;
padding-bottom: 0px;

}
.right li{
padding-bottom: 5px;
list-style-type: none;

}
/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}


/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/


/* highlight "today" for the small calendar */
.calendar-today
{
  font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
  display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
  display: inline;
  margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
  color: red;
  font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
  font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

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

/* background colours for #big */
#big td
{
  background-color: #d6c2cb;
}

#big .calendar-day
{
  background-color: #d6c2cb;
}

#big .calendar-today
{
  font-weight: normal;
  background-color: #ffffff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
  display: none;
}

#steergrp {
border: solid 2px #333333;
padding: 10px;
}
#steergrp p {
float: left;
margin-right: 5px;
}
#steergrp img{
float:right;
margin-left: 10px;
}

/* End of 'Leader_style' */