/* CSS for The Cathedral of the Isles/Cumbrae Cathedral */
	
body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /*centres IE5*/
	background: #d8daba; /*PMS 5807*/
}
#container { /*page div*/
	width: 700px;
	background: #FFF;
	text-align: left;
	overflow: hidden;
	margin: 0 auto; /* auto margins + width centre the page */
}





/*Primary Nav bar*/

p#nav { 
	width: 700px;
	margin: 0;
	font: 0.8em/1.0em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	padding: 10px 0 5px 0;
	background: url(images/grad_bgrd.gif) repeat-x;
	color: #999966;
}

/*Main menu on state*/
div#index p#nav span#t-index a, div#aboutus p#nav span#t-aboutus a, div#thefriends p#nav span#t-thefriends a, div#whatson p#nav span#t-whatson a, div#cathedralandcollege p#nav span#t-cathedralandcollege a, div#staywithus p#nav span#t-staywithus a, div#contactus p#nav span#t-contactus a {
	color: #006699;
	text-decoration: none;
}

/*Nav bar state for on the index and small print pages*/
div#index p#nav a, div#termsandconditions p#nav a, div#privacypolicy p#nav a, div#constitution p#nav a {
	color: #006699;
}

#nav a:link {
	color: #8FC3E7;
	text-decoration: none;
}
#nav a:visited {
	color: #8FC3E7;
	text-decoration: none;
}
#nav a:hover {
	color: #003366;
	text-decoration: underline;
}
#nav a:active {
	color: #006699;
	text-decoration: none;
}






/*Secondary nav bar HORIZONTAL*/

p#navwhatson { 
	margin: 1.7em 0 0em 0;
	font: 0.8em/1em Verdana, Arial, Helvetica, sans-serif;
	margin: 25px 25px 0px 25px;
	color: #999966;
}

/*what's On secondary nav on state*/
div#january p#navwhatson span#w-january a, div#february p#navwhatson span#w-february a, div#march p#navwhatson span#w-march a, div#april p#navwhatson span#w-april a, div#may p#navwhatson span#w-may a, div#june p#navwhatson span#w-june a, div#july p#navwhatson span#w-july a, div#august p#navwhatson span#w-august a, div#september p#navwhatson span#w-september a, div#october p#navwhatson span#w-october a, div#november p#navwhatson span#w-november a, div#december p#navwhatson span#w-december a, div#lookingAhead p#navwhatson span#w-lookingAhead a, div#spring09 p#navwhatson span#w-spring09 a, div#summer09 p#navwhatson span#w-summer09 a, div#autumn09 p#navwhatson span#w-autumn09 a, div#winter09 p#navwhatson span#w-winter09 a 
{
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

/*Cathedral and College secondary nav on state*/
div#serviceTimes p#navwhatson span#w-serviceTimes a, div#stayAtTheCollege p#navwhatson span#w-stayAtTheCollege a, div#congregationGroups p#navwhatson span#w-congregationGroups a, div#theCathedralChoir p#navwhatson span#w-theCathedralChoir a, div#findUs p#navwhatson span#w-findUs a, div#musicResourcesFund p#navwhatson span#w-musicResourcesFund a
{
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

p#navwhatson a:link {
	color: #999966;
	text-decoration: none;
}
p#navwhatson a:visited {
	color: #999966;
	text-decoration: none;
}
p#navwhatson a:hover {
	color: #036;
	text-decoration: underline;
}
p#navwhatson a:active {
	color: #006699;
	text-decoration: none;
}
.breaks {
margin: 28px 25px 0 23px;
}






/*sidebar menus: currently not used*/

