/*

Blue: #417aaa
Yellow: #ffae00
Red:  #993300
Black: #333333
Light Grey: #7f7c73;

H1:
font-family: tahoma;
font-size: 18px;
font-weight: bold;
color: #417aaa;

H2:
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #417aaa;

H3 (default = body text + bold):
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #333333;

p (main body text):
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #333333;

a (main body links):
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #993300;

a:hover:
font-family: tahoma;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #993300;

a:visited:
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #993300;

#nav a
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #ffffff;

#nav a:hover
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #ffae00;

#nav a.navsel
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #ffae00;


#subnav a (can be drop down or additional links in sidebar)
#subnav a:hover
#subnav a.navsel
#subnav .title (if additional links in sidebar)

#sub_subnav
#sub_subnav a:hover
#sub_subnav a.navsel

#sidebar_title
#sidebar_text
#sidebar_link

#teasers_title
#teasers_text
#teasers_link

.news_date_home (on home page)
.news_title_home
.news_teaser_home
.news_text_home

.news_date (on news/events pages)
.news_title
.news_teaser
.news_text
.event_fee


.testimonial p
font-family: times;
font-size: 18px;
font-weight: normal;
font-style: italic;
color: #417aaa;

.testimonial span.name

.faq p
.faq span.q
.faq span.a

.alt (for background colors on alternating rows on tables of resources or other lists)

#footer a.nav
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #7f7c73;

#footer a.nav:hover
#footer a.navsel
#footer p (copyright, etc.)
#footer a (if there are links in the footer other than navigation)


*/




* {
margin:0;
padding:0;}

a img {
border:none;}

/*--------- site-wide font styles ----------*/

h1, .title {
font-family: tahoma;
font-size: 18px;
font-weight: bold;
color: #417aaa;}

h2, h2 a {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #417aaa;
text-decoration:none;}

h3 {
font-family: tahoma;
font-size: 12px;
font-weight: bold;
color: #333333;}

p, #main, #sidebar {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #333333;
padding-bottom:10px;
line-height:130%;}

#main ul, #main ol {
margin-left:15px;}

#page_title h1 {
padding-bottom:15px;}

#nav a, #nav p {
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #ffffff;
text-decoration:none;}

#nav a:hover {
color:#ffae00;}

#nav a.navsel {
color:#ffae00;}

#main a {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #993300;}

#main a:hover {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #993300;}

#herald h2, #flickr h2, #youtube h2, #facebook h2 {
height:23px;
padding:5px 0 0 45px;
margin-bottom:10px;}

#facebook h2 {
background:url(/images/icon_facebook.gif) center left no-repeat #dddddd;}

#herald h2 {
background:url(/images/icon_blogger.gif) center left no-repeat #dddddd;}

#flickr h2 {
background:url(/images/icon_flickr.gif) center left no-repeat #dddddd;}

#youtube h2 {
background:url(/images/icon_youtube.gif) center left no-repeat #dddddd;}


/*#sidebar a {
}

#sidebar .subnav a {
font-family:Arial, sans-serif; 
font-size:12px; 
color:#333333; 
text-decoration:none;}

#sidebar .subnav a:hover {
color:#fd983e;}

#sidebar .subnav a.navsel {
font-weight:bold;}

#testimonial p, #sidebar #faq {
font-size:11px;}

#testimonial p span.names {
font-style:italic;}*/

#footer p {
text-align:center;
font-family:arial;
font-size:11px;
font-weight:normal;
color:#7f7c73;
letter-spacing:1px;
padding-top:10px;
line-height:100%;}

#footer a {
text-decoration:none;}

#footer .bullet {
color:#3399FF;} /* if bullet between footer elements is a different color */



/*------------- layout styles -------------*/
html, body {
height: 100%;}

html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background:url(/images/bg_greydiag.gif) top left repeat;}

#wrapper {
width:952px;
margin:20px auto 0 auto;
background-color:#ffffff;
border:2px solid #ffffff;}

#header {
width:952px;
height:221px;
float:left;}

.clear {
clear:both;}


