html, body {
background-color: #FFF;
font-family: verdana, helvetica, sans;
font-size: small;
color: #330;
margin: 0px;
height: 100%;
} 

table {
border-collapse: collapse;
font-size: small;
width: 100%;
}

img {border: 0;}

.small {font-size: .8em}

p {
color: #330;
}

p.light {
background-color:#069;
color: #990;
font-weight: bold;
}

p.highlight {
border: 2px dashed #6C9; 
padding: .5em;
font-family: courier, "courier new", mono;
font-size: 1.25em;
}

.red {
font-weight: bold;
color: red
}

.logotext {
	font-weight: bold;
	font-size: .7em;
	color: #690;
}

a {color: #069; }
a:hover {color: #330; }

h1 {
color:#069;
}

h4 {
color: #069;
border-bottom: 0px solid #069;
font-size: 1.2em;
}

h5 {
font-family: courier, "courier new", mono;
font-size: 1.1em;
margin-bottom: .25em;
margin-left: 0em;
}

legend {
font-family: courier, "courier new", mono;
font-size: 1em;
font-weight: bold;
}

dl {
margin: 0em;
padding: 0em;
}

dt {
margin: 0em;
margin-top: 1.5em;
font-weight: bold;
text-transform: uppercase;
font-size: .9em;
color: #660;
}

dd {
margin-bottom: 1em;
margin-left: 2em;
}

dd.first {
margin-left: 0em;
}

td.content {
padding: 1em;
}

td.left dt {
color: #CC9;
}

td.left dd {
margin-left: 0em;
margin-bottom: 1em;

}


td.left {
color: #FFF;
}

td.left p {
color: #FFF;
}

td.left h4 {
color: #CC6;
font-family: courier, "courier new", mono;
font-size: 1.5em;
margin-bottom: .25em;
border-bottom: 2px dotted #CC6;
}

td.left li {
list-style-type: none;
}



td.left a{color: #CF6; }
td.left a:hover {color: #FFC; }


td.right a{color: #330; }
td.right a:hover {color: #069; }


form {
background-color: transparent;
}

input {
background-color: #CC9;
}

textarea {
background-color: #CC9;
}

td.right input {
background-color: transparent;
}

/* define divs */

#container {
    position: relative;
    min-height: 100%;
	padding-bottom: 2em;
}

 #top-section {
  position:relative;
  left:0;
  top:0;
background-color:#CC9;
  }

  #mid-section {
  position: relative;
  left: 0;
  top: 0;
}

#left {
position: relative;
top: 0;
float: left;
background-color: #069;
}

#content {
position: relative;
top: 0;
float:left;
}

#right {
top: 0;
float: left;
}

  }
  #bottom-section {
	clear:both;
  position:relative;
  left:0;
  top:0;
  }

 #top-col-1 {
position: relative;
padding-top: 14px;
padding-left: 14px;
height: 186px;
margin: 0em;
background: url(images/nav_border_top.gif) bottom left repeat-x;
  }

 #nnav {
position: relative;
height: 30px;
padding-top: 0px;
text-align: center;
background-color: transparent;
  }

#navContainer {
	width: 792px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 6em;
	z-index: 7;
}



td.left {
  width: 14em;
background-color: #069;
border-top: 1px solid #000;
padding: 1em;
padding-top: 2em;
  }
td.content {
border: 0px dotted #339966;
border-top: 1px solid #000;
  }
td.right {
background-color: #9C6;
width:18em;
padding: 1em;
border-collapse: collapse;
border-top: 1px solid #000;
  }

#tryout {
background-color: #FFF;
border-bottom: 1px solid #000;
height: 2.5em; 
overflow: hidden; 
margin-left: 2em;
}


  #bottom-col-1 {
	text-align: center;
	position:relative;
	padding: .5em;
	background-color:#fff;
	color: #333;
	font-size: .9em;
	border-top: 1px solid #000;
	margin-bottom:auto;
  }

/* define nav */


#nav { 
	padding: 0;
	list-style: none;
	font-weight: bold;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	background: #CC9;
	font-weight: bold;
}

#nav a {
	display: block;
	color: #660; 
	font-family: "courier new", courier, mono;
	font-weight: bold;
	/*text-transform: lowercase;*/
	text-decoration: none;
	padding: .5em 0em;
}

#nav a:hover {
	color: #069;
	background: #FFF;
	font-weight: bold;
}

#nav li { /*first level items */
	float: left;
	padding: 0 20px 0 0 ;
	text-align: center ;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 130px;
	left: -999em;
}
#nnav li li {
	padding-right: 0em;
	width: 56em /* width of item rollover box within dropdown box */
}

#nav li ul a {
	width: 130px; /* width of secondary drop-down boxes */
}
#nnav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nnav li:hover, #nav li.sfhover {
	background: #FFF;
}

#donate {
text-align: center;
margin-left: auto;
margin-right: auto;
}