#secondarynav {
	margin: 26px 0 0 25px;
	font: 1em/1em Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 150px;
	padding: 0px;
	display: inline; /*fixes IE/Win double margin bug where a floated object has left- or right-hand margins*/
}
ul#secondarynav li#n-september a:hover, ul#secondarynav li#n-october a:hover, ul#secondarynav li#n-november a:hover, ul#secondarynav li#n-december a:hover, ul#secondarynav li#n-january a:hover, ul#secondarynav li#n-february a:hover {
	background: #CCCC99;
	padding: 5px 6px 6px 6px;
	width: 138px;
	display: block;
	margin: 0;
	border-bottom: 2px solid #FFFFFF;
	color: #663;	
}
#secondarynav li {
	list-style: none;
	margin: 0;
}
#secondarynav a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 6px 6px 6px;
	width: 138px;
	display: block;
	margin: 0;
	border-bottom: 2px solid #FFFFFF;
	background: #999966;
}	
#secondarynav li.secondarynavpic {
	list-style: none;
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/millport_bay.jpg) #FFFFFF;
	width: 150px;
	height: 150px;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #FFFFFF;
}	
ul#secondarynav a:link{
	text-decoration: none;
	color: #FFFFFF;
}
/*2 coloumn page rh used with sidebar nav: currently not used*/
#contentrighthand {
	width: 460px;
	margin: 26px 40px 0 200px;
	padding: 0;
}






/*main copy styles. #contentsmallprint, #contentsinglecolumn and#contentwhatson are single column, #content is 385px column, (#contentrighthand used with sidebar nav: currently not used)*/
#contentsmallprint, #contentwhatson {
	clear: both;
	width: 650px;
	margin: 26px 25px 0 25px;
	padding: 0;
	float: left;
	display: inline; /*fixes IE/Win double margin bug where a floated object has left- or right-hand margins*/
}
#contentsinglecolumn {
	width: 650px;
	margin: 26px 0px 0 35px;
	padding: 0 40px 0 0;
	float: left;
	display: inline; /*fixes IE/Win double margin bug where a floated object has left- or right-hand margins*/
}
/*Index page*/
#content {
	clear: both;
	width: 385px;
	overflow: hidden;
	margin: 26px 0 0 25px;
	padding: 0;
	float: left;
	display: inline; /*fixes IE/Win double margin bug where a floated object has left- or right-hand margins*/
}
/*single column 385px right float*/
#contentsinglecolumnrightfloat {
	width: 365px;
	float: right;
	margin: 0 20px 0 0;
	display: inline; /*fixes IE/Win double margin bug where a floated object has left- or right-hand margins*/
}
#content p, #contentsmallprint p, #contentrighthand p, #contentsinglecolumn p {
	font: 0.8em/1.7em normal Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0 0 1em 0;
}
#contentwhatson p {
	font: 0.8em/1.7em normal Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0 0 0.5em 0;
}
#content p.pageheading, #contentwhatson p.pageheading, #contentrighthand p.pageheading, #contentsinglecolumn p.pageheading{
	font: 0.8em/1.7em normal Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1.5em 0;
}
#content p.standfirst, #contentsmallprint p.standfirst, #contentrighthand p.standfirst, #contentsinglecolumn p.standfirst {
	font: 1em/1.6em normal Georgia, "Times New Roman", Times, serif;
	color: #069;
	margin: 1.5em 0 0.9em 0;
}
#contentwhatson p.standfirst{
	font: 1em/1.6em normal Georgia, "Times New Roman", Times, serif;
	color: #069;
	margin: 0 0 0.7em 0;
	padding-bottom: 0.5em;
}
#contentwhatson p.standfirstnorule{
	font: 1em/1.6em normal Georgia, "Times New Roman", Times, serif;
	color: #069;
	margin: 0 0 0.3em 0;
}
#content li, ul, ol{
	font: 0.8em/1.7em normal Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 0 0 1em 0;
}
#content h1 {
	font: 1.5em/1.4em normal Georgia, "Times New Roman", Times, serif;
	color: #996;
	margin: 0 0 0.9em 0;
}
#contentwhatson h2 {
	font: 1.2em/1.1em Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #069;
	margin: 1em 0 0.5em 0;
}
#content h3, #contentsmallprint h3, #contentrighthand h3, #contentsinglecolumn h3, #contentsinglecolumnrightfloat h3 {
	font: bold 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #069;
	margin: 3em 0 0.8em 0;
}

#content h3.firstline, #contentsmallprint h3.firstline, #contentrighthand h3.firstline, #contentsinglecolumn h3.firstline, #contentsinglecolumnrightfloat h3.firstline {
	color: #069;
	margin: 0.5em 0 0.8em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	font-weight: bold;
}
#content h4, #contentsmallprint h4, #contentrighthand h4, #contentsinglecolumn h4 {
	font: 0.8em/1.7em bold Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	margin: 1.2em 0 0.3em 0;
}


