/* ####################
TOC...
LINK STYLES
BASIC SEMANTIC STYLES
TOPHAT STYLES
TABBED NAVIGATION STYLES
HOMEPAGE STYLES
HOMEPAGE SLIDESHOW STYLES
HOMEPAGE ARTICLE STYLES
HOMEPAGE RED TOOLBOX STYLES
HOMPAGE MIDSECTION
HOMEPAGE TABBED BOX STYLES
HOMEPAGE BOTTOM ROW STYLES
SUBPAGE STYLES
FIRST COLUMN STYLES
FOOTER STYLES
FORM STYLES
DROPDOWN STYLES
############################## */

/* ####################
WE NEED THIS html STYLE TO ADD A SCROLLBAR TO FIREFOX SO AS TO GET RID OF THE 20 PIXEL SHIFT THAT THEY SO LOVINGLY ADD TO LONG PAGES
############################## */
#printerLogo
	{display:none;}
html 
	{
     overflow: -moz-scrollbars-vertical;
	}
html, body 
	{
  	height: 100%; /* Required */
	}
body
	{
	/*letter-spacing:.03em;*/
	text-align:center;
	width:100%;
	/*font-size: 11px;
	font-family:"Trebuchet MS",  verdana, sans-serif;*/
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#0a4d75;
	margin:0 0 0 0;
	}
body#home
    {
	background: #ffffff url(../img/bg.gif) repeat-x !important;
    }
body#sub
    {
	background: #ffffff url(../img/sub_bg.gif) repeat-x;
    }   
#mainJoint
	{
	width:953px;
	margin:0 auto;
    overflow:hidden;
	}
.forNoCSS
		{
		display:none;
		}
/*#############################################
BASIC SEMANTIC STYLES BELOW
#############################################*/
a.whitey:link, a.whitey:visited
	{
	color:#ffffff;
	}

div
	{
	text-align:left;
	}
p, li, ul, td
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#0a4d75;
	}	
.normal
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#0a4d75;
	}
.small
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 10px;
	color:#0a4d75;
	}
.large
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14px;
	color:#0a4d75;
	}
	
		
.normal_black
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#000000;
	}
.small_black
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 10px;
	color:#000000;
	}
.large_black
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14px;
	color:#000000;
	}
p
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#content p
    {
	font-size: 13px;
    line-height:20px;
    padding:0px 30px 10px 0px;
    }
#content li
    {
	font-size: 13px;
    line-height:20px;
    padding:0px 30px 5px 0px;
    }

#content ul
	{
	color:#737b80;
	list-style: url(../img/bullet_square.gif);
	padding-left:1em;
	padding-bottom:5px;
	margin:10px 0px 5px 14px;
	}

#content a
    {
    font-size: 13px;
    line-height:20px;
    }
h1
	{
    padding:0 0 0 0;
	margin:5px 0 0 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 20px;
	font-weight:normal;
	color:#0a4d75;
	}
h2
	{
	margin:0 0 5px 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color:#0575c3;
	}
h2.pageSubtitle
	{
	padding:0 0 10px 0;
	margin:0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 16px;
	font-weight:normal !important;
	color:#0575c3;
	}
    #content h2
        {
		font-weight:normal;
        line-height:16px;
        margin:0 0 5px 0;
        }
    h2.pollYear
        {
		font-size:14px !important;
        font-weight:bold;
        margin:0 0 0 0 !important;
        }
    h2.pollYear a:link, h2.pollYear a:visited
		{
		font-size:15px !important;
		text-decoration:underline;
		}
		h2.pollYear a:hover
			{
			font-size:15px !important;
			text-decoration:none;
			}
h3.news
	{
	font-family: "Trebuchet MS", arial, sans-serif !important;
	}

h3
	{
	margin:0 0 5px 0;
	font-size:13px;
	font-family: "Bookman", arial, sans-serif;
	color:#044e89;
	font-weight:bold;
	}
    #content h3
        {
    	margin:0 0 0 0;
    	font-size:13px;
    	font-family: "Bookman", arial, sans-serif;
    	color:#044e89;
    	font-weight:bold;
        }
h4
	{
	margin:0px 0px 0px 0px;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 13px;
	color:#044e89;
	}
hr
	{
	padding:0 0 0 0;
	border: 0;
	color: #d5dfe6;
	background-color: #d5dfe6;
	height: 1px;
	margin:0 0px 5px 0px;
	}
