html {
    margin: 0;
    padding: 0;
    color: #000;
}

.bling-search-topbar {
/*position: absolute;
top: 0px;*/
text-align: left;
/*left: 50%;*/
/*margin-left: -400px;*/
background: #201e5c url(http://www.nffe.org/ht/a/GetImageAction/i/238) no-repeat;
whitespace: nowrap;
width: 780px;
padding-left: 20px;
color: #FFF;
height: 27px;
overflow: hidden;
}

.bling-search-topbar form {
	float: left;
	}

.bling-search-topbar form input {
	margin-top: -2px;
	}

.bling-search-topbar form > input {
	margin-top: 0px;
	}

.bling-search-topbar .links {
	float: right;
	padding-right: 15px;
	}
	
.bling-search-topbar .links a {
	color: #fff !important;
	padding-right: 10px;
	text-decoration: none;
	padding-top: 4px;
	}

.search {
	background-color: #201e5c;
	color: #fff;
	font-size: 125%;
	}

.search input {
	font-size: 10px;
	font-family: arial;
	}

body {
	background: #fff url(http://www.nffe.org/ht/a/GetImageAction/i/244) repeat-x; 
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
    text-align: center;
    padding: 0px;
}

div#sitecontainer {
    background: transparent url(http://www.nffe.org/ht/a/GetImageAction/i/631) no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    /*padding: 27px 6px 0px 6px;*/
    padding: 0 6px 0px 6px;
    text-align: left;
    border-left: 0px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    border-top: none;
}

div#sitecontainer {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: left;
    background-color: #fff;
    overflow: hidden;
}

.smaller {
    font-size: 80%;
}

.bolder {
    font-weight: 600;
}

.dateline {
    float: right;
    font-size: 90%;
}

div.clearer {
    clear: both;
    font-size: 1px;
    line-height: 0;
}

h4 { color: #0B0262;
	background-color: transparent;
	}


#logo {
    margin: 0;
    padding: 0;
}

#logo img {
    clear: none;
}



.nav ul {
    margin: 0;
    padding: 0;
}

.nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav a {
    color: #fff;
    text-transform: capitalize;
}

.nav li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;c
    background-position: left center;
    padding-left: 10px;
}


#nav1 {
	background: #7b1215 url(http://www.nffe.org/ht/a/GetImageAction/i/796) no-repeat; 
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    padding-top: 0px;
    width: 800px;
    height: 26px;
    color: #fff;
}

#nav1 li {
    height: 26px;
    float: left;
    margin: 0;
    padding: 0 1px 0 2px;
}

#nav1 a {
    padding-top: 5px;
    height: 13px;
    display: block;
    
    font-size: 110%;
    font-size: 14px;
    font-weight: bold;
}

#nav1 div a {
    text-align: left;
    width: 100px;
    height: auto;
}


#nav2 {
    background-color: #e4e4e8;
    float: left;
    width: 150px;
    padding: 0px 5px 0px 0px;
    margin: 0px !important;
}

#nav2 li {
    margin: 0;
    padding: 5px 0px 2px 8px;
    line-height: 225%;
    border-bottom: 1px solid #ccc;
}

#nav2 a {
    margin-left: 6px;
    padding-left: 16px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 5px;
    margin: 0;
    color: #201e5c;
    font-weight: 600;
}



#nav2 ul.attention {
	background-color: #ceced0;
}

#nav2 ul.attention li {
    margin: 0;
    padding: 5px 0px 2px 8px;
    line-height: 225%;
    border-bottom: 1px solid #7b1215;
}

#nav2 ul.attention li a {
    background-image: none;
    display: inline-block;
    padding-left: 10px;
    color: #201e5c;
}

#nav2 ul.attention li div a {
	color: #fff;
	}

#nav2 ul.textsize {
    margin: 0;
}

#nav2 ul.textsize li {
	padding-left: 22px;
	color: #fff;
	}

#nav2 ul.textsize li a.tiny {
	font-size: 9px;
	}
	
#nav2 ul.textsize li a.larger {
	font-size: 14px;
	}

#main {
    background-color: #fff;
    float: right;
    width: 580px;
    padding: 10px 20px 0 20px;
}

/* IE Mac hack \*/

#main {
    background-color: #fff;
    float: right;
    width: 580px;
    padding: 10px 20px 0 20px;
}

/* End IE Mac hack */