#content a:link, #contentwhatson a:link, #contentsmallprint a:link, #contentsinglecolumn a:link{
	text-decoration: underline;
	color: #666;
}
#content a:visited, #contentwhatson a:visited, #contentsmallprint a:visited, #contentsinglecolumn a:visited {
	text-decoration: none;
	color: #666;
}
#content a:hover, #contentwhatson a:hover, #contentsmallprint a:hover, #contentsinglecolumn a:hover {
	text-decoration: underline;
	color: #339;
}
#content a:active, #contentwhatson a:active, #contentsmallprint a:active, #contentsinglecolumn a:active {
	text-decoration: underline;
	color: #339;
}






/*What's on events copyboxes and divs for the diary pages. Floats a pic left and copy right with .whatsoncopyrightfloat, clears it with .whatsonpiccolumn*/
.whatsoncopyrightfloat {
	width: 400px;
	float: right;
	margin: 0 0 0 0;
}
.whatsonpiccolumn {
	clear: both;
	margin: 0 0px 0 0px;
	padding-bottom: 0.5em;
	border-top: #666666 dotted 1px;
}





/*What's on index pp styling. #colourcolumn is the rh column on the index pp*/

#colourcolumn {
	width: 220px;
	margin: 0 15px 0 0;
	padding: 0 15px 0 15px;
	background: #996 url(images/small_column_rpt.gif) repeat-y top left;
	float: right;
	display: inline;
}
#colourcolumnbase {
	float: right;
	display: inline;
	margin: 0px 15px 0 0;
	width: 250px;
}
#colourcolumn p {
	font: 0.75em/1.4em normal Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0 0 0.1em 0;
}
#colourcolumn p.rule {
	font: 0.75em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0.1em 0 0.1em 0;
	padding-bottom: 1em;
	border-bottom: #666666 dotted 1px;
}
#colourcolumn p.morelikethis {
	font: 0.75em/1.3em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	margin: 1em 0 1.2em 0;
}
#colourcolumn h2 {
	font: 1.2em/1.1em Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #069;
	margin: 0.5em 0 0em 0;
}
#colourcolumn h3 {
	font: bold 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #069;
	margin: 0.5em 0 0.5em 0;
	padding-bottom: 1em;
	border-bottom: #666666 dotted 1px;
}
#contentwhatson h3 {
	font: bold 0.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #069;
	margin: 0.5em 0 0.3em 0;
	padding-bottom: 1em;
	border-bottom: none;
}
#contentwhatson h3.norule {
	font: bold 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #069;
	margin: 0em 0 0em 0;
	border-bottom: none;
	padding-bottom: 0.5em;
}
#colourcolumn h3.norule {
	font: bold 0.7em/3.0em Verdana, Arial, Helvetica, sans-serif;
	color: #069;
	margin: 0em 0 0em 0;
	border-bottom: none;
}
#colourcolumn h4, #contentwhatson h4 {
	font: 0.9em/1.5em normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #996;
	margin: 0.9em 0 0.7em 0;
}

/*main links for the what's on index col*/
#contentwhatson a:link {
	text-decoration: none;
	color: #666;
}
#contentwhatson a:visited {
	text-decoration: none;
	color: #666;
}
#contentwhatson a:hover {
	text-decoration: underline;
	color: #036;
}
#contentwhatson a:active {
	text-decoration: underline;
	color: #036;
}
/*main links for the what's on index col*/
#colourcolumn a:link{
	text-decoration: none;
	color: #069;
}
#colourcolumn a:visited {
	text-decoration: none;
	color: #069;
}
#colourcolumn a:hover {
	text-decoration: underline;
	color: #036;
}
#colourcolumn a:active {
	text-decoration: underline;
	color: #036;
}

