/*COLORS:
Green - #8bc53f (Nav bar)
Dark Purple - #1c2674
Light Purple - #798cc6
Light Grey - #e5e4e4
Medium Grey - #666666
Dark Grey - #333333


FONTS:
Main Nav (Unselected): Arial, Bold, 13px, Dark Grey #333333 
Main Nav (Selected): Arial, Bold, 13px, White 
Main Nav (Rollover): Arial, Bold, 13px, White

Sub Nav (Unselected): TBD
Sub Nav (Selected): TBD
Sub Nav (Rollover): TBD

Sidebar Titles: Arial, Italic, 20px, Medium Grey - #666666 
Sidebar Date: Tahoma, Bold, 10px, Dark Grey - #333333 
Sidebar heading: Thaoma, Bold, 13px, Purple - #1c2674 
Sidebar/Alt Body Text: Tahoma, Reg, 12px, Light Purple - #798cc6

H1: Arial, Italic, 20px, Purple - #1c2674
H2: Tahoma, Bold, 13px, Purple - #1c2674
H3: Verdana, bold, 12px, Dark Grey - #333333

Main Body Text: Verdana, Reg, 12px, Dark Grey - #333333

Links: Tahoma, Bold, 11px, Green - #8bc53f 
Inline Links: Tahoma, Bold, 12px, Green - #8bc53f

Footer: Arial, reg, 11px, extra letter space, Medium Grey - #666666

Contact Details: Arial, Reg, 13px, Medium Grey - #666666
*/


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

a img {
border:none;}

h1 {
font-family:Arial, sans-serif;
font-size:20px;
font-weight:normal;
font-style:italic;
color:#1c2674;
margin-bottom:10px;} /* title */

h2 {
font-family:Tahoma, sans-serif;
font-size:13px;
font-weight:bold;
color:#1c2674;} /* sub title */

h3 {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;} /* body text font size + bold */

#main, #main p {
font-family:Verdana, sans-serif;
font-size:12px;
color:#333333;
padding-bottom:10px;
line-height:140%;}

#main a, #main p a {
font-family:Tahoma, sans-serif;
font-size:12px;
font-weight:bold;
color:#8bc53f;}

#main ul, #main ol {
list-style-position:outside;
padding-left:15px;}

a {
font-family:Tahoma, sans-serif;
font-size:11px;
font-weight:bold;
color:#8bc53f;} 

#nav a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#333333;
text-decoration:none;}

#nav a:hover {
color:#ffffff;
background-color:#1c2674;}

#nav a.navsel {
color:#ffffff;
background-color:#1c2674;}

#sidebar .box {
font-family:Tahoma, sans-serif;
font-size:12px;
font-weight:normal;
color:#798cc6;}

#sidebar .box p {
margin-bottom:10px;}

#sidebar .title {
font-family:Arial, sans-serif;
font-size:20px;
font-style:italic;
color:#666666;
padding-left:15px;}

#sidebar .date, #sidebar .date a, #main .itemdate, #main .itemdate a {
font-family:Tahoma, sans-serif;
font-size:10px;
font-weight:bold;
color:#333333;
text-decoration:none;}

#sidebar .heading {
font-family:Tahoma, sans-serif;
font-size:13px;
font-weight:bold;
color:#1c2674;}

 
/*
#sidebar .subnav a {
}

#sidebar .subnav a:hover {
}

#sidebar .subnav a.navsel {
} If the sidebar contains subnav */


#footer p {
font-family:Arial,sans-serif;
font-size:11px;
color:#666666;
letter-spacing:1px;
padding:5px 0 10px 0;}

#footer a {
font-family:Arial,sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-decoration:none;}


/*------------- layout styles -------------*/

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

* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */

body {
background:url(images/background.gif) top center repeat-x #dcdcdc;}

#wrapper {
width:900px;
margin:0 auto;
background-color:#ffffff;} /* surrounds site and controls centering of page in browser window and any page border or repeating background image like a shadow. */

#header_left {
width:609px;
height:200px;
float:left;} 

#header_right {
width:291px;
height:200px;
float:left;} /* contains image rotater */

.clear {
clear:both;} /* any div needed only to clear */


/*------------ top horizontal navigation ---------------*/
#nav, #sub_nav {
width:898px;
height:25px;
float:left;
border-right:1px solid #8bc53f;
border-left:1px solid #8bc53f;
padding:0;
margin:0;} /* div holding nav ul */

#sub_nav {
padding-top:5px;}

#nav ul {
float:left;
width:890px;
height:25px;
margin-left:4px;
list-style:none;
background-color:#8bc53f;}

#nav ul li {
float:left;}

#nav a {
float:left;
display:block;
padding:5px 11px 4px 10px;}

#nav a.first {
margin-left:40px;}

ul.sub_nav a.navsel, ul.r_sub_nav a.navsel, ul.subsub_nav a.navsel {
font-weight: bold;
text-decoration:none;
color: #333333;}

ul.sub_nav, ul.r_sub_nav, ul.subsub_nav {
list-style-type:none;
list-style-position:none;
list-style-image:none;}

ul.sub_nav li {
display:inline;}

ul.sub_nav li.spacer_blk {
color:#333333;}




/*------------ main body area ---------------*/
#content {
width:898px;
margin:0 auto;
background-color:#ffffff;
border-right:1px solid #8bc53f;
border-left:1px solid #8bc53f;
background:url(images/footer.gif) bottom center no-repeat;}

#main {
width:515px;
float:left;
margin:35px 20px 20px 35px;} /* main content area */

#main ul {
margin-top:0;
padding-top:0;}

/*
#main_home {
} if home page layout is different than inside pages */


#sidebar {
width:302px;
float:left;
margin:20px 20px 20px 0;} /* for subnav, resources or featured items - can be floated left or right or put under the main content area */

#sidebar td.additional {
width:302px;
height:62px;
background:url(images/additional_links.gif) top left no-repeat;}

#sidebar td.news {
width:302px;
height:62px;
background:url(images/news_events_header.gif) top left no-repeat;}

#sidebar td.resources {
width:302px;
height:62px;
background:url(images/assoc_resources.gif) top left no-repeat;}

#sidebar td.partner {
width:302px;
height:62px;
background:url(images/partner_header.gif) top left no-repeat;}

#sidebar td.comm_resources, #sidebar td.resources {
width:302px;
height:63px;
background:url(images/assoc_resources.gif) top left no-repeat;}

#sidebar td.box {
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
padding:10px 10px 10px 10px;}

#sidebar table {
margin-bottom:15px;}

/*------------ footer ---------------*/
#footer {
width:900px;
clear:both;
text-align:center;
background-color:#dcdcdc;} /* container div for footer info */


/*------------ big fresh signature/logo (if not included in #footer) ---------------*/
#big_fresh {
padding-top:10px;
text-align:center;} 

#big_fresh a {
text-decoration:none;}