#main a {
}

body.threecolumn #main {
    background-color: #fff;
    float: left;
    width: 425px;
    padding-right: 0;
}

body.admin #main {
    float: left;
}

#extra {
    float: right;
    text-align: center;
    padding-top: 10px;
    background-color: #fff;
    margin: 0px 10px 0px 0px;
    padding-right: 15px;
}

#extra a {
    color: #600;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

#extra a img {
    float: none;
}

#extra a.blank {
	background-image: none;
	}

#extra a.joinnow {
    font-size: 150%;
}

#extra form h4 {
    font-size: 90%;
    margin: 0;
    font-weight: 600;
}

#extra input.submit {

}

#extra form p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 80%;
}


.rightBar {
	background-color: #fff;
	color: #000;
	font-size: 110%;
	padding: 5px 5px 5px 10px;
	width: 130px;
	border: 0px solid #fff;
	text-align: left;
	}


#footer {
    background: transparent url(http://www.nffe.org/ht/a/GetImageAction/i/246) no-repeat top center;
    clear: both;
    padding-bottom: 1px;
    text-align: center;
    margin: 0px auto 0px auto;
    width: 812px;
}

.address {
    font-size: 80%;
    padding: 20px 5px 5px 0px;
    color: #000;
    background-color: transparent;
    width: 80%;
    }

.address a {
	color: #ccc;
	}

.notice {
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #000000;
}

.powered {
    padding-top: 5px;
    clear: both;
    display: block;
    color: #fff;
}


h1, .homealertmsg strong {
    font-size: 16px;
    background-color: transparent;
    color: #201e5c;;
    font-weight: bold;
    margin-bottom: 8px;
    border: none;
    line-height: 125%;
}

h2 {
    font-size: 10px;
    background: #fff url(http://www.nffe.org/ht/a/GetImageAction/i/242) repeat-x;
    color: #600;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 8px;
    border: none;
}

h3 {
    font-size: 120%;
    color: #333;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px;
    line-height: 110%;
}

h4 {
    font-size: 100%;
    margin: 0;
}

.morelink {
	color: #7b1215;
	background-color: transparent;
	}

#main a {
    color: #7b1215;
}

#main a:visited {
    color: #7b1215;
}


#main {
    line-height: 130%;
    padding-bottom: 20px;
}


ul.itemlist {
    clear: both;
}

ul.itemlist,ul.itemlist li {
    margin: 0;
    padding: 0;
}

ul.itemlist li {
    display: block;
    margin: 20px 0;
    list-style-type: none;
    clear: both;
}

span.itemname {
    font-weight: 600;
    display: block;
    font-size: 110%;
}

span.itemname a {
    display: inline;
}

ul.itemlist.links li {
    margin: 10px 0;
}


img.inline,img.outline {
    float: left;
    margin-right: 10px;
}

img.inline.home {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

a img {
    border: 0; }


input,textarea {
	font-family: garmond, 'times new roman', times, serif;
}

input.smallinput {
    width: 100px;
}

input.mediuminput {
    width: 200px;
}

input.largeinput {
    width: 300px;
}

td.question {
  color                 : #6b7f7f;
  background-color      : #ffffff;
  text-align        : right;
}

div.errorMessage {
  color         : #cc0000;
  font-weight       : 600;
}

.required {
    color: #E91919;
    font-size: 150%;
    vertical-align: bottom;
}


div.headerform {
    clear: right;
    float: right;
    width: 200px;
}

/* Also hide from IE Mac \*/

div#main > div.headerform {     margin-top: 15px;
}

/* End hide */

div.headerform.nofloat {
    float: none;
    width: auto;
    text-align: center;
    margin-top: 0;
}

div.headerform p {
    margin: 5px 0;
}

div.headerform input.main {
    width: 130px;
}

div.headerform input.submit {
    width: 60px;
}

.catitem {
    margin-right: 210px;
    margin-top: 15px;
}

div.headerform form.special {
    float: left;
    width: 45%;
}


body.popup {
    background-color: #eeeeee;
}

body.popup div.popupborder {
    margin: 15px;
    background-color: #ffffff;
    padding: 5px 60px;
    border: 1px solid #000000;
    text-align: left;
}

div.popupborder form {
    text-align: center;
}

div.popupborder img {
    text-align: center;
}

div.popupborder p.date {
    color: #9F9F9F;
    text-align: center;
    font-size: 80%;
    margin: 0;
}