/* ////
ul
    {
    list-style-type:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
    }
li
    {
    margin:0 0 0 0;
    padding:0 0 0 0;
    }
////// */
ul
	{
	color:#737b80;
	list-style-image: url(../img/bullet_square.png);
	padding-left:1em;
	margin:10px 0px 5px 14px;
	}
	ul li
		{
		font-weight:normal;
		padding-bottom:5px;
		}
ul.arrows
	{
	color:#737b80;
	list-style-image: url(../img/bullet_arrows.gif);
	margin:0px 0px 5px 0px;
	}
	ul.arrows li
		{
		margin:0px 0px 0px 0px;
		font-weight:normal;
		padding:0px 0px 0px 0px;
		}
/*#############################################
LINK STYLES BELOW
#############################################*/

a:link
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#044e89;
	text-decoration:underline;
	}	
a:visited
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#044e89;
	text-decoration:underline;
	}
a:hover
	{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#044e89;
	text-decoration:none;
	}
/*#############################################
TOPHAT STYLES BELOW
#############################################*/
#topHat
    {
	width:953px;
    overflow:hidden;
    }
    #topMostNav
        {
        width:953px;
        padding:0 0 0 0;
        margin:6px 0 0 0;
        height:25px;
        text-align:right;
        }
        #topMostNav a:link, #topMostNav a:visited, #topMostNav a:hover
            {
            color:#ffffff;
        	font-size: 11px;
        	font-family:"Trebuchet MS",  verdana, sans-serif;
            text-decoration:none;
            }
            #topMostNav a:hover
                {
                text-decoration:underline !important;
                }
            #topMostNav .topNavPipe
                {
                color:#ffffff;
                margin:0 15px 0 15px;
                }
    #topLogoAndNav
        {
        background:url(../img/topHatBG.gif) no-repeat;
        width:953px;
        clear:both;
        padding:0 0 0 0;
        margin:0 0 0 0;
        float:left;
        height:86px;
        }
        #topLogoAndNav #topLogo
            {
            float:left;
            background:url(../img/topLogo.gif);
            width:277px;
            height:86px;
            }
            #topLogoAndNav #topLogo h1
                {
                display:none;
                }
            /* below is the style created to make the top logo a link since it's using a bg image */
            #topLogo a.empty:link, #topLogo a.empty:visited, #topLogo a.empty:hover
                {
                display:block;
                height:86px;
                }
            * html #topLogo a.empty:link, * html #topLogo a.empty:visited, * html #topLogo a.empty:hover
                {
                display:inline-block;
                }
            /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
        #topLogoAndNav #topLighNav
            {
            padding:5px 0 0 0;
            width:676px;
            text-align:right;
            float:left;
            }
            #topLighNav a:link, #topLighNav a:visited, #topLighNav a:hover
            {
            color:#063b6c;
        	font-size: 11px;
        	font-family:"Trebuchet MS",  verdana, sans-serif;
            text-decoration:none;
            }
            #topLighNav a:hover
                {
                text-decoration:underline !important;
                }
            #topLighNav .topNavPipe
                {
                color:#063b6c;
                margin:0 15px 0 15px;
                }
/*
TABBED NAVIGATION STYLES BELOW
*/
#mainNav
	{
	margin:0 0 0 0;
	}
#mainNav
	{
	clear:both;
	width:953px;
	height:29px;
	overflow:hidden;
	background:url(../img/mainNavBG.gif);
	background-repeat:no-repeat;
	padding:0 0 0 0;
	}
.tabNav, .tabNav_on
	{
	margin:0 0 0 0;
	float:left;
	}
	.tabNav .tabNavLeftSide, .tabNav .tabNavRightSide, .tabNav .item, .tabNav .tabNavPipe
		{
		float:left;
		}
	.tabNav_on .tabNavLeftSide, .tabNav_on .tabNavRightSide, .tabNav_on .item, .tabNav_on .tabNavPipe
		{
		float:left;
		}
	.tabNav .tabNavLeftSide
		{
		height:29px;
		width:10px;
		}
	.tabNav_on .tabNavLeftSide
		{
		height:29px;
		width:10px;
		background:url(../img/navTabLeft.gif) no-repeat;
		}
	.tabNav .item, .tabNav_on .item
		{
		height:29px;
		padding:5px 10px 0 10px;
		}
	.tabNav_on .item
		{
		background:url(../img/navTabBG.gif);
		}
		.tabNav_on .item a:link, .tabNav_on .item a:visited, .tabNav_on .item a:hover
			{
			font-weight:bold;
			text-decoration:none;
			font-size:12px;
			line-height:17px;
			font-family:arial;
			color:#01395a;
			}
		.tabNav .item a:link, .tabNav .item a:visited, .tabNav .item a:hover
			{
			font-weight:bold;
			text-decoration:none;
			font-size:12px;
			line-height:17px;
			font-family:arial;
			color:#ffffff;
			}
	.tabNav .tabNavRightSide
		{
		height:29px;
		width:2px;
		}
	.tabNav_on .tabNavRightSide
		{
		height:29px;
		width:2px;
		background:url(../img/navTabRight.gif) no-repeat;
		}
	.tabNavPipe
		{
		background:url(../img/navTabPipe.gif) no-repeat;
		width:1px;
		height:29px;
		}
