﻿body{
	background-color: #DAD3DD;
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style: normal;
}

p{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

td {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}

img {
	border:0px;
}

a:link {
	text-decoration: none;
	background-color: transparent;
	color: #5D3A6A;
}
a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #5D3A6A;
}
a:hover {
	text-decoration: underline; 
	background-color: transparent; 
	color : #C61C1B;}

.clear { clear: both; }
.clear:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.outer{
	width: 960px;
	margin: auto;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:76%;
	background-color:white;
	border-top:7px solid #DF8619;
}
/*html .outer {width: 959px;} */

.inner{
	padding: 0px;
	background-color:white;
}

.titlepages{
	color:#A5A5A5;
	font-size:14pt;
	font-family:Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
}

h1 {
	color:#A5A5A5;
	font-size:14pt;
	font-family:Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
}

.topbar{
	background-color:#DF8619;
	height: 86px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	border-bottom:7px solid #DF8619;
}

.topbarleft {
	float: left;
	display:inline;
	width: 220px;
	font-size:medium;
}

.topbarleft img {
	padding-left:10px;
	padding-bottom:1px;
}
.topbarright{
	margin-left: 425px;
	height: 20px;
	text-align: center;
	padding: 58px 0px 0px 0px;
}

.topbartel {
	float: left;
	display: inline;
	width: 75px;
	font-size:medium;
	padding: 64px 0px 0px 0px;
}

.ocreback {
	background-image: url('../images/ocreback.gif');
	background-repeat: repeat;
}

.main {
		margin-top: 5px;
}

.mainb{
	 background-image:url('../images/ocreback.gif');
	 background-repeat: repeat-y;
}

.mainleft {
	float: left;
	display:inline;
	width: 192px;
	background-color:#DF8619;
	height:100%;
}

.maingreybar {
	width: 65px;
	display:inline;
	background-color:#8F9093;
	float:left;
}

.mainright {
	float:right;
	width:768px;
}

.mainrightbody {
	padding-left: 30px;
	padding-top: 15px;
	line-height:1.5;
	padding-right: 30px;
	text-align:justify;
}

.maincol1 {
	float:left;
	width: 350px;
	display:inline;
	line-height:2;
}

.maincol2 {
	margin-left: 355px;
	line-height:2;
}

.maincolinnera{
	float:left;
	width: 170px;
	display:inline;
	line-height:2;
}

.maincolinnerb{
	margin-left: 175px;
	line-height:2;
}

.maincolinst1 {
	float:left;
	width: 350px;
	display:inline;
}

.maincolinst2 {
	margin-left: 355px;
}

.message {
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
	background-color:white;
}


.messageleft {
	float:left;
	width: 490px;
	padding-left:40px;
	padding-right:20px;
	text-align:justify;
	line-height:1.5;
}

.messageright {
	float: right;
	width: 192px;
}


.box1 {
	float:left;
	width: 192px;
	height: 176px;
	background-color: #542B59;
	color:white;
	font-size:large;
}

.box2 {
	float:left;
	width: 192px;
	height: 176px;
	background-color: #C61C1B; 
	color:white;
	font-size:large;
}

.box2 a:link {text-decoration: none; background-color: transparent; color: white; }
.box2 a:visited {text-decoration: none; background-color: transparent; color: white; }
.box2 a:hover {text-decoration: underline; background-color: transparent; color: white; }
.box1 a:link {text-decoration: none; background-color: transparent; color: white; }
.box1 a:visited {text-decoration: none; background-color: transparent; color: white; }
.box1 a:hover {text-decoration: underline; background-color: transparent; color: white; }

.bottomnav {
	height:19px;
	background-color:#DF8619;
	color: #fff;
	padding-left: 3px;
	padding-top: 3px;
}

.bottomnavleft{
	float:left;
	width: 240px;

background-color:aqua;
}

.bottomnavright{
	margin-left: 355px;
background-color:aqua;
}

.bottomnav a:link {text-decoration: none; background-color: transparent; color : white; font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans Serif";}
.bottomnav a:visited {text-decoration: none; background-color: transparent; color : white; font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans Serif";}
.bottomnav a:hover {text-decoration: underline; background-color: transparent; color : #5D3A6A; font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans Serif";}

.footer {
	color: gray;
	text-align:center;
}

.navlist_a li {
  display:block;  
  width:7em; 
  height:2em;
  float:left; 
  margin-right:0.2em;
  }

.navlist_a li em {
  font-style:normal; 
  color:#000;
  }

.navlist_b {
  list-style-type:none; 
  padding:0; 
  width:50em; 
  height:5em; 
  margin:0 auto;
  }

.navlist_b li {
  display:block; 
  width:7em; 
  height:2em; 
  float:left; 
  margin-right:0.2em;
  }

.navlist_b a {
  display:block; 
  width:7em; 
  height:2em;
  position:relative; 
  text-decoration:none;
  }
  
.navlist_b a em {
  
  font-style:normal; 
  color:#000; 
  display:block; 
  width:7em; 
  height:1.5em; 
  border-bottom:0.5em solid #C61C1B;
  position:absolute; 
  top:0; 
  left:0;
  cursor:pointer;
  }

.navlist_b a:hover {
  color:#5D3A6A;
  }

.navlist_b a:hover em {
  /* recolor the em bottom border on hover */
  border-bottom:0.5em solid #5D3A6A;
  }

.instrtitlea {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	padding: 5px 5px 2px 0px;
}

.instrtitleb {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	
	font-style: italic;
	padding: 0px 5px 5px 0px;
}

.instrleft {
	float: left;
	width: 155px;
	display: inline;
	color: #333;
	text-align:left;
	height:205px;
}

.instrright {
	margin-left: 170px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #333;
	text-align: justify;
	width:525px;

	height: 205px;
}

.paddedbox {
	padding:5px;
}

.credits {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-style: normal;
	text-align: center;
}

#nav  {margin:0;padding:0}

ul#nav {
	width:192px;
	background:#C61C1B;
	list-style:none;
}
#nav li {
	width: 192px;
	height: 176px;
	background: url('../images/art.gif') no-repeat center
center;
}
#nav a{
	display:block;
	background:#C61C1B;
	width:192px;
	height:176px;
	text-align:center
}
#nav a:hover{background:transparent;}

#click {
		float:left;
	width: 192px;

}

#nav2  {margin:0;padding:0}

ul#nav2 {
	width:192px;
	background:#C61C1B;
	list-style:none;
}
#nav2 li {
	width: 192px;
	height: 176px;
	background: url('../images/gardening.gif') no-repeat center
center;
}
#nav2 a{
	display:block;
	background:#C61C1B;
	width:192px;
	height:176px;
	text-align:center
}
#nav2 a:hover{background:transparent;}


.userpath {
	font-size: 90%;
	padding-bottom: 15px;
}
.misctitles{
	font-family:Helvetica, Arial, sans-serif;
	color:#333333;
	font-weight:bold;
	padding-bottom: 10px;
}

.redlink {
	
}

.redlink a:link {
	text-decoration: none;
	background-color: transparent;
	color: #C61C1B;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans Serif";
}
.redlink a:visited {
	text-decoration: none;
	background-color: transparent;
	color: #C61C1B;;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans Serif";
}
.redlink a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #C61C1B;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans Serif";
}