div.popupborder h1 {
    text-align: center;
    font-size: 190%;
    margin-top: 5px;
    font-weight: 600;
	font-family: garmond, 'times new roman', times, serif;
    color: #000000;
    background-color: transparent;
    border: none;
}



table.gallery{
    margin: 0 -10px;
}

table.gallery div.dateline {
    float: right;
    font-weight: 600;
    font-size: 90%;
}

table.gallery h2 {
    margin-top: 10px;
    background-color: transparent;
    color: #000000;
    border-color: #9BB2B0;
    padding: 5px;
}

table.gallery td {
    vertical-align: top;
}

table.gallery td.photo {
    border: 1px solid #9BB2B0;
    padding: 5px;
    text-align: center;
}


div.letters a {
}

div.letters b {
    font-weight: 700;
    background-color: #ffdede;
}


div.releases p {
    margin: 0;
    padding-bottom: 8px;
}

body.admin table {
    width: auto !important;
}

table.outline
{ 
  border-width          : 1px;
  border-style          : solid;
  border-color          : #999999;
}


/* ------------------------------------------------------------ */
/* metastyles: outline                                          */
/* ------------------------------------------------------------ */

img.image-outline
{ 
  border                : 1px solid #000000;

}

/* *******************************

Orchid navstyles.css, Version 2.0
CSS by ppk; April 2004
http://www.quirksmode.org

democratic-x.css contains the main styles (where x is the scheme id)

customstyles.css contains the color and border definitions, these are different
for each site

This .css file contains styles that should ONLY work when the browser supports enough
JavaScript for the foldout menus. If the browser doesn't support JavaScript the user
sees the foldout menus directly below their main links.

KNOWN ISSUE: The combination "float: left" and "position: relative" does not work in
Mozilla 1.4 and below, Opera 7.23 and below and Safari 1.0 . 
As a result the foldout navigation of the top menu appears in the upper left corner
of the screen.
Since this bug affects only older versions of minority browsers I decided not to do
anything.

******************************* */



/* *******************************

BASIC POSITIONING 

Every li in the navigation gets position: relative. In itself this does nothing,
but it allows us to position another element (the foldout div) relative to this LI
instead of relative to the entire page.

Every div inside an li (ie. any foldout menu) gets position: absolute and is hidden
from view.

******************************* */

.nav li {
	position: relative;
}

#nav1 li {
	z-index: 5;
}

.nav li div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.nav div.foldOut {
	display: block;
	background-color: #ffffff;
	z-index: 10;
	padding: 10px;
	border: 1px solid #fff;
}

/* *******************************

FOLDOUT

The script assigns the class "foldOut" to the div that should fold out. It is visible
and its z-index is set to 100.

In #nav1 (top navigation) the foldout is positioned 18px below the LI, which makes it
appear directly below the link.

In #nav2 (left navigation) the foldout is positioned 75px right of the LI. In addition
I set its width.

******************************* */

#nav1 div.foldOut {
	
	background-color: #5a0d0f;
	top: 30px;
	width: 130px;
	border: 0px solid #fff;
	padding-right: 0px;
}

#nav1 li > div.foldOut {
	padding-right: 10px;
	}

#nav1 div.foldOut a {
	margin-left: 0px;
	font-size: 100%;
	padding: 5px 10px;
	border-bottom: 0px solid #fff;
	width: 130px;
	font-weight: normal;
	}

#nav1 div.foldOut a:hover {
	background-color: #934648;
	margin-left: -10px;
	padding-left: 20px;
	}

#nav1 li > div a:hover {
	width: 120px;
	}

#nav2 li {
	display: block;
}

#nav2 div.foldOut {
	border: 1px solid #d2d2d3;
	left: 140px;
	width: 150px;
	background-color: #ceced0;
	color: #201e5c;
}

#nav2 div.foldOut a {
	border-bottom: 1px solid #fff;
		color: #201e5c !important;
	}

#nav2 div.foldOut a:hover {
	background-color: #e4e4e8;
	}

/* *******************************
added
******************************* */

.nav ul {
    margin: 0;
    padding: 0;
}

.nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav a {
}

.nav li div a {
    display: block;
    width: 127px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

.quote
{
  text-align : justify;
  font-style : italic;
  padding    : 5px 5px 5px 5px;
  width      : 120px;
}