/*------------ top horizontal navigation ---------------*/
#nav {
width:952px;
height:36px;
float:left;
background:url(/images/bg_nav.png) top left repeat-x;}

#nav ul {
float:left;
list-style:none;}

#nav ul li {
float:left;
height:34px;
background:url(/images/nav_spacer.gif) top left no-repeat;}

#nav a {
float:left;
display:block;
height:24px;
padding:10px 15px 0 15px;}

#nav p {
line-height:34px;
padding:0;
float:right;
display:inline;
color:#ffffff;
margin-right:10px}

#nav p a {
display:inline;
height:13px;
padding:0;
float:none;}


/*------------ main body area ---------------*/
#main {
width:600px;
float:left;
text-align:left;
padding:25px 30px 20px 10px;}

/*-------------- teasers on home page ----------------- */

#teasers {
width:945px;
float:left;
margin:0 0 15px 10px;}

#herald, #flickr, #youtube {
width:301px;
height:230px;
float:left;
background-color:#ffffff;}

#facebook {
width:301px;
float:left;
background-color:#ffffff;}

#teasers #herald, #teasers #flickr {
margin-right:16px;}




/*------------ sidebar ---------------*/
#sidebar {
width:301px;
float:right;
text-align:left;
padding:25px 10px 25px 0;}

/*#subnav {
width:190px;
margin-bottom:30px;}

#sidebar ul.subnav  {
list-style:none;
margin-left:15px;}

#subnav ul.sub_subnav {
list-style:none;
margin-left:15px;}*/

/* testimonais */
/*#testimonial {
width:190px;
margin-bottom:20px;}*/

/*faqs*/
/*#sidebar #faq {
width:190px;
margin-bottom:30px;}

#faq ul {
list-style:none;
list-style-position:outside;
margin:7px 0;}

#faq li.q {
margin-bottom:5px;}

#faq li.a {
margin-bottom:12px;}*/


/* --------------- news & events pages -----------------*/

.pagefade {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#787878;}

.itemlink {
text-decoration:none;
font-weight:normal;}

.itemtitlelink {
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:Tahoma, sans-serif;
font-size:12px;
/*color:#333333;*/
color:#417aaa;
font-weight:bold;
text-decoration:none;}

.itemtitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/*color:#333333;*/
color:#417aaa;
font-weight:bold;
text-decoration:none;}


.itemdate {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:none;}

.itemteaser {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
text-decoration:none;}

.itemmore {
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-family:Tahoma, sans-serif;
font-size:11px;
color:#417aaa;
/*color:#000066;*/
/*font-weight:bold;*/
text-decoration:none;}

a span.itemmore:hover, a.itemmore:hover {
text-decoration:underline;}

.itemcost {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:normal;
text-decoration:none;}

.blog_block {
border:2px solid #cdcdcd;
padding:7px;}

/*.blogname {
background-color:#cdcdcd;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#417aaa;
font-weight:bold;
margin-bottom: -7px;
padding:7px;
text-decoration:none;}/*

/*newsletter block in sidebar
#newsletter .title, #sidebar_content .title {
font-family:Verdana, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#787878;}

#newsletter p, #sidebar_content p {
font-family:Verdana, sans-serif;
font-size:11px;
padding-bottom:10px;
line-height:130%;
color:#787878;}

p.news_item {
margin-bottom:10px;}*/



/*------------ footer ---------------*/
#footer {
width:952px;
height:35px;
margin:0 auto;
padding-top:3px;
clear:both;
text-align:center;
background:url(/images/bg_footer.png) top left repeat-x #ffffff;} /* container div for footer info */


/*------------ big fresh signature/logo on light background ---------------*/
#big_fresh {
width:952px;
margin:15px auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}


/*------------ contact form ---------------*/

.button { border: 1px solid #333333; font-size: 12px; font-family: Verdana; background-color: #B99D65; height:18px; color:#FFFFFF; }
.textbox { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; }
.textboxreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; font-style: italic; width: 250px; background-color: #FFF4DF; }
.dropdown { border: 1px solid #333333; font-size: 12px; font-family: Verdana; }
.large_text { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; }

form td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;} /* font styling for contact field headings */

.form_serial { 
display:none;}