#topNavSearchBlk
    {
    padding:5px 5px 0 0;
    float:right;
    }
/*#############################################
HOMEPAGE STYLES BELOW
#############################################*/
#hp_topWhiteShell
    {
    clear:both;
    float:left;
    background: url(../img/hp_topWhiteShell.gif) no-repeat;
    width:953px;
    height:332px;
    overflow:hidden;
    }
    #hp_slideShow, #hp_mainArticles, #hp_tools
        {
        float:left;
        position:relative;
        }
#hp_midSec
    {
    width:953px;
    clear:both;
    float:left;
    margin:4px 0 8px 0;
    }
/*#############################################
HOMEPAGE SLIDESHOW STYLES BELOW
#############################################*/
#hp_slideShow
        {
        padding:6px 0 0 6px;
        }
.hp_slide
    {
    width:502px;
    height:315px;
    position:relative;
    }
    .hp_slide .slideBtm
        {
        position:absolute;
        top:290px;
        left:453px;
        }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*#############################################
HOMEPAGE ARTICLE STYLES BELOW
#############################################*/

#hp_mainArticles
    {
    margin:6px 0 0 7px !important;
    width:270px;
    height:315px;
    background: url(../img/hp_mainArticlesBG.gif) no-repeat;
    overflow:hidden;
    }
    .hp_article, .hp_articleIndent
        {
        margin:2px 7px 0 0;
        border-bottom: 1px solid #e6ecf3;
        padding:0 0 7px 0;
        }
        .hp_article p
            {
            font-size:11px;
            line-height:12px;
            margin:3px 0 5px 15px;
            padding:0 0 5px 0;
            }
        .hp_article img.hp_articleThumb
            {
            float:left;
            margin:0 5px 5px 5px;
            }
a.hp_mainArtHeadLink:link, a.hp_mainArtHeadLink:visited
    {
    display:block;
    margin:3px 0 5px 15px;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#0575c3;
    text-decoration:none;
    }
    a.hp_mainArtHeadLink:hover
        {
        text-decoration:underline;
        }
#moreNewsLink
    {
    right:0;
    position:absolute;
    bottom:0;
    margin:0 15px 5px 15px;
    }
#moreNewsLink a
    {
    color:#0575c3;
    text-decoration:none;
    }
#moreNewsLink a:hover
    {
    text-decoration:underline;
    }

h2.arrow
    {
    background: url(../img/headerArrow.gif) no-repeat 2px 5px;
    padding:0 0 0 15px;
    }
.hp_articleIndent p
    {
    line-height:12px;
    margin:0 0 0 0;
    padding:0 0 5px 15px;
    }
/*#############################################
HOMEPAGE RED TOOLBOX STYLES BELOW
#############################################*/
#hp_tools
    {
    margin:6px 0 0 5px;
    width:158px;
    height:315px;
    overflow:hidden;
    }
    #hp_tools #hdr
        {
        margin:10px 0 0 10px;
        }
#hp_tools h2
    {
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:18px;
    color:#ffffff;
    font-family:"Trebuchet MS",  verdana, sans-serif;
    }
	.accordionIntroTxt
		{
		display:none !important;
		background:transparent !important;
		}
		p.accordIntroTxtInner
			{
			margin-top:0px;
			padding:0 0 0 15px !important;
			}
