﻿

/* Color and Font Legend 

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Source Sans Pro', sans-serif;

font-family: 'PT Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'PT Serif', serif;

font-family: 'Droid Sans', sans-serif;
font-family: 'Droid Sans Mono', sans-serif;
font-family: 'Droid Serif', serif;

font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;

*/


/* Reset */

html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }
	
input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

blockquote, q { quotes: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { 
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul, li	{ list-style: none; }

img			{ max-width:100%; }


/* Global */

html 	{	}
body		{ -webkit-font-smoothing: antialiased; 
			-webkit-text-size-adjust: 100%;
			background-image:url(../images/bg/grass.jpg);
			background-attachment:fixed;  }



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000;
							font-family: 'Roboto', Arial, Helvetica, sans-serif; }

h1 	{ font-size:24px; }
h2 	{ font-size:20px; }
h3 	{ font-size:16px; }
h4 	{ font-size:14px; }
h5 	{ font-size:14px; }
h6 	{ font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }



/* Text Elements */

p, li, a		{ font-family:'Roboto', Arial, Helvetica, sans-serif; }

p           	{ color:#000; font-size:12px; line-height:150%;  }
p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a           	{   }
a:link		{ color: #00f;  }
a:visited		{ color: #0f0;  }
a:active		{ color: #000;  }
a:focus		{ color: #666;  }
a:hover     	{ color: #f00;  }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		     { font-style: italic; }

/* Images */



/* Lists */

ul li		{ color:#000; font-size:12px; }
ol li	     { color:#000; font-size:12px; }

li			{ 	}

ul.square 	{ list-style: square outside; }
ul.circle 	{ list-style: circle outside; }
ul.disc 		{ list-style: disc outside; }

ul 			{ list-style: none outside; }
ol 			{ list-style: decimal; }









/* Containers */

#wrapper 			{ width:900px; padding:20px 40px; margin:0 auto;
					background-color:#fff; overflow:auto;   }

#top	 			{ margin:0 auto; width:900px; 
					    }
#top-bg			{ clear:both; overflow:auto;	}

#name			{ float:left;	}
#logo			{ 	}
#tagline			{ 	}
#slogan			{ 	}

#banner 			{ margin:20px auto; width:900px; border-top:16px #426E2B solid;    }
#banner-bg		{ clear:both; overflow:auto;	}

#subbanner 		{ margin:0px auto 30px auto; width:900px;     }   
#subbanner-bg		{ clear:both; 	}
#subbanner h1		{ font-weight:300; font-size:32px; font-weight:bold; color:#234325; font-family: Arial; text-align:center; line-height:140%; }

#social-media		{ margin:0 0 20px 0;	}
#social-media ul 	{ text-align:center;	}
#social-media ul li	{ display:inline; 	}
#social-media img	{ width:32px; height:32px;	}


#navbar {
	background: #FFFFFF;
	padding-top: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 100%;
	height: 20px;
	padding: 0 0 20px 0;
	}
#navbar span {
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;

	}
#navbar a {
	color: #FFFFCC;
	background: #336600;
	text-decoration: none;
	padding: 3px 20px 3px 20px;
	
	}
#navbar a:link, #navbar a:visited, #navbar a:active {
	border: 4px #000000 outset;
	border-radius: 25px;
	}
#navbar a:hover {
	color: #0000FF;
	background: #33CC33;
	border: 4px #ff6699 outset;

	}





#topnav 			{ margin-left: auto; margin-right: auto; width:600px;     }
#topnav-bg		{ clear:both; overflow:auto;	}

#topnav ul		{ text-align:right;	}
#topnav ul li		{ display:inline; 	}
#topnav ul li a	{ 	}

#topnav a:link		{ color:#000;	}
#topnav a:visited	{ color:#000;	}
#topnav a:active	{ color:#000;	}
#topnav a:hover	{ color:#000;	}
#topnav a:focus	{ color:#000;	}
#map	{
	margin-left: auto; 
	margin-right: auto;
}
#content-wrapper-bg	{ clear:both; overflow:auto;	}
#content-wrapper 	{ margin:0 auto; width:900px;     }

#content2

#leftnav 			{    }
#leftnav h2		{ 	}
#leftnav h3		{ 	}
#leftnav p		{ 	}
#leftnav img		{ 	}
#leftnav li		{ 	}
#leftnav a		{	}

#leftnav a:link		{ color:#000;	}
#leftnav a:visited		{ color:#000;	}
#leftnav a:active		{ color:#000;	}
#leftnav a:hover		{ color:#000;	}
#leftnav a:focus		{ color:#000;	}

#leftside 		{ float:left; width:400px; height:400px; margin:20px 0 40px 0; display:block; overflow:hidden; background:#E4F2E5; border-radius:25px; padding: 10px 0 0 20px; }
#leftside h2		{ 	}
#leftside h3		{ 	}
#leftside p		{ font-weight:300; font-size:14px; margin:10px 0; padding: 10px 10px 10px 10px;}
#leftside img		{ 	}
#leftside li		{ 	}
#leftside a		{	}

#leftside2 		{ float:left; width:400px; margin:0 0 40px 0; display:block; overflow:hidden; background:#E4F2E5; border-radius:25px; padding: 10px 0 0 20px; height:300px;}
#leftside2 p     { font-weight:300; font-size:14px; margin:10px 0; padding: 0px 10px 10px 10px;}		
	
#rightside 		{ float:right; width:400px; height:400px; margin:20px 0 40px 0; display:block; overflow:hidden; background:#E4F2E5; border-radius:25px; padding: 10px 0 0 20px; }
#rightside h2		{ font-weight:300; font-size:34px; margin:15px 0;	}
#rightside h3		{ font-weight:300; font-size:24px; margin:25px 0 5px 0;	}
#rightside p		{ font-weight:300; font-size:14px; margin:10px 0; padding: 10px 10px 10px 10px;}
#rightside img		{ border-left:15px #006A9D solid;	}
#rightside li		{ 	}
#rightside a		{	}

#rightside2 		{ float:right; width:430px; margin:0 0 40px 0; display:block; overflow:hidden; background:#E4F2E5; border-radius:25px; padding: 10px 0 0 20px; height:300px;}

#rightside a:link		{ color:#000;	}
#rightside a:visited	{ color:#000;	}
#rightside a:active		{ color:#000;	}
#rightside a:hover		{ color:#000;	}
#rightside a:focus		{ color:#000;	}

#content 			{    }
#content-bg		{ clear:both; overflow:auto;	}

#content h1		{ 	}
#content h2		{ 	}
#content h3		{ 	}
#content h4		{ 	}
#content p		{ 	}
#content img		{ 	}
#content li		{ 	}
#content a		{	}

#content a:link	{ color:#000;	}
#content a:visited	{ color:#000;	}
#content a:active	{ color:#000;	}
#content a:hover	{ color:#000;	}
#content a:focus	{ color:#000;	}



#location			{ margin: 30px; }
#location h2		{ font-weight:300; font-size:42px; padding:0 0 10px 0;
					border-bottom:1px #006A9D solid; margin:0 0 20px 0; }
.address			{ font-weight:800; font-size:32px; color:#C8E4EE; padding:10px 0;	}
.telephone		{ font-weight:600; font-size:22px; color:#C8E4EE;	}
#bingmap	{
	margin-left: 30px;
	margin-right: auto;
}
#events			{	}
#events h2		{ font-weight:300; font-size:42px; padding:0 0 10px 0;
					border-bottom:1px #006A9D dotted; margin:0 0 20px 0;	}
#events h3		{ font-weight:300; color:#234325;font-size:32px; margin:30px 0 10px 0;	}
#events h4		{ font-weight:300;  color:#234325; font-size:22px; margin:10px 0;	}

#events p		{ font-weight:300; font-size:18px; margin:10px 0; color:#234325;	}
#events img		{ border-bottom:15px #009933 solid; margin-right:10px;	}
#events .last		{ margin-right:0px; }

#events a			{ font-size:14px; font-weight:400; margin-left:-6px; }
#events a:link		{ color:#234325; background-color:#fff; padding:2px 6px; border-radius:2px;	}
#events a:visited	{ color:#000; background-color:#fff; padding:2px 6px; border-radius:2px;	}
#events a:active	{ color:#000; background-color:#fff; padding:2px 6px; border-radius:2px;	}
#events a:hover	{ color:#fff; background-color:#006A9D; padding:2px 6px; border-radius:2px;	}
#events a:focus	{ color:#fff; background-color:#006A9D; padding:2px 6px; border-radius:2px;	}

#events1			{ width:900px; margin:0 auto; overflow:auto; background:#E4F2E5; border-radius:25px; margin: 0 0 20px 0;}
#events1 h4    { padding: 10px 10px 10px 20px;}
#events1 h4 a   { background-color:#e4f2e5;     }

#events1 a			{ font-size:22px; font-weight:300; margin-left:-6px; }
#events1 a:link		{ color:#234325; background-color:#E4F2E5; padding:2px 6px; border-radius:2px;	}
#events1 a:visited	{ color:#000; background-color:#E4F2E5; padding:2px 6px; border-radius:2px;	}
#events1 a:active	{ color:#000; background-color:#fff; padding:2px 6px; border-radius:2px;	}
#events1 a:hover	{ color:#fff; background-color:#006A9D; padding:2px 6px; border-radius:2px;	}
#events1 a:focus	{ color:#fff; background-color:#006A9D; padding:2px 6px; border-radius:2px;	}


#events2			{ width:900px; margin:0 auto;
					background-color:#fff; overflow:auto; border-top: 16px #426e2b solid;   }
#events2 h2		{ font-weight:300; font-size:42px; padding:0 0 10px 0;
					border-bottom:1px #006A9D dotted; margin:0 0 20px 0;	}
#events2 h3		{ font-weight:300; color:#234325;font-size:32px; margin:30px 0 10px 0;	}
#events2 h4		{ font-weight:300;  color:#234325; font-size:22px; margin:10px 0;	}
#events2 h6    { font-weight:300;  color:#234325; font-size:20px; margin:10px 0;	}

#events2 p		{ font-weight:300; font-size:18px; margin:10px 0; color:#234325;	}
#events2 img		{ border-bottom:15px #009933 solid; margin-right:10px;	}
#events2 .last		{ margin-right:0px; }

#events2 a			{ font-size:14px; font-weight:400; margin-left:-6px; }
#events2 a:link		{ color:#000; background-color:#fff; padding:2px 6px; border-radius:2px;	}
#events2 a:visited	{ color:#000; background-color:#fff; padding:2px 6px; border-radius:2px;	}
#events2 a:active	{ color:#000; background-color:#fff; padding:2px 6px; border-radius:2px;	}
#events2 a:hover	{ color:#fff; background-color:#006A9D; padding:2px 6px; border-radius:2px;	}
#events2 a:focus	{ color:#fff; background-color:#006A9D; padding:2px 6px; border-radius:2px;	}


#footer 			{ margin:20px auto; width:900px;     }
#footer-bg		{ clear:both; overflow:auto;	}
#footer p			{ 	}

#footer a:link		{ color:#000;	}
#footer a:visited	{ color:#000;	}
#footer a:active	{ color:#000;	}
#footer a:hover	{ color:#000;	}
#footer a:focus	{ color:#000;	}






/* Miscellaneous  */

.copyright-text	{ font-size:10px; font-style:italic; color:#333; }
.footer-text		{ font-size:12px; font-style:normal; color:#000; text-align:center; }

.title			{ font-size:18px; font-weight:bold; color:#333;  }
.subtitle			{ font-size:14px; font-style:italic; color:#333;  }

.artist			{ font-size:16px; font-weight:bold; color:#333;  }
.author			{ font-size:14px font-weight:bold; color:#555;  }
.editor			{ font-size:14px font-style:italic; color:#555;  }

.pub-date			{ font-size:10px font-style:italic; color:#555; }
.article-date		{ font-size:10px font-style:italic; color:#555;  }
.location			{ font-size:10px font-style:italic; color:#555;  }

.float-right		{ float:right; }
.float-left		{ float:left; }
.clear			{ clear:both; }

.left			{ text-align:left; }
.center			{ text-align:center; }
.right			{ text-align:right; }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }
.inline-block		{ display:inline-block; }
.inline-table		{ display:inline-table; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added      		{ background:#D7D7FF; }
.removed    		{ background:#FFCECE; color:#f00; }
.changed			{ background:#FFB; }


.red-bg			{ background-color:#900; background-image:url(../images/bg/red.fw.png); background-repeat:repeat-x; }
.yellow-bg		{ background-color:#E6E600; background-image:url(../images/bg/yellow.fw.png); background-repeat:repeat-x; }
.orange-bg		{ background-color:#F96;	background-image:url(../images/bg/orange.fw.png); background-repeat:repeat-x; }
.green-bg			{ background-color:#393; background-image:url(../images/bg/green.fw.png); background-repeat:repeat-x; }
.blue-bg			{ background-color:#36F; background-image:url(../images/bg/blue.fw.png); background-repeat:repeat-x; }
.purple-bg		{ background-color:#66F; background-image:url(../images/bg/purple.fw.png); background-repeat:repeat-x; }

.red-txt			{ color:#994D4D; }
.yellow-txt		{ color:#FF0; }
.orange-txt		{ color:#F90; }
.green-txt		{ color:#0F0 }
.blue-txt			{ color:#00A5F4; }
.purple-txt		{ color:#93F; }






/* Border styles */

.embossed-light 		{ border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.7); }
.embossed-heavy 		{ border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);	}

.gradient-light-linear 	{ background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); }
.gradient-dark-linear 	{ background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0)); }
.gradient-light-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.4), rgba(255,255,255,0)); }
.gradient-dark-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(0,0,0,0.15), rgba(0,0,0,0)); }	

.light-rounded 		{ border-radius: 3px; }
.heavy-rounded 		{ border-radius: 8px; }
.full-rounded 			{ border-radius: 50%; }
.barrel-rounded 		{ border-radius: 20px/60px; }

