/* base
----------------------------------------------- */

*
{
	padding:                    0;
	margin:                     0;
}

html, body, form, fieldset, table, tr, td
{
	color:                      #444;
	font-family:                Trebuchet MS, Helvetica, Verdana, Arial, sans-serif;
	font-size:                  13px;
	line-height:                1.6em;
	width:                      100%;
	height:                     100%;
}

body
{
	text-align:                 center;		  /* centers content in IE5.5 and earlier */
	background-color:           #eeeeee;
}

div.wrapper {
  position:                   absolute;
  top:                        50%;
  left:                       50%;
  /* margin-left:                auto; */
  /* margin-right:               auto; */
  text-align:                 left;
  width:                      780px;
  height:                     548px;
  margin-top:                 -275px;
  margin-left:                -390px;
  border:                     solid 1px black;
  background-color:           white;
}

div.content {
  height:                     522px;
  position:                   relative;
}

div.footer {
  margin-top:                 2px;
  font-size:                  10px;
  line-height:                1.2em;
}

/* typography
----------------------------------------------- */

a, a:link, a:active, a:visited, a:hover {
  text-decoration:  underline;
  color:            #1E9849;
}

a:hover { 
  text-decoration:  none;
  background-color: #D5E8CA;
}

a.text, a.text:link, a.text:active, a.text:visited, a.text:hover {
  text-decoration:  underline;
  color:            #1E9849;
}

a.text:hover { 
  text-decoration:  none;
  background-color: #D5E8CA;
}

a.graphic { 
  border:           none; 
}

h1,h2,h3,h4 {
	font-family:      "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
}

h1 {
	color: #333;
	font-size: 2.2em;
	font-weight: normal;
	margin: 0.5em 0 0.4em 0;
	line-height: 1em;
}

h1 a { 
  color: #333; 
}

h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 5px 0 2px 0;
	line-height: 1.3em;
	text-align: justify;
	color: #1E9849;
}

h3 {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #1E9849
	display: block;
	padding-top: 5px;
}
	
h4 {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #333333;
	display: block;
	padding-top: 20px;
	margin-bottom: 10px;
}

ol {
	margin: 0.2em 0 1em 0;
	padding-left: 2.25em;
}

p {
	margin-bottom: 0.4em;
	text-align: justify;
	line-height: 1.3em;
}		

ul {
	margin: 1.0em 1.0em 1.0em 1.0em;
	padding: 0 0 0 0;
	list-style-image: url("../images/bullet.gif");
}

ul li {
	padding: 0 0 0.2em 0.0em;
	line-height: 1.4em;
}


/* Header
 ------------------------------------ */

#nav
{
  height:           25px;
  margin:           0;
  padding:          0;
  list-style:       none;
	background-color: #D5E8CA;
	border-bottom:    solid 1px black;
}

#nav ul {
	margin:           0 0 0 0;
	padding:          3px 20px 0 30px;
	list-style:       none;
}

#nav a {
  margin:           0 0 0 0;
  padding:          0 7px 0 7px; 
	display:          block;
	/* width:            71px; */
	color:            #000000;
	text-decoration:  none;
}

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

#nav li {
	float:            left;
	text-align:       left;
	/* width:            71px; */
}

#nav li ul {
  padding:          0 0 0 0;
  margin:           0 0 0 0;
	position:         absolute;
	width:            auto;
	left:             -999em;
	border:           solid 1px green;
	background-color: #E77817;
}

#nav li ul li { 
  float:            none; 
  padding:          0 0 0 0;
  margin:           0 0 0 0;
  border-bottom:    solid 1px white;
  padding-left:     10px; /* Create space for arrow in li.node */
}

#nav li ul li.node { 
  background:       url(../images/menu_arrow.gif) no-repeat left center;
}

#nav li:hover ul {
	left:             auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left:             auto;
}

/* multi-level */
#nav li ul ul {
	margin: -19px 0 0 -162px;
	width:  150px;
}

#nav li ul li ul li
{
  padding: 0 0 0 0;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/************************
 POLAROIDS
 ************************/
 
 div.polaroid
{
  background:  transparent url("../images/polaroid.gif") no-repeat 0 0;
  float:       left;
  width:       113px;
  height:      123px;
  padding:     0;
  margin:      0 7px 5px 0;
  text-align:  left;
}

img.polaroid_image
{
  margin:      10px 0 0 10px;
  padding:     0;
  width:       90px; 
  height:      80px;
}

div.polaroid_legend
{
  width:       110px;
  text-align:  center;
  font-size:   90%;
  overflow:    hidden;
  white-space: nowrap;
  font-weight: bold;
}

a.polaroid, a.polaroid:link, a.polaroid:active, a.polaroid:visited, a.polaroid:hover
{
  background-color: transparent;
  text-decoration: none;
}