/*~~~~~~~~~accordion jammies~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container 
    {
    margin:6px 0 0 0;
    height:315px;
    }
#bottom_container 
    {
    clear: both;
    }
h3.accordion_toggle, h3.accordion_toggle_active
    {
    cursor: pointer;
    display: block;
    padding:2px 0 0 28px;
    height:25px;
    margin: 5px 0 0 3px;
    font-weight:normal;
    font-size:15px;
    color:#ffffff;
    font-family:"Trebuchet MS",  verdana, sans-serif;
    }
.accordion_toggle 
    {
    border-top: 1px solid #bc5256;
    background: url(../img/hp_toolHdrClosed.gif) no-repeat;
    }
.accordion_toggle_active 
    {
    border-top-style:none !important;
    background: url(../img/hp_toolHdrOpen.gif) no-repeat;
    }
.accordion_content_over
    {
	color:#ffffff;
    cursor:pointer;
    background:#DF3838 url(../img/hp_toolsInnerBG.gif) top left no-repeat;
    }
.accordion_content, .accordion_content_over
    {
    color: #ffffff;
    margin:0 3px 0 3px;
    overflow: hidden;
    }
.accordion_content p, .accordion_content_over p
    {
    color: #ffffff;
    line-height: 110%;
    padding: 0 10px 5px 29px;
    }
.accordion_content a:link, .accordion_content a:visited, .accordion_content_over a:link, .accordion_content_over a:visited
    {
    color: #ffffff;
    text-decoration:none;
    }
    .accordion_content a:hover, .accordion_content_over a:hover
        {
    color: #ffffff;
        cursor:pointer;
        text-decoration:none;
        }
    
 #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
/*#############################################
HOMPAGE MIDSECTION
HOMEPAGE TABBED BOX STYLES
#############################################*/
#hp_tabbedBoxShell
    {
    float:left;
    background: url(../img/hp_tabBoxBG.gif) no-repeat;
    width:508px;
    height:169px;
    overflow:hidden;
    }
.tabBoxContent ul
    {
    list-style-image: url(../img/bullet_square.gif);
	padding-left:1em;
	margin:10px 20px 5px 14px;
    margin:5px 0 0 10px;
    color:#052e47;
    }
.tabBoxContent ul li
    {
    line-height:12px;
    color:#052e47;
    }
.tabBoxContent .txtBit p
    {
    margin:8px 20px 0 0;
    line-height:12px;
    color:#052e47;
    }
.tabBoxContent img
    {
    float:left;
    }
.tabBoxContent .txtBit
    {
    margin:10px 0 0 0;
    float:right;
    width:354px;
    overflow:hidden;
    }
#hp_flash
    {
	width:438px;
    float:right;
    margin:0 0 0 7px;
	overflow:hidden;/*just to be safe tdb*/
    }
.flash_footer
	{
    margin:0 0 0 7px;
	font-size:10px;
	}

/*#############################################
HOMEPAGE BOTTOM ROW STYLES BELOW
#############################################*/
#hp_bottomRow
    {
    clear:both;
    float:left;
    background: url(../img/hp_bottomRowBG.gif) no-repeat;
    width:953px;
    height:245px;
    overflow:hidden;
    }

#hp_bottomRow ul
    {
    list-style-image: url(../img/bullet_square.gif);
	padding-left:1em;
	margin:10px 0px 5px 14px;
    margin:5px 0 0 10px;
    color:#666666;
    }
#hp_bottomRow ul li
    {
    line-height:12px;
    color:#666666;
    }
    .hp_btm_pipe
        {
        background: url(../img/hp_btm_pipe.gif) no-repeat;
        width:2px;
        height:230px;
        overflow:hidden;
        }
    #hp_btm_members, .hp_btm_pipe, #hp_btm_events, #hp_btm_research, #hp_btm_stayInformed
        {
        margin:15px 0 0 0;
        float:left;
        }
    #hp_btm_members
        {
        width:230px;
        }
    #hp_btm_events
        {
        width:260px;
        }
    #hp_btm_research
        {
        width:248px;
        }
    #hp_btm_stayInformed
        {
        width:209px;
        }
.hp_btmBitContent, .hp_btmBitContent p, .hp_btmBitContent a
    {
    color:#666666;
    }
.hp_btmBitContent
    {
    padding:10px 10px 0 18px;
    }
    .hp_btmBitContent img
        {
        margin:0 7px 7px 0;
        float:left;
        }
    .hp_btmBitContent p
        {
        line-height:14px;
        margin:0 0 0 0;
        }
     .hp_btmBitContent li
        {
        line-height:14px !important;
        margin:0 0 0 0;
        }   
                
td.hp_btmTable_date
    {
    font-weight:bold;
    padding:0 5px 0 0;
    }
    
/*#############################################
SUBPAGE STYLES BELOW
#############################################*/
#innerPage_meat
    {
    padding:5px 0 0 0;
    background:#ffffff;
    clear:both;
    float:left;
    width:953px;
    overflow:hidden;
    }
#innerPage_meat #firstColumn, #innerPage_meat #secondColumn, #innerPage_meat #thirdColumn
    {
    float:left;
    }
#innerPage_meat #firstColumn
    {
    width:197px;
    padding:0 0 0 5px;
    overflow:hidden;
    }
#innerPage_meat #secondColumn
    {
    width:578px;
    margin:0 0 0 5px;
    overflow:hidden;
    }
