/* Start of CMSMS style sheet 'PETERSBURG' */
/* CSS Document */

textarea, input, select {
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #064e9e;
	background-color: #FFF;
	border: 1px solid #244723;
}
.ffsubmit {
	background-color: #fbd01f;
	padding: 2px 8px 2px 8px;
	margin-top: 2px;
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	border: 1px solid #244723;
	font-weight: bold;
}


.programmes-adults {
	line-height: 1.7em;
	margin: 0 0 10px 0;
	padding: 2px 20px 10px 262px;
	width: 299px;
	background-image: url("images/bg-programmes-adults.jpg");
	background-position: top left;
	background-repeat: no-repeat;

}


.programmes-kids {
	line-height: 1.7em;
	margin: 0 0 10px 0;
	padding: 2px 20px 10px 262px;
	width: 299px;
	background-image: url("images/bg-programmes-kids.jpg");
	background-position: top left;
	background-repeat: no-repeat;

}


body {
	background-color: #b0c188;
	background-image: url("images/bg-landscape.jpg");
	background-position: top center;
	background-repeat: repeat-x;
	color: #000000;
	margin: 0px;
	padding: 0;
	text-align: center;
	font-size: 13px;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	}

a:link { 
	color: #0047b1;
  	text-decoration: underline;
	}
a:visited { 
	color: #033a8c;
  	text-decoration: underline;
	}
a:hover { 
	color: #facf26;
  	text-decoration: underline;
	}
	
h1 {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	color: #002c10;
	font-size: 1.45em;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0 0 0 6px;
	line-height: 14pt;
	text-align:left;
	text-transform: capitalize;
	border-left: #f9c700 solid 8px;
	}	
	
h2 {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	color: #24412d;
	font-size: 1.25em;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0 0 0 5px;
	line-height: 15pt;
	text-align:left;
	text-transform: capitalize;
	border-left: #f9c700 solid 8px;
	}	
	
	
	
h3 {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	color: #24412d;
	font-size: 1.25em;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0 0 0 5px;
	line-height: 14pt;
	text-align:left;
	text-transform: capitalize;
	border-left: #f9c700 solid 8px;
	}	


#frametop {
	display: block;
	width: 950px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	text-align: left;
	}
	
#frame {
	display: block;
	width: 950px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	}


#navbar {
	margin: 1px 0px 0px 0px;
	padding: 0px 2px 2px 0px;
	color: #27371b;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: normal;
	text-align: left;
	vertical-align:middle;
	line-height: 18px;
	border-bottom: 1px dashed #27371b;
}

#navbar a:link
{
    color: #27371b;
    text-decoration: none;
}
#navbar a:active
{
    color: #ff0000;
    text-decoration: none;
}
#navbar a:hover {
  color: #ffcd07;
  text-decoration: underline;
}
#navbar a:visited
{
    color: #27371b;
    text-decoration: none;
}
#navbar a:visited:hover
{
  color: #ffcd07;
  text-decoration: underline;
}


/* start main content columns styles */
.left-content {

	margin: 30px 0px 0px 0;
	padding: 0 14px 0px 0;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: normal;
	text-align: left;
	color: #000;
	text-align: left;

	}
.left-content p {
	margin: 6px 0 6px 0;
	padding: 5px 0px 5px 0px;
	}
	
.left-content  a:link {
	text-decoration: underline;
	color: #0856b4;
	}
.left-content a:visited {
	text-decoration: underline;
	color: #0856b4;
	}
.left-content a:hover {
	color: #ffeb9b;
  text-decoration: underline;
	}	
	
.right-content {

	margin: 20px 0px 0px 0;
	padding: 0 0 0px 14px;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height: 1.6em;
	font-weight: normal;
	text-align: left;
	color: #000;
	text-align: left;
	border-left: 1px solid #cee0a2;

	}
.right-content p {
	margin: 6px 0 6px 0;
	padding: 5px 0px 5px 0px;
	}
	
.right-content  a:link {
	text-decoration: underline;
	color: #0856b4;
	}
.right-content a:visited {
	text-decoration: underline;
	color: #0856b4;
	}
.right-content a:hover {
	color: #ffeb9b;
  text-decoration: underline;
	}
	
