html  	{	margin: 0; 
		height: 100%;
		}


body 	{		margin: 0; 
			padding: 0; 
			background-color: #fff;
			background-image:url('waves.jpg');
			background-repeat: no-repeat;
			background-attachment:fixed;
			background-position: center;
			}


#center {		position: relative;
			top: 0px;
			margin: 0 auto;  
			width: 860px;
			padding: 0px 0px 0px 0px;
			background-color: #fff;
			
			}

#west {
				position: absolute;
				top: 12px;
				left: 14px;
				z-index: 20;
				color: #a2866a;
				font-size:2em;
				font-weight: normal;
				font-family: century gothic ;
				line-height: 0.8em
				}

#bangor {
				position: absolute;
				top: 67px;
				left: 14px;
				z-index: 20;
				color: #a2866a;
				font-size:1em;
				font-weight: normal;
				font-family: century gothic ;
		    letter-spacing: 2px
				}


				
				
				
	
							
h1 		{
		font-family: inherit;
		font-size: 2em;
		font-weight: bold;
		margin: 0;
		z-index:20
		}

h3		{
		font-family: inherit;
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: -12px;
		line-height: 20px;
		z-index:20
		}

h4		{margin: 0; padding: 0; display: inline}
		
body 	{
			font-size:1em;
			font-family: arial, Century Gothic;
			}
			
img 	{
			border: none
			}



#bannerlogo	{
			position: absolute;
			top: 8px;
			left: 760px;}
	
		
			



#currentdate	{
			position: absolute;
			top: 37px;
			left: 640px;
			color: #a2866a;
			background-color: transparent;
			text-align: center;
			font-size: 0.8em;
			}	

hr 
{

border: 0;	
width: 100%; 
color: white;
background-color: white; 
height: 1px; 
}


#boxline
			{
			margin: 0px 0px 10px 0px;
			border: #F1E9DC 2px solid;
			color: #333;
			font-family: century gothic;
			font-size:0.8em;
			padding: 0px 10px 0px 10px;
			}


#menu					{
							position: absolute;
							top: 100px;
							left: 10px;
							width: 130px;
							}

#menubox			{
							position: relative;
							margin: 0px 0px 4px 0px;
							}						