#innerPage_meat #thirdColumn
    {
    width:158px;
    margin:0 5px 0 5px;
    overflow:hidden;
    }
.members_content_block
	{
	background:#ffffff;
	padding:25px;
	}
/*#############################################
FIRST COLUMN STYLES BELOW
#############################################*/
#sectionHeader
    {
    background: url(../img/sub_pageHdrBlueBG.gif) no-repeat;
    width:197px;
    height:127px;
    overflow:hidden;
    }
    #sectionHeader h1
        {
        margin:0px 0 0 0;
        font-family: "Trebuchet MS", arial, sans-serif;
    	font-size: 18px;
        font-weight:bold;
    	color:#ffffff;
        }
	#sectionHeader h1 a
        {
        margin:0;
    	color:#ffffff;
    	font-size: 18px;
    	font-weight:bold;
    	display:block;
    	text-decoration: none;
    	padding: 59px 0 42px 17px;
        }
      
        
        
#sub_firstColumnShell
    {
    margin:5px 0 0 0;
    background: url(../img/sub_leftShellBG.gif) no-repeat;
    width:197px;
    height:747px;
    overflow:hidden;
    }
#subNav
    {
    margin:15px 0 0 0;
    }
#subNav ul
    {
	/*list-style-image: url(../img/no_image_here.gif);i had to put in a bad filename to get rid of the default image..bad bad tdb*/
	list-style-image: none; /* adam - this too should remove the image */
	margin:0 !important;
	padding:0 !important;
    list-style-type:none !important;
    }
#subNav ul li
    {
    padding:2px 5px 7px 0 !important;
    font-size:12px !important;
    color:#0a4d75 !important;
    margin:0 0 0 10px !important;
    background:url(../img/subNavBtm.gif) no-repeat bottom left !important;
    }
#subNav ul li.now
    {
    font-weight:bold !important;
    }
#subNav ul li.fourthLevel
    {
    padding-left:4px;
    }
#subNav ul li a:link, #subNav ul li a:visited
    {
    font-size:12px;
    text-decoration:none;
    color:#0a4d75;
    }
#subNav ul li a:hover
    {
    font-size:12px;
    text-decoration:underline;
    }
	#subNav ul li.thirdLevel a:link, #subNav ul li.thirdLevel a:visited
		{
		color:#063958 !important;
		font-weight:bold;
		}
/*#############################################
SECOND COLUMN STYLES BELOW
#############################################*/
#pageHeader
    {
    clear:both;
    float:left;
    width:578px;
    overflow:hidden;
    }
#content
	{
	clear:both;
	}
.tf_pf
    {
    padding:8px 5px 0 0;
    margin:0 0 0 0;
    width:61px;
    float:right;
    }
h1.pageTitle
    {
    padding:8px 0 5px 10px;
    margin:0 0 0 0;
    width:500px;
    float:left;
    }
a.tfLink:link, a.tfLink:visited
    {
    float:left;
    background:url(../img/tfLinkBG.gif) no-repeat;
    display:block;
    width:125px;
    height:23px;
    }
a.tfLink:hover
    {
    float:left;
    background:url(../img/tfLinkBG.gif) no-repeat 0px -23px;;
    display:block;
    width:125px;
    height:23px;
    }/* usin' that there sprite jammy for the BG rollover */
a.pfLink:link, a.pfLink:visited
    {
    float:right;
    background:url(../img/pfLinkBG.gif) no-repeat;
    display:block;
    width:61px;
    height:23px;
    }
a.pfLink:hover
    {
    float:right;
    background:url(../img/pfLinkBG.gif) no-repeat 0px -23px;
    display:block;
    width:61px;
    height:23px;
    }/* usin' that there sprite jammy for the BG rollover */
a.tfLink span, a.pfLink span
    {
    display:none;
    }
#content
    {
    padding:5px 0 0 10px;
    }
#content #subTopFlash
    {
    float:right;
    margin:0 0 0 10px;
    }
#flashcontent {
	text-align: center;
	width: 275px;
}
#flashcontenthome {
	text-align: center;
	width: auto;
}
.yearSection
    {
    margin:0 0 15px 0;
    }
/*#############################################
SUBPAGE RED TOOLBOX STYLES BELOW
#############################################*/
#sub_tools
    {
    margin:0 0 0 0;
    width:158px;
    height:315px;
    background: url(../img/hp_toolsBG.gif) no-repeat;
    overflow:hidden;
    }
    #sub_tools #hdr
        {
        margin:10px 0 0 10px;
        }