.right-content h1  {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	color: #24412d;
	font-size: 1.35em;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0 0 0 5px;
	line-height: 14pt;
	text-align:left;
	text-transform: capitalize;
	border-left: #f9c700 solid 8px;
	}

.right-content h2  {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	color: #24412d;
	font-size: 1.35em;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0 0 0 5px;
	line-height: 14pt;
	text-align:left;
	text-transform: capitalize;
	border-left: #f9c700 solid 8px;
	}

.right-content h3  {
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	color: #24412d;
	font-size: 1.35em;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0 0 0 5px;
	line-height: 14pt;
	text-align:left;
	text-transform: capitalize;
	border-left: #f9c700 solid 8px;
	}
	

.instructions {
	margin: 5px 0px 0px 0;
	padding: 0 0 0px 14px;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: left;
	color: #ddefb0;
	text-align: left;
	/*border-left: 1px solid #cee0a2;*/

	}
.instructions p {
	margin: 0px 0 6px 0;
	padding: 5px 0px 5px 0px;
	}



/* news content */
.news {
	margin: 10px 0px 7px 0;
	padding: 6px 10px 10px 10px;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: normal;
	text-align: left;
	color: #000101;
	text-align: left;

	background-color: #b0c187;
	background-image: url(images/bg-news.gif);
	background-position: top left;
	background-repeat: repeat-x;	
	}

.news p {
	margin: 0px 0 5px 0;
	padding: 0px 0px 10px 0px;
	}
.news  a:link {
	text-decoration: underline;
	color: #0047b1;
	}
.news a:visited {
	text-decoration: underline;
	color: #0047b1;
	}
.news a:hover {
	color: #ffeb9b;
  text-decoration: underline;
	}		
.news-headline
	{
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight:bold;
	text-transform: capitalize;
	color: #f9c700;	
	}
.news-headline  a:link {
	text-decoration: none;
	color: #f9c700;
	}
.news-headline a:visited {
	text-decoration: none;
	color: #f9c700;
	}
.news-headline a:hover {
	color: #ffeb9b;
  text-decoration: underline;
	}
.news-cat {
	color: #3b5123;
}
.news-by {
	color: #bccd93;
}
.news-date {
	color: #bccd93;
}



/* news content body */
.news-body {
	margin: 10px 0px 7px 0;
	padding: 6px 10px 10px 10px;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: normal;
	text-align: left;
	color: #000101;
	text-align: left;

	background-color: #b0c187;
	background-image: url(images/bg-news.gif);
	background-position: top left;
	background-repeat: repeat-x;	
	}

.news-body p {
	margin: 0px 0 5px 0;
	padding: 0px 0px 10px 0px;
	}
.news-body  a:link {
	text-decoration: underline;
	color: #0047b1;
	}
.news-body a:visited {
	text-decoration: underline;
	color: #0047b1;
	}
.news-body a:hover {
	color: #ffeb9b;
  text-decoration: underline;
	}		
.news-headline-body
	{
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight:bold;
	text-transform: capitalize;
	color: #f9c700;	
	}
.news-headline-body  a:link {
	text-decoration: none;
	color: #f9c700;
	}
.news-headline-body a:visited {
	text-decoration: none;
	color: #f9c700;
	}
.news-headline-body a:hover {
	color: #ffeb9b;
  text-decoration: underline;
	}
.news-cat-body {
	color: #3b5123;
}
.news-by-body {
	color: #bccd93;
}
.news-date-body {
	color: #bccd93;
}








#bottom-nav {
	margin: 20px 0 20px 0;
	padding: 10px 0px 10px 0px;
	color: #24412d;
	font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: normal;
	text-align: center;
	vertical-align:middle;
	line-height: 16px;
	border-top: 1px solid #cee0a2;
}

#bottom-nav a:link
{
    color: #0047b1;
    text-decoration: none;
}

#bottom-nav a:hover {
	color: #ffeb9b;
  text-decoration: underline;
}
#bottom-nav a:visited
{
    color: #0047b1;
    text-decoration: none;
}
#bottom-nav a:visited:hover
{
	color: #ffeb9b;
  text-decoration: underline;
}

.address {
font-weight:bold;

}



#tdt {
	margin: 0;
	padding: 0;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size:7.5pt;
	line-height: 11pt;
	font-weight: normal;
	text-align: left;
	color: #3f4c1e;
	text-align: right;
	}