#menuboxhome
							{
							color: white;
							background-color: #F14330;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}
							
#menuboxaboutus
							{
							color: white;
							background-color: #F9963C;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}

#menuboxmagazine
							{
							color: white;
							background-color: #3E5FB7;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}
							
#menuboxevents
							{
							color: white;
							background-color: #FC6565;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}

#menuboxcourses
							{
							color: white;
							background-color: #5AAD61;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}

#menuboxgroups
							{
							color: white;
							background-color: #7353B5;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}

#menuboxchildren
							{
							color: white;
							background-color: #F3B53F;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}

#menuboxyouth
							{
							color: white;
							background-color: #728B7A;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}

#menuboxactivities
							{
							color: white;
							background-color: #AC6293;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}

#menuboxcontactus
							{
							color: white;
							background-color: #4A999D;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px;
							margin: 0px 0px 4px 0px;
							}


#submenuboxaboutus
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #F9963C;
							display: block;
							padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}

#submenuboxmagazine
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #3E5FB7;
							display: block;
       				padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}

#submenuboxevents
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #FC6565;
							display: block;
       				padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}

#submenuboxcourses
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #5AAD61;
							display: block;
       				padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}

#submenuboxgroups
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #7353B5;
							display: block;
      				padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}

#submenuboxchildren
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #F3B53F;
							display: block;
       				padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}
							
#submenuboxyouth
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #728B7A;
							display: block;
       				padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}

#submenuboxactivities
							{
							position: relative;
							left:6px;
							color: white;
							background-color: #AC6293;
							display: block;
       				padding: 4px 0px 4px 10px;
							width: 135px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							letter-spacing: 1px;
       				margin: 0px 0px 4px 0px;
							}



a:link.home, a:link.aboutus, a:link.magazine, a:link.events, a:link.courses, a:link.children, a:link.youth, a:link.groups, a:link.activities, a:link.contact
							{
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px
							}
							
a:visited.home, a:visited.aboutus, a:visited.magazine, a:visited.events, a:visited.courses, a:visited.children, a:visited.youth, a:visited.groups, a:visited.activities, a:visited.contact
							{
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 100%;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em;
							letter-spacing: 1px
							}

a:hover.home 				{background-color: #F14330}
a:hover.aboutus 		{background-color: #F9963C}
a:hover.magazine 		{background-color: #3E5FB7}
a:hover.events 			{background-color: #FC6565}
a:hover.courses 		{background-color: #5AAD61}
a:hover.groups 			{background-color: #7353B5}
a:hover.children 		{background-color: #F3B53F}
a:hover.youth 			{background-color: #728B7A}
a:hover.activities 		{background-color: #AC6293}
a:hover.contact 		{background-color: #4A999D}



a:link.subaboutus, a:visited.subaboutus
							{
							position: relative;
							left: 6px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 125px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							border-left: 6px solid #F9963C;
							}
							
a:link.submagazine, a:visited.submagazine
							{
							position: relative;
							left: 6px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 125px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							border-left: 6px solid #3E5FB7;
							}
							
a:link.subcourses, a:visited.subcourses
							{
							position: relative;
							left: 6px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 125px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							border-left: 6px solid #5AAD61;
							}

a:link.subgroups, a:visited.subgroups
							{
							position: relative;
							left: 6px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 125px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							border-left: 6px solid #7353B5;
							}

a:link.subchildren, a:visited.subchildren
							{
							position: relative;
							left: 6px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 125px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							border-left: 6px solid #F3B53F;
							}

a:link.subyouth, a:visited.subyouth
							{
							position: relative;
							left: 6px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 125px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							border-left: 6px solid #728B7A;
							}

a:link.subactivities, a:visited.subactivities
							{
							position: relative;
							left: 6px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 4px;
							width: 125px;
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.8em;
							border-left: 6px solid #AC6293;
							}



a:hover.subaboutus {background-color: #F9963C}
a:hover.submagazine {background-color: #3E5FB7}
a:hover.subevents {background-color: #FC6565}
a:hover.subcourses {background-color: #5AAD61}
a:hover.subgroups {background-color: #7353B5}
a:hover.subchildren {background-color: #F3B53F}
a:hover.subyouth {background-color: #728B7A}
a:hover.subactivities {background-color: #AC6293}




li {line-height:1.5em}





#column2 	{
					position: absolute;
					top: 100px;
					left: 170px;
				  width: 215px;

					}


#column3 	{
					position: absolute;
					top: 100px;
					left: 400px;
				  width: 215px;
				  }
				
				
#column2b {
					position: relative;
					top:0px;
      		width: 215px;
					}


#column3b 	{
          	position: absolute;
						top: 0;
						left: 230px;
      			width: 215px;
						}
					
#doublecolumn 	{
								position: absolute;
								top: 100px;
								left: 170px;
				  			width: 445px;
				  			margin-bottom: 20px
								}


#column4 	{
					position: absolute;
					top: 100px;
					left: 640px;
				  width: 205px;
				
					}

#box 	{
			margin: 0px 0px 15px 0px;
			background-color: #F1E9DC;
			color: black;
			font-family: century gothic, arial;
			font-size:0.9em;
			padding: 5px 10px 5px 10px;
			line-height: 1.2em;
			}






#title2 	{
				position: relative;
				text-align: left;
				display: block;
      				font-family: Century Gothic;
				font-size: 1.2em;
				font-weight: bold;
				color: white;
				background-color: #BA8F7A;
				z-index: 20;
				margin: 0px 0px 5px 0px;
				border-left: 3px solid red;
				left: 0px;
				padding-left: 10px
				}



.inbox 	{
				float: left;
				padding: 0px 12px 0px 0px;

				}

a.link {text-decoration: none; color: black}

a:hover.link {text-decoration: underline; color: black}

a:link.quicklink, a:visited.quicklink {text-decoration: none; color: white}

a:hover.quicklink {text-decoration: underline; color: white}

a.diary {text-decoration: underline; color: black}

#diary 	{
				position: absolute;
				top: 1.4em;
				left: 0;
				
				width: 215px;
				font-family: Century Gothic;
				
				z-index: 10;
				
				}





					
		

ul.diary 	{
					padding: 3px 5px 5px 10px;
					list-style:none;
					margin: 0px 0 0 0 ;
					font-size:0.8em;
					background-color: #F1E9DC;
					
					}

	

#diarybox			{
							position: relative;
							margin: 2px 0px 2px 0px;
							color: white;
							background-color: #a2866a;
							display: block;
							padding: 6px;
							
							text-decoration: none;
							font-family: eurostile;
							font-weight: bold;
							font-size: 0.9em			
							}


ul.blank 	{
					padding: 0px;
					list-style: none;
					margin: 0px;
					font-size: 1em;
					
					}	

#letter {font-size: 5em; font-weight: bold; padding: 15px 0px 19px 0px}

big {font-size: 300%;}

small {font-size: 80%;}

#quotehome {margin: 20px; font-family:eurostile, Century Gothic, arial, Edwardian Script, times new roman ; color: #a2866a; text-align:center; font-weight: bold; font-size:1.3em; font-style: normal; line-height:1em}

#quote {margin: 20px; font-style: italic; text-align:center; font-size:130%}