#sub_tools h2
    {
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:18px;
    color:#ffffff;
    font-family:"Trebuchet MS",  verdana, sans-serif;
    }/* the accordion styles are with the HOMEPAGE RED TOOLBOX STYLES way up in the doc */
#subRelatedResourcesBox
    {
    margin:8px 0 0 0;
    width:158px;
    background: url(../img/RR_shellBG.gif) repeat-y;
    }
    #subRelatedResourcesBox .RR_head
        {
        padding:10px 5px 5px 10px;
        background:url(../img/RR_headBG.gif) no-repeat;
        }
    #subRelatedResourcesBox .RR_foot
        {
        height:10px;
        width:158px;
        background:url(../img/RR_foot.gif) no-repeat;
        }
    #subRelatedResourcesBox .RR_inside
        {
        font-size:11px;
        color:#666666;
        padding:0px 5px 0px 10px;
        }
        #subRelatedResourcesBox .RR_inside p
            {
            font-size:11px;
            color:#666666;
            padding:0 0 15px 0;
            }
            #subRelatedResourcesBox .RR_inside a
                {
                font-size:11px;
                color:#666666;
                }
#subStayInformedBox
    {
    margin:8px 0 0 0;
    width:158px;
    height:116px;
    background: url(../img/subStayInformedBG.gif) no-repeat;
    overflow:hidden;
    }
    #subStayInformedBox form
        {
		line-height:14px;
        color:#666666;
        margin:35px 5px 0 12px;
        }
        #subStayInformedBox form p
            {}
/*#############################################
FOOTER STYLES BELOW
#############################################*/
#foot
    {
    padding:20px 0 0 0;
    border-top:1px solid #e4e4e4;
    color:#666666;
    clear:both;
    width:953px;
    float:left;
    }
    #copywrite
        {
        float:left;
        }
    #footLinks
        {
        float:right;
        }
    #footLinks a
        {
        text-decoration:none;
        color:#666666;
        }
    
    

/*#############################################
FORM STYLES BELOW
#############################################*/
form
	{
	margin:0 0 0 0;
	}
#topSearchFieldDiv
	{
	float:left;
	}
	#topSearchFieldDiv input
		{
		font-family:"Trebuchet MS", Arial, sans-serif;
		color:#063b6c;
		font-size:11px;
		width:146px;
		height:17px;
		border-style:none;
		background-color:transparent !important;
		}
.topSearchFieldEmpty
	{
	margin:0 0 0 0px;
	width:156px;
	height:17px;
	background:url(../img/topSearchEmpty.gif) no-repeat;
	}
.topSearchFieldFill
	{
	margin:0 0 0 0px;
	width:156px;
	height:17px;
	background:url(../img/topSearchFill.gif) no-repeat;
	}

#stayInformedDiv
	{
	float:left;
	margin:3px 0 0 0;
	height:19px;
	width:117px;
	overflow:hidden;
	background:url(../img/sub_stayInformedFieldEmpty.gif);
	background-repeat:no-repeat;
	}
input.sub_stayInformedFieldEmpty
	{
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#063b6c;
	font-size:11px;
	margin:3px 0 0 0px;
	height:19px;
	line-height: 12px;
	border-style:none;
	background-color:transparent !important;
	}
html* input.sub_stayInformedFieldEmpty
	{
	margin:3px 0 0 -10px !important;
	}
    
input.hp_stayInformedFieldEmpty
	{
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#063b6c;
	font-size:11px;
	margin:3px 0 0 0px;
	height:19px;
	line-height: 12px;
	border-style:none;
	background-color:transparent !important;
	}
input.hp_stayInformedField
	{
	font-family:"Trebuchet MS", Arial, sans-serif;
	color:#063b6c;
	font-size:11px;
	margin:3px 0 0 0;
	width:147px;
	height:19px;
	line-height: 17px;
	background:url(../img/hp_stayInformedField.gif);
	background-repeat:no-repeat;
	border-style:none;
	background-color:transparent !important;
	}

/* This for IE 7 and IE 6 */
*:first-child+html input#emma_member_email,
* html input#emma_member_email
	{
		margin:0 5px 0 -20px;
		width:122px;
		padding:0;
	}

form
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
.formTxt 
	{
	text-align:left;
	}

