body {
	color: #79889d;
	background: url(http://www.sanjuanisland.org/redo/images/aerial.jpg) no-repeat fixed center top;
	font-size: small;
	font-family:san serif;
	background-color: #79889d;
}


@font-face {
	font-family: 'GraublauWebRegular';
	src: url('fonts/graublauweb-webfont.eot');
	src: local('☺'), url('fonts/graublauweb-webfont.woff') format('woff'), url('fonts/graublauweb-webfont.ttf') format('truetype'), url('fonts/graublauweb-webfont.svg#webfontT7QjGc5w') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ProcionoTT';
	src: url('fonts/ProcionoTT.ttf');
	src: local('☺'), url('fonts/ProcionoTT.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GraublauWebBold';
	src: url('fonts/graublauwebbold-webfont.eot');
	src: local('☺'), url('fonts/graublauwebbold-webfont.woff') format('woff'), url('fonts/graublauwebbold-webfont.ttf') format('truetype'), url('fonts/graublauwebbold-webfont.svg#webfont8bJSPGae') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
    font-family: 'MidoMedium';
    src: url('http://www.sanjuanisland.org/fonts/Mido-webfont.eot');
    src: url('http://www.sanjuanisland.org/fonts/Mido-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.sanjuanisland.org/fonts/Mido-webfont.woff') format('woff'),
         url('http://www.sanjuanisland.org/fonts/Mido-webfont.ttf') format('truetype'),
         url('http://www.sanjuanisland.org/fonts/Mido-webfont.svg#MidoMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoRegular';
    src: url('http://www.sanjuanisland.org/fonts/Arimo-Regular-Latin-webfont.eot');
    src: url('http://www.sanjuanisland.org/fonts/Arimo-Regular-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Regular-Latin-webfont.woff') format('woff'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Regular-Latin-webfont.ttf') format('truetype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Regular-Latin-webfont.svg#ArimoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}

@font-face {
    font-family: 'ArimoItalic';
    src: url('http://www.sanjuanisland.org/fonts/Arimo-Italic-Latin-webfont.eot');
    src: url('http://www.sanjuanisland.org/fonts/Arimo-Italic-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Italic-Latin-webfont.woff') format('woff'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Italic-Latin-webfont.ttf') format('truetype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Italic-Latin-webfont.svg#ArimoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoBold';
    src: url('http://www.sanjuanisland.org/fonts/Arimo-Bold-Latin-webfont.eot');
    src: url('http://www.sanjuanisland.org/fonts/Arimo-Bold-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Bold-Latin-webfont.woff') format('woff'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Bold-Latin-webfont.ttf') format('truetype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-Bold-Latin-webfont.svg#ArimoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArimoBoldItalic';
    src: url('http://www.sanjuanisland.org/fonts/Arimo-BoldItalic-Latin-webfont.eot');
    src: url('http://www.sanjuanisland.org/fonts/Arimo-BoldItalic-Latin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-BoldItalic-Latin-webfont.woff') format('woff'),
         url('http://www.sanjuanisland.org/fonts/Arimo-BoldItalic-Latin-webfont.ttf') format('truetype'),
         url('http://www.sanjuanisland.org/fonts/Arimo-BoldItalic-Latin-webfont.svg#ArimoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansRoman';
    src: url('Vera-webfont.eot');
    src: url('Vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vera-webfont.woff') format('woff'),
         url('Vera-webfont.ttf') format('truetype'),
         url('Vera-webfont.svg#BitstreamVeraSansRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansOblique';
    src: url('Vera-Italic-webfont.eot');
    src: url('Vera-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vera-Italic-webfont.woff') format('woff'),
         url('Vera-Italic-webfont.ttf') format('truetype'),
         url('Vera-Italic-webfont.svg#BitstreamVeraSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansBold';
    src: url('Vera-Bold-webfont.eot');
    src: url('Vera-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vera-Bold-webfont.woff') format('woff'),
         url('Vera-Bold-webfont.ttf') format('truetype'),
         url('Vera-Bold-webfont.svg#BitstreamVeraSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansBoldOblique';
    src: url('Vera-Bold-Italic-webfont.eot');
    src: url('Vera-Bold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vera-Bold-Italic-webfont.woff') format('woff'),
         url('Vera-Bold-Italic-webfont.ttf') format('truetype'),
         url('Vera-Bold-Italic-webfont.svg#BitstreamVeraSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}


		h1.fontface {font: 60px/68px 'ArimoRegular', Arial, sans-serif;letter-spacing: 0;}

		p.style1 {font: 18px/27px 'ArimoRegular', Arial, sans-serif;}
		p.style2 {font: 18px/27px 'ArimoItalic', Arial, sans-serif;}
		p.style3 {font: 18px/27px 'ArimoBold', Arial, sans-serif;}
		p.style4 {font: 18px/27px 'ArimoBoldItalic', Arial, sans-serif;}
	
		h1.fontface {font: 60px/68px 'MidoMedium', Arial, sans-serif;letter-spacing: 0;}

		p.style1 {font: 18px/27px 'MidoMedium', Arial, sans-serif;}
		



.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#aaa; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #ddd;}
.headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: #ddd; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.contenth div {margin-left: 12px; padding-top: 5px;
} 

.main { 
		width: 851px;
		margin:0 auto;
		background-color: #AAAAAA;
		text-align:center;
}

font {
	font-family: 'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 12px;
	color: #134288;
	text-decoration: none;
}

p {font-family: 'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif; font-size: 13px; letter-spacing: 1px; line-height: 18px; color: #134288; text-decoration: none }

td {font-family: 'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif; font-size: 14px; color: #134288; text-decoration: none }

li {font-family: 'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif; font-size:8pt; color: #134288; style: square}

a:link { color: blue }

a:visited { color: purple }

a:hover { color: purple }

a:active { color: red }

table.table2 {color: #808080; border-width: 0; border-style: dotted}

table.table1 {color: #cccfd4; border-width: 2; border-style: solid; border-radius: 8px}

td.table2 { border-style: dashed; border-width: 0; color: #808080}

h1 {
	font-family: 'ProcionoTT', 'MidoMedium', Garamond, Palatino, Times New Roman, Times, serif;
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 26px;
	text-transform: capitalize;
	color:134288;
	text-align:center;
	margin-top:15px;
}

h2 { font-family: 'ProcionoTT', 'MidoMedium', Garamond, Palatino, Times New Roman, Times, serif; font-size: 14pt; color: #aavv66; decoration: bold }

h3{ font-family: 'ProcionoTT', 'MidoMedium', Garamond, Palatino, Times New Roman, Times, serif; font-size: 12pt; color: #aavv66; decoration: bold }

h3.lower { font-family: 'ProcionoTT', 'MidoMedium', Garamond, Palatino, Times New Roman, Times, serif; font-size: 10pt; color: #aavv66 }

p.lower { font-family: 'ProcionoTT', Garamond,Palatino,Times New Roman,Times,serif; font-size: 8pt; color: #aavv66 }

a.lowerlink:link {font-family: 'ProcionoTT', Garamond, Palatino, serif; font-size: 8pt; color: #ccc; text-decoration: underline}

a.lowerlink:visited {font-family: 'ProcionoTT', Garamond, Palatino, serif; font-size: 8pt; color: #ccc999; text-decoration: underline}

a.lowerlink:active {font-family: 'ProcionoTT', Garamond,Palatino,serif; font-size: 8pt; color: #134288; text-decoration: underline}

a.lowerlink:hover {font-family: 'ProcionoTT', Garamond,Palatino,serif; font-size: 8pt; color: #134288; text-decoration: underline}
.special {
	font-family: 'GraublauWebRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	color: #660066;
}


.column {
	width: 320px;
	font-family:'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #134288;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: thin solid #134288;
}


.news {
	width: 320px;
	height: 300px;
	overflow: scroll;
	font-family:'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #134288;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: thin solid #134288;
}

.events {
	width: 320px;
	height: 300px;
	overflow: scroll;
	font-family:'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #134288;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: thin solid #134288;
}
.eventsheader {
	font-family: 'ProcionoTT', 'MidoMedium', Garamond, Palatino, Times New Roman, Times, serif;
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 18px;
	text-transform: capitalize;
	color:134288;
	text-align:center;
	margin-top:15px;
}

.board {
	width: 320px;
	font-family:'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #134288;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: thin solid #134288;
	
	}
	
	p.advert {
	font-family:'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #134288;
	text-decoration: none;

	
	}
h1.board { font-family: 'ProcionoTT', 'MidoMedium', Garamond, Palatino, Times New Roman, Times, serif;
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 18px;
	text-transform: capitalize;
	color:134288;
	text-align:center;
	margin-top:15px; }




.meetings {
	width: 320px;
	font-family:'GraublauWebRegular', 'BitstreamVeraSansRoman', 'ArimoRegular', verdana, Palatino, serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #134288;
	text-decoration: none;
	padding: 2px 2px 2px 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: thin solid #134288;
}

h1.meetings { font-family: 'ProcionoTT', 'MidoMedium', Garamond, Palatino, Times New Roman, Times, serif;
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 18px;
	text-transform: capitalize;
	color:134288;
	text-align:center;
	margin-top:15px;}



		
		.menu {position:absolute; font:12px helvetica; background-color:#CCCCCC; layer-background-color:#CCCCCC}
		#fileMenu {left:10px; width:70px; top:-190px}
		#searchMenu {left:85px; width:100px; top:-190px}
		A {text-decoration:none; color:#000000}
#m3g3lm9k { }
#header { height: 200px; }


.style1 {
  font-size: 16px;
  font-family: 'ProcionoTT','MidoMedium', "Times New Roman", Times, serif;
}
.style6 {font-size: 13px}
.style9 {font-size: 13px; font-weight: bold; }
body {
  background-color: #79889d;
}
.style26 {
  font-size: 12px;
  font-weight: bold;
  color: #006600;
  font-family: 'ProcionoTT', 'MidoMedium', Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
.style45 {
  font-weight: bold;
  color: #006600;
  font-family: 'BitstreamVeraSansRoman', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.style46 {color: #660000}
.style50 {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.style60 {
  font-size: 18px;
  font-family: 'ProcionoTT', 'MidoMedium', "Times New Roman", Times, serif;
  color: #333366;
}
.style61 {
  font-size: 11px;
  font-family: 'BitstreamVeraSansRoman', Arial, Helvetica, sans-serif;
  color: #333366;
}
.style89 {color: #000000}
.style91 {
  font-family: 'ProcionoTT', 'MidoMedium', Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}
.style102 {
  font-size: 24px;
  font-weight: bold;
  font-family: 'ProcionoTT', 'MidoMedium', "Times New Roman", Times, serif;
}
.style105 {
  font-family: 'ProcionoTT', 'MidoMedium', "Times New Roman", Times, serif;
  font-size: 12px;
  color: #333333;
}
.style106 {color: #333333}
.style107 {
  font-family: 'ProcionoTT', 'MidoMedium', "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 18px;
  color: #0033CC;
}
.style108 {
  font-weight: bold;
  color: #660000;
  font-family: 'BitstreamVeraSansRoman', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.style109 {
  font-size: 15px;
  font-style: italic;
}
.style110 {font-size: 21px}
.style111 {font-size: 18px; color: #0033CC; font-family: 'ProcionoTT', 'MidoMedium', "Times New Roman", Times, serif;}
.style112 {
  font-family: 'ProcionoTT', 'MidoMedium', "Times New Roman", Times, serif;
  font-weight: bold;
}
.style113 {
  font-family: 'ProcionoTT', 'MidoMedium', Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}
.style114 {
  font-family: 'ProcionoTT', 'MidoMedium', "Times New Roman", Times, serif;
  font-style: italic;
}