/**
 * General HTML Body Classes
 * -------------------------
 */
 
body {
	margin: 0px;
	padding: 0px;
	font: 75%/1em Verdana, Helvetica, sans-serif;
	background-image: url('../images/backgrounds/treesbkd.jpg');
}
 
p {
	color: #300;
	font: 120%/1.2em Verdana, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: left;
}
 
p.small {
	color: #300;
	font: 100%/1.0em Verdana, Helvetica, sans-serif;
	line-height: 1.35em;
	text-align: left;
}
 
p.big {
	font: 140%/1.4em Arial, Helvetica, sans-serif;
	line-height: 1.85em;
}
 
p.bigbanner {
	font: 140%/1.4em Arial, Helvetica, sans-serif;
	line-height: 1.85em;
	background-color: #FF3;
	text-align: center;
	border: dashed 1px #630;
}
 
a:link {
	color: #900;
	font-weight: bold;
	text-decoration: underline;
}
 
a:visited {
	color: #600;
	font-weight: bold;
	text-decoration: underline;
}
 
a:hover {
	color: #F00;
	font-weight: bold;
	text-decoration: none;
}
 
a:active {
	color: #F60;
	font-weight: bold;
	text-decoration: none;
}
 
a.nav:link {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
 
a.nav:hover {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #ff0;
	font-weight: bold;
	text-decoration: underline;
}
 
a.nav:visited {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
 
blockquote {
	font: 90%/0.9em Arial, Helvetica, sans-serif;
	line-height: 1.35em;
	text-align: justify;
}
 
dd {
	line-height: 1.35em;
}
 
dt {
	line-height: 1.35em;
	font-weight: bold;
	text-decoration: underline;
}
 
H1 {
	Color: #630;
	font-size: 18px;
	line-height: 24px;
	font-family: Verdana;
}

H2 {
	Color: #300;
	font-size: 14px;
	line-height: 20px;
	font-family: Verdana;
	text-align: left;
}

H3 {
	Color: #300;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana;
	text-align: left;
}

H3.cen {
	Color: #300;
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana;
	text-align: center;
}

H4 {
	Color: #300;
	font-size: 10px;
	line-height: 14px;
	font-family: Verdana;
	text-align: left;
}

img.left	{
	float: left;
	padding-right: 18px;
	padding-bottom: 12px;
}

img.right	{
	float: right;
	padding-left: 18px;
	padding-bottom: 12px;
}

ul {
	margin-top: 0px;
	margin-bottom: 4px;
}
 
dd, dt {
	line-height: 1.35em;
	margin-top: 0px;
	margin-bottom: 1px;
	color: #630;
}
 
li {
	line-height: 1.35em;
	margin-top: 0px;
	margin-bottom: 1px;
	color: #630;
}
 
li.left {
	line-height: 1.35em;
	text-align: left;
}
 
td {
	color: #000;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	font-family: verdana;
}

td.nav {
	color: #FFF;
	width: 240px;
}

td.cal1	{
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	width: 70px;
}

td.cal2	{
	text-align: left;
	padding-left: 10px;
	background-color: #ccf;
	width: 574px;
}

td.cal3	{
	text-align: left;
	padding-left: 20px;
	background-color: #fc9;
	width: 574px;
}

td.camp	{
	text-align: left;
	font-size: 10px;
	padding: 5px;
	background-color: #cfc;
}

td.list  {
	color: #000;
	font-size: 10px;
	line-height: 16px;
	font-family: Verdana;
}
td.left {
	text-align: left;
}
 
td.right {
	text-align: right;
}
 
th.center {
	text-align: center;
	color: white;
}
 
th.left {
	text-align: left;
	color: white;
}
 

th.camp	{
	text-align: left;
	padding: 5px;
	color: #fff;
	background-color: #063;
}

/**
 * Basic DIV Elements 
 * ----------------------------
 * 
 */
 
#container {
	width: 720px;
	margin: 36px;
	padding: 18px;
	min-height: 300px;
	background-image: url('../images/backgrounds/treesbkdlt.jpg');
}
 
#pagemiddle {
	width: 720px;
	min-height: 360px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}
 
#footer {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	width: 720px;
	margin-top: 18px;
	margin-bottom: 18px;
	background-color: #063;
	height: 10px;
	padding: 0px;
	color: #FFF;
	clear: both;
	text-align: center;
}
 
#footer a:hover {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #ff0;
	font-weight: bold;
	text-decoration: underline;
}
 
#footer a:link {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
 
#footer a:visited {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
 
#header {
	width: 720px;
	margin-top: 0px;
	background-image: url('../images/banners/dnobanner2.jpg');
	background-repeat: no-repeat;
	padding: 0px;
	height: 144px;
}
 
#smheader {
	width: 720px;
	margin-top: 0px;
	background-image: url('../images/banners/dnobannersm.jpg');
	background-repeat: no-repeat;
	padding: 0px;
	height: 96px;
}
 
#columnheader {
	width: auto;
	height: auto;
	padding: 4px;
	background-image: url('../images/backgrounds/brownshade.gif');
	border-top: 1px solid #ff9;
	border-left: 1px solid #ff9;
	border-right: 1px solid #630;
	border-bottom: 1px solid #630;
	text-align: center;
}
 
#columnheader h3 {
	font: 150%/1.5em Verdana, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	font-weight: bold;
	color: #000;
	padding-left: 3px;
	margin-bottom: 10px;
	line-height: 1.35em;
}
 