/*links for 'You can see more...' at the bottom of the What's On index col*/
#colourcolumn p.morelikethis a:link {
	text-decoration: none;
	color: #666;
}
#colourcolumn p.morelikethis a:visited {
	text-decoration: none;
	color: #666;
}
#colourcolumn p.morelikethis a:hover {
	text-decoration: underline;
	color: #069;
}
#colourcolumn p.morelikethis a:active {
	text-decoration: underline;
	color: #069;
}



/*Join the Friends box on index page*/
#joinusbox {
	width: 220px;
	margin: 10px 15px 10px 0;
	padding: 10px 15px 13px 15px;
	background: #069 url(images/FriendsBoxMillport.jpg) no-repeat bottom;
	float: right;
	display: inline;
}
#joinusbox p {
	font: 1.0em/1.3em normal "Times New Roman", Times, serif;
	letter-spacing: 0.0em;
	color: #FFFFFF;
	border-top: #fff dotted 1px;
	margin: 4px 0 0em 0;
	padding: 8px 0 0 0;
}
/*links for the 'The Friends!' box*/
#joinusbox a:link {
	text-decoration: none;
	color: #fff;
}
#joinusbox a:visited {
	text-decoration: none;
	color: #fff;
}
#joinusbox a:hover {
	text-decoration: underline;
	color: #036;
}
#joinusbox a:active {
	text-decoration: underline;
	color: #036;
}




/*ClassicalGuitar Retreat index page*/
#guitarretreatbox {
	width: 220px;
	margin: 0px 15px 10px 0;
	padding: 0px 15px 13px 15px;
	background: #000000 url(images/guitar3.jpg) no-repeat bottom right;
	float: right;
	display: inline;
}
#guitarretreatbox p {
	font: 0.9em/1.3em normal Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0em;
	color: #FFFFFF;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#guitarretreatbox a:link {
	text-decoration: underline;
	color: #fff;
}
#guitarretreatbox a:visited {
	text-decoration: none;
	color: #fff;
}
#guitarretreatbox a:hover {
	text-decoration: underline;
	color: #996;
}
#guitarretreatbox a:active {
	text-decoration: underline;
	color: #996;
}
#guitarretreatbox h4 {
	font: 1.0em/1.5em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	color: #FFFFFF;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#guitarretreatbox h4.gold {
color: #999966;
}

#gtrheading {
	width: 230px;
	margin: 22px 15px 0px 6px;
	padding: 0px 15px 0px 5px;
	background: #478997;
	float: right;
	display: inline;
}



/*Art Retreat index page*/
#artretreatbox {
	width: 220px;
	margin: 0px 15px 10px 0;
	padding: 0px 15px 13px 15px;
	background: #cccab8 url(images/watercolour.jpg) no-repeat bottom right;
	float: right;
	display: inline;
}
#artretreatbox p {
	font: 0.9em/1.3em normal Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0em;
	color: #000000;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#artretreatbox a:link {
	text-decoration: underline;
	color: #069;
}
#artretreatbox a:visited {
	text-decoration: none;
	color: #069;
}
#artretreatbox a:hover {
	text-decoration: underline;
	color: #996;
}
#artretreatbox a:active {
	text-decoration: underline;
	color: #996;
}
#artretreatbox h4 {
	font: 1.0em/1.5em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	color: #069;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#artretreatbox h4.gold {
	color: #069;
}

#artretreatheading {
	width: 230px;
	margin: 22px 15px 0px 6px;
	padding: 0px 15px 0px 5px;
	background: #069;
	float: right;
	display: inline;
}



/*Newsletter index page*/
#newsletterbox {
	width: 220px;
	margin: 0px 15px 10px 0;
	padding: 0px 15px 13px 15px;
	background: #6489cf url(images/seagulls.jpg) no-repeat bottom right;
	float: right;
	display: inline;
}
#newsletterbox p {
	font: 1em/1.4em normal Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0em;
	color: #333333;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#newsletterbox a:link {
	font: 0.9em/1.4em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	text-decoration: underline;
	color: #036;
}
#newsletterbox a:visited {
	font: 0.9em/1.4em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	text-decoration: none;
	color: #036;
}
#newsletterbox a:hover {
	font: 0.9em/1.4em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	text-decoration: underline;
	color: #fff;
}
#newsletterbox a:active {
	font: 0.9em/1.4em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	text-decoration: underline;
	color: #fff;
}
#newsletterbox h4 {
	font: 1.0em/1.5em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	color: #FFFFFF;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#newsletterbox h4.DarkBlue {
	color: #003366;
}