.formTitle {
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
/*
text field styles are based on size S, M, L
we can add XL, XS, XXl, etc. if needed. ~tdb
*/
.form900Top
	{
	display:block;
	height:10px;
	width:900px;
	overflow:hidden;
	background: #ffffff url(../img/form_top_900.png) no-repeat;
	}
.form900
	{
	width:900px;
	overflow:hidden;
	background: #edf1f6 url(../img/form_body_900.gif) bottom no-repeat;
	}
.form900 form
	{
	margin:25px 0 25px 25px;
	}
.form568Top
	{
	margin-left: -5px;
	display:block;
	height:10px;
	width:568px;
	overflow:hidden;
	background: #ffffff url(../img/form_top_568.gif) no-repeat;
	}
.form568
	{
	margin-left: -5px;
	margin-bottom: 20px;
	width:568px;
	overflow:hidden;
	background: #edf1f6 url(../img/form_body_568.gif) bottom no-repeat;
	}
.form568 form
	{
	margin:10px 0 25px 25px;
	}
input.lg
	{
	padding:0 0 0 5px;
	border-style:none !important;
	background:transparent url(../img/field_L.png) no-repeat !important;
	width:347px;
	height:24px;
	overflow:hidden;
	}
input.sm
	{
	padding:0 0 0 5px;
	border-style:none !important;
	background:transparent url(../img/field_S.png) no-repeat !important;
	width:125px;
	height:24px;
	overflow:hidden;
	}
input.xsm
	{
	padding:0 0 0 5px;
	border-style:none !important;
	background:transparent url(../img/field_XS.png) no-repeat !important;
	width:70px;
	height:24px;
	overflow:hidden;
	}
input.xxsm
	{
	padding:0 0 0 5px;
	border-style:none !important;
	background:transparent url(../img/field_XXS.png) no-repeat !important;
	width:36px;
	height:24px;
	overflow:hidden;
	}
table.form_table td
	{
	text-align:left;
	padding:0 5px 5px 0;
	}
table.form_table td.formText
	{
	text-align: right;
	}
table.form_table td.formTextLeft
	{
	text-align: left;
	}
table.form_table td label {
	padding-left: 12px;
	white-space: nowrap;
	
}

table.form_table td hr
	{
		margin-top: 0;
		margin-bottom: 10px;
	}
	
/* This for IE 7 and IE 6 */
*:first-child+html table.form_table td hr,
* html table.form_table td hr
	{
		margin-top: -5px;
		margin-bottom: 0;
	}
	
input.disabled {
	border: 1px solid #d2d1d1;
	background-color: #e8e7e7;
}
.noBorder
	{
	border-style:none;
	}
.noBorderNoBg
	{
	border-style:none;
	background-color:transparent;
	}
input.required, textarea.required, select.required {
	border: 1px solid #cccccc;
}
input, textarea, select {
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #a09d9d;
	color: #666;
	border: 1px solid #d2d1d1;
	background-color:#ffffff !important;
}

input[type="checkbox"], input[type="radio"]{
   background: transparent;
   background-color:transparent !important;
   border: 0;
}

input.submit {
	padding: 2px 5px !important;
}


input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
}


.validation-advice {
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 5px 0;
	padding: 5px;
	background-color: #C4C4C4;
	color : #ff3333;
	font-weight: bold;
}

fieldset {
	padding: 20px 0 0 20px;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
.button {
	font-family: Helvetica, ;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #134568;
	width:100px;
	}
legend {
	text-align:right;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ff3333;
	text-decoration: none;
}	
#formTable td
	{
	padding:2px 0;
	}	

/*#############################################
DROPDOWN STYLES BELOW
#############################################*/

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}



/*.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down 
content: " v";
content: " " url(downimage.gif); uncomment this line to use an image instead
}*/


/* ######### Style for Drop Down Menu ######### */
#all_menus
	{
	clear:both;
	}
.dropmenudiv
{
margin:7px 0 0 -12px;
position:absolute;
top: 0;
border-right: 1px solid #134568;
border-bottom: 1px solid #134568;
font:normal 12px Verdana;
line-height:18px;
z-index:1000;
background: #ffffff url(../img/dropDownBG.gif) no-repeat bottom left;
width: 170px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#134568,direction=135,strength=4); 
}
* html .dropmenudiv
    {
    margin:6px 0 0 -12px !important;
    }
.dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:hover
{
width: auto;
display: block;
border-bottom: 1px solid #d3dee7; /*THEME CHANGE HERE*/
padding: 2px 0 2px 5px;
font-family: "Trebuchet MS", verdana, sans-serif;
text-decoration: none;
font-weight: bold;
color: #134568
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
.naCouncilContent img
	{
	margin:5px 5px 5px 5px;
	}
.operText
	{
	margin:-15px 0 10px 0;
	}
	
h1.resourceLeft {
	margin:10px 10px 0 0;
	padding-left: 10px;
	width: 265px;
	float: left;
	border-bottom: 1px solid #d5dfe6;
	font-size: 16px;
}

h1.resourceRight {
	margin:10px 0px 0 20px;
	padding-left: 10px;
	width: 263px;
	float: left;
	border-bottom: 1px solid #d5dfe6;
	font-size: 16px;
}
div.resourceLeft {
	margin:10px; width: 280px; float: left; border-right: 1px dotted #d5dfe6;
}

* html div.resourceLeft
	{
		margin:10px 5px !important;
	}

div.resourceRight {
	margin:10px 0px 10px 15px; width: 260px; float: left;
}

* html div.resourceRight
	{
		margin:10px 0px 10px 7px;
	}

div.resourceLeft, div.resourceRight, #content div.resourceLeft a, #content div.resourceRight a {
	font-size: 12px;
	line-height: 17px;
}

div.resourceFull {
	margin:10px 0; width: 568px; float: left; border-bottom: 1px solid #d5dfe6; 
}

div.resourceFull div {
	float: right;
	margin: 5px 5px 0 0;
	color: #0a4d75;
}

div.resourceFull h1 {
	 padding-left: 10px;
	 font-size: 16px;
}

#resourceLibrary {
	margin-left: -10px;
}
#resourceTable {
	width: 577px;
	margin: 0;
	border-collapse: collapse;
}

#resourceTable tr.topBorder td {
	border-top: 1px solid #d5dfe6;
}
#resourceTable td, #resourceTable th {
	font-size: 13px;
	vertical-align: top;
}
#resourceTable td {
	padding: 10px;
	width: 122px;
}
#resourceTable td.name {
	padding: 0 0 0 10px;
	width: 435px;
}
#resourceTable td.name div {
	margin: 15px 0;
	padding-right: 10px;
	border-right: 1px dotted #d5dfe6;
}

#resourceTable td.name div p {
	font-size: 13px;
	margin: 2px 0;
}

#resourceTable th {
	color: #fff;
	padding: 5px 10px;
}

#resourceTable th a {
	color: #fff;
	text-decoration: underline;
}

#resourceTable th a:hover {
	text-decoration: none;
}

#resourceTable th.left {
	background: url(../img/resourceTableLeft.gif) no-repeat;
	width: 435px;
	height: 28px;
}

#resourceTable th.right {
	background: url(../img/resourceTableRight2.gif) no-repeat;
	width: 142px;
	height: 28px;
}


#resourceTable td.name p.title {
	font-size: 14px;
	font-weight:normal;
	color:#0575c3;
}

td.required label, td.optional label {
	padding: 5px 0 0 12px;
	background: none;
	vertical-align: top;

}
td.required label {
	background: url(../img/asterisk.gif) no-repeat center left;
}

#members_supporters {
	font-size: 13px;
	color: #333;
}

#members_supporters h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}

#members_supporters h2 a{
	font-size: 16px;
	font-weight: bold;
}

.error_message {
	color: #c31c1a;
	font-weight: bold;
	font-size: 13px;
}
#flashMessage {
	color:#FF3F3F;
	background:#FFDFDF;
	border:1px solid #FF3F3F;
	padding:5px 8px;
	font-size: 14px;
	margin-bottom: 5px;
	width: 284px;
}
.btn_arrow {
	border:none;
	vertical-align:top;
	margin: 3px 0 0 2px;
}
* html .btn_arrow {
    margin: 4px 0 0 2px !important;
}

#moreEventsLink
    {
    margin:15px 15px 5px 15px;
    white-space: nowrap;
	float: right;
    }
#moreEventsLink a
    {
    color:#0575c3;
    text-decoration:none;
    }
#moreEventsLink a:hover
    {
    text-decoration:underline;
    }

#moreEventsLink img
	{
	float: none !important;
	margin:7px 0 0 0 !important;
	}

div.register {
	float: right;
	width: 100px;
}
	
img.register {
	border:none;
	vertical-align: middle;
	float: right;
	margin-right: 1px;
}

a.register {
	text-decoration:none;
}

a.register:hover {
	text-decoration:underline;
}

table.toolkit_login {
	margin: 10px 0 0 20px;
	width: 488px;
}

table.toolkit_login td.toolkit_cell{
	padding: 5px;
}

/* This for IE 7 and IE 6 */
*:first-child+html table.toolkit_login td.toolkit_cell,
* html table.toolkit_login td.toolkit_cell
	{
		padding:0;
	}

input.toolkit_submit {
	height: 20px;
	vertical-align: bottom;
}

/* This for IE 7 and IE 6 */
*:first-child+html input.toolkit_submit,
* html input.toolkit_submit
	{
		vertical-align: baseline;
		line-height: 14px;
	}