#columnheader h4 {
	font: 100%/1.0em Verdana, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	font-weight: bold;
	color: #000;
	padding-left: 3px;
	margin-bottom: 10px;
	line-height: 1.5em;
}
 
#menuheader {
	width: auto;
	margin-top: 9px;
	height: 18px;
	background-color: #FF3;
	border-top: 1px solid #c90;
	border-left: 1px solid #c90;
	border-right: 2px solid #960;
	border-bottom: 2px solid #630;
	text-align: left;
}
 
#menuheader h4 {
	margin: 0 0 1em 0;
	font-weight: bold;
	color: #630;
	padding-left: 3px;
	padding-top: 3px;
	margin-bottom: 10px;
}
 
#minibanner {
	width: auto;
	margin-top: 18px;
	padding-bottom: 18px;
	text-align: center;
}
 
#nav1 {
	width: 720px;
	background-color: #009;
	height: 18px;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
	color: #FFF;
}
 
#nav1 a:link {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
 
#nav1 a:hover {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #FF0;
	font-weight: bold;
	text-decoration: underline;
}
 
#nav1 a:visited {
	font: 90%/0.9em Verdana, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
 
#nav2 {
	width: 720px;
	background-color: #0000FF;
	height: 18px;
	padding: 0px;
}
 
#navs {
	margin-top: 0px;
	width: 720px;
	margin: 0px;
	padding: 0px;
}
 
#photo {
	float: left;
	padding: 5px;
	margin-top: 0px;
	border: 18px;
	border-color: #FFF;
}
 
#time {
	float: right;
	font: 200%/2.0em Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1em 0 1em 0;
	margin-right: 9px;
	line-height: 2.35em;
	color: #FFF;
}
 
#widepic {
	width: 320px;
	height: 240px;
	float: left;
	background-color: #66f;
	margin-top: 40px;
	padding: 2px;
}
 
/**
 * ----------------------------
 */
#rightmenu {
	float: right;
	width : 126px;
	min-height: 360px;
	margin: 0;
	margin-right: 27px;
	padding-left: 26px;
	border-left: solid 1px #CCC;
	text-align: left;
}
 
#rightmenu a:hover {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}
 
#rightmenu a:link {
	color: #006;
	font-weight: normal;
	text-decoration: none;
}
 
#rightmenu a:visited {
	color: #336;
	font-weight: normal;
	text-decoration: none;
}
 
#leftcontent {
	width: auto;
	margin-top: 18px;
	margin-left: 27px;
	margin-right: 207px;
	padding: 0px;
	text-align: left;
}
 
/**
 * ----------------------------
 */
#leftmenu {
	float: left;
	width : 126px;
	min-height: 360px;
	margin: 0;
	margin-left: 18px;
	padding: 0px;
	text-align: left;
}
 
#rightcontent {
	width: auto;
	margin-top: 18px;
	margin-left: 162px;
	margin-right: 18px;
	padding-left: 18px;
	border-left: solid 1px #CCC;
	text-align: left;
}
 
/**
 * ----------------------------
 */

#midcontent {
	float: left;
	width : 243px;
	margin-left: 0px;
	margin-right: 18px;
	padding-left: 0px;
	text-align: left;
}
 
#col2 {
	width: auto;
	margin-left: 258px;
	padding-left: 18px;
	border-left: solid 1px #CCC;
	text-align: left;
}
 

/**
 * ----------------------------
 */
#columna {
	float: left;
	width: 324px;
	margin-left: 18px;
	padding: 0px;
	text-align: left;
}
 
#columnb {
	width: 324px;
	margin-top: 18px;
	margin-left: 378px;
	margin-right: 18px;
	text-align: left;
}
 
/**
 * ----------------------------
 */
#topleft {
	float: left;
	width: 324px;
	min-height: 198px;
	margin-top: 0px;
	margin-left: 18px;
	padding: 0px;
	text-align: left;
}
 
#topright {
	width: 324px;
	min-height: 198px;
	margin-top: 18px;
	margin-left: 378px;
	margin-right: 18px;
	text-align: left;
}
 
#bottomleft {
	clear: both;
	float: left;
	width: 324px;
	margin-top: 0px;
	margin-left: 18px;
	padding: 0px;
	text-align: left;
}
 
#bottomright {
	width: 324px;
	margin-top: 0px;
	margin-left: 378px;
	margin-right: 18px;
	text-align: left;
}
 
/**
 * ----------------------------
 */
#rphoto {
	float: right;
	width : 204px;
	margin: 0;
	margin-right: 27px;
	padding-left: 26px;
	border-left: solid 1px #CCC;
	text-align: left;
}
 
#lcolumn {
	width: auto;
	margin-top: 18px;
	margin-left: 27px;
	margin-right: 285px;
	padding: 0px;
	text-align: left;
}
 
/**
 * ----------------------------
 */
#lphoto {
	float: left;
	width : 204px;
	margin: 0;
	margin-left: 27px;
	padding: 0px;
	text-align: left;
}
 
#rcolumn {
	width: auto;
	margin-top: 18px;
	margin-left: 258px;
	margin-right: 27px;
	padding-left: 26px;
	border-left: solid 1px #CCC;
	text-align: left;
}
 
/**
 * ----------------------------
 */
#calendar {
	border-left: solid 1px #CCC;
	float: right;
	margin-left: 27px;
	margin-right: 27px;
	margin-top: 18px;
	min-height: 396px;
	padding: 0px;
	text-align: left;
	width: auto;
}
 
#calendar td {
	line-height: 1.5em;
}
 

#slides {
	float: right;
	width: 280px;
	text-align: right;
	padding-left: 18px;
}