#tdt  a:link {
	text-decoration: none;
	color: #3f4c1e;
	font-weight: normal;
	}
#tdt a:visited {
	text-decoration: none;
	color: #3f4c1e;
	font-weight: normal;
	}
#tdt a:hover {
	text-decoration: underline;
    color: #0047b1;
	font-weight: normal;
	}	
#tdt a:visited:hover
{
    color: #0047b1;
  	text-decoration: underline;
}


/* start aligning images */

.alignLeft {
	float: left;
	margin: 5px 8px 5px 0px;
	padding: 0px; 
	font-size: 9px;
	color: #8090CC;
	line-height: 12px;
	border: #dceaba solid 4px;
	}

.alignRight {
	float: right;
	margin: 4px 0px 4px 7px;
	padding: 0px; 
	font-size: 9px;
	color: #8090CC;
	line-height: 10px;	
	border: 0;
	border: #dceaba solid 4px;
	}
	
.alignCenter {
	float: center;
	margin: 3px 3px 5px 0px;
	padding: 0px; 
	font-size: 9px;
	color: #8090CC;
	line-height: 12px;
	border: #dceaba solid 4px;
	}
/* end aligning images */


.thumbnail-gallery
{
display:block;
margin-top: 5px;
margin-bottom: 10px;
padding: 0;
clear:both;
}


.thumbnail-gallery a img {
 background: #fff;
 border: 4px solid #ccdba8 !important;
 padding: 2px !important;
	}
	
.thumbnail-gallery a:hover img {
 background: #fff;
 border: 4px solid #facf26 !important;
	}	


.google-map-holder {
border: 4px #dceaba solid;
width: 760px;
}

.googlemap-style {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #124e8f;
	}




/* End of 'PETERSBURG' */

/* Start of CMSMS style sheet 'MENU' */
#navcontainer { width: 134px; }

#navcontainer ul
{

margin-left: 0;
padding-left: 0;

list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 18px;
}

#navcontainer li
{

}

#navcontainer a
{
display: block;
padding: 3px;
padding-left: 22px;
width: 134px;
background-color: #b8c897;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
}

#navcontainer a:link, #navlist a:visited
{
color: #20422d;
text-decoration: none;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
background-image: url(images/nav.gif);
background-repeat:no-repeat;
background-color: #8aa268;

}

#navcontainer a:hover
{
background-color: #facf26;
color: #31734a;
background-image: url(images/nav_on.gif);
background-repeat:no-repeat;
color: #8c6d00;
}


#menu-in a:link, #menu-in a:visited
{
display: block;
padding: 3px;
padding-left: 22px;
width: 134px;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
background-image: url(images/nav_in.gif);
background-repeat:no-repeat;
color: #064e9e;
background-color: #7db2d6;
}

#menu-in a:hover
{
display: block;
padding: 3px;
padding-left: 22px;
width: 134px;
background-color: #d5e4b7;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
background-image: url(images/nav_on.gif);
background-repeat:no-repeat;
color: #8c6d00;
}



#submenu a:link, #submenu a:visited
{
display: block;
padding: 3px;
padding-left: 30px;
width: 126px;
background-color: #d5e4b7;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
background-image: url(images/submenu.gif);
background-repeat:no-repeat;
font-weight: normal;
line-height: 15px;
color: #326e49;

}
#submenu a:hover
{
display: block;
padding: 3px;
padding-left: 30px;
width: 126px;
background-color: #d5e4b7;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
background-image: url(images/submenu_on.gif);
background-repeat:no-repeat;
font-weight: normal;
color: #8c6d00;
}


#submenu-in a:link, #submenu-in a:visited
{
display: block;
padding: 3px;
padding-left: 30px;
width: 126px;
background-color: #d5e4b7;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
background-image: url(images/submenu_in.gif);
background-repeat:no-repeat;
font-weight: normal;
line-height: 15px;
color: #064e9e;

}
#submenu-in a:hover
{
display: block;
padding: 3px;
padding-left: 30px;
width: 126px;
background-color: #d5e4b7;
border-top: 0px;
border-bottom: 1px solid #405f3f;
border-left: 1px solid #405f3f;
border-right: 1px solid #405f3f;
background-image: url(images/submenu_on.gif);
background-repeat:no-repeat;
font-weight: normal;
color: #8c6d00;
}






/* End of 'MENU' */