#newsletterheading {
	width: 230px;
	margin: 22px 15px 0px 6px;
	padding: 0px 15px 0px 5px;
	background: #036;
	float: right;
	display: inline;
}








/*ClassicalGuitar Retreat What's on page*/
#guitarretreatwhatson {
	width: 620px;
	margin: 0px 15px 20px 0;
	padding: 0px 15px 13px 15px;
	background: #000000 url(images/guitar3.jpg) no-repeat bottom right;
	float: left;
	display: inline;
}
#guitarretreatwhatson p {
	font: 0.9em/1.3em normal Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0em;
	color: #FFFFFF;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#guitarretreatwhatson a:link {
	text-decoration: underline;
	color: #fff;
}
#guitarretreatwhatson a:visited {
	text-decoration: none;
	color: #fff;
}
#guitarretreatwhatson a:hover {
	text-decoration: underline;
	color: #996;
}
#guitarretreatwhatson a:active {
	text-decoration: underline;
	color: #996;
}
#guitarretreatwhatson h4 {
	font: 1.0em/1.5em normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0em;
	color: #FFFFFF;
	margin: 4px 0 4px 0;
	padding: 6px 0 0 0;
}
#guitarretreatwhatson h4.gold {
color: #999966;
}

#gtrheadingwhatson {
	width: 630px;
	margin: 0px 15px 0px 0px;
	padding: 0px 15px 0px 5px;
	background: #478997;
	float: left;
	display: inline;
}


/*Small print menu bar bottom of page */

#smallprint {
	text-align: center; 
	font-size: 0.7em;
	display: block;
	margin: 30px 0 0 0;
	color: #999999;
	clear: both;
}
#smallprint a:link {
	text-decoration: none;
	color: #666666;
}
#smallprint a:visited {
	text-decoration: none;
	color: #666666;
}
#smallprint a:hover {
	text-decoration: underline;
	color: #006699;
}
#smallprint a:active {
	text-decoration: underline;
	color: #006699;
}



/*Misc typographic*/

.bold {
	font-weight: bolder;
}	



/*Pictures*/

.mainpic {
	float: left;
	margin: 6px 1.2em 6px 0;
}
.mainpic {
	float: left;
	margin: 6px 1.2em 6px 0;
}
.picfloatleft {
	float: left;
	border: solid 1px #666666;
	margin: 23px 0 0 0em;
}
.picfloatleftnoborder {
	float: left;
	margin: 23px 0 0 0em;
}
.picleftcontentsinglecol {
	float: left;
	margin: 30px 0 0 0em;
}
#colourcolumn img.pic {
	border: solid 1px #666666;
	margin: 10px 0 5px 0;
}
.rightpic {
	float: right;
	margin: 8px 30px 40px 1.5em;
}
.leftpic {
	float: left;
	margin: 8px 1.5em 40px 0;
}
.leftpicborder {
	float: left;
	margin: 8px 1.5em 40px 0;
	border: solid 1px #666666;
}
.leftpic30pxright {
	float: left;
	margin: 0px 30px 20px 0;
}
.homepagepic {
	float: left;
	margin: 8px 1.5em 20px 0;
}
.whatsonpicnorule {
	float: left;
	margin: 6px 1.2em 3.5em 0;
}
.whatsonpic {
	float: right;
	margin: 15px 15px 0 0;
	width: 250px;
}
.goldRule {
	border-bottom:dotted #999966 1px;
	margin: 0 0 0 10px;
}




/*autoclear floats without adding content*/
#nav2:after, #sidebar2:after, #content2:after {/*Autoclear for browsers that support :after (not IE7) see pp111- Cederholm)*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html #nav2, #sidebar2, #content2 {height: 1%} /*IE5, 6 still read * html: other browsers ignore this declaration (see pp113 Cederholm)*/
*:first-child+html #nav2, #sideba2r, #content2 {min-height: 1px} /*for IE7 which will ignore the :after hack (see pp113 Cederholm)*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;

}