body

	{

	margin: 0;

	padding: 0px;

	color:#333333;

  background: #ffffff url(../images/top.png) repeat-x top;

	font-family:Verdana,sans-serif;

  font-size: 12px;

  line-height: 1.5em;

	text-align: left;



	}

	

	

a:link, a:active, a:visited {color: #2b9a96; text-decoration: none; }

a:hover {color: #46c7c3; text-decoration: underline;}



img {

  border: 0px;

}





#ct {

  width: 937px;

  margin: 0px auto;

  padding: 0px 0px 200px 0px;

  border-right: 5px solid #789796;

  border-left: 5px solid #789796;

  background: #FFFFFF;

  position: relative;

}



div#left {

  width: 670px;

  float: left;

  background: none;

  margin: 0px;

  padding: 0px;

}



div#right {

  width: 240px;

  float: right;

  background: none;

  margin: 0px;

  padding: 0px;

}





/* clearing floats*/

body .cl{

  clear:both;

  display:block;

  padding: 0px;

  margin: 0px; /*top right bottom left*/

  width: 0px;

  height: 0px;

  font-size: 1px;

  border: 0px;

}



/*special hidden div*/

.hiddenMagic {

  background-repeat: no-repeat;

  height: 0;

  overflow: hidden;

}



/* -------------------------------------------------------

  Search Box

-------------------------------------------------------*/

form#search_form {

 padding: 0px;

}



form#search_form div {

 border: none;

}



#search_box {

  float: right;

  padding-right: 20px;

  width: 227px;

  height: 28px;

  background: url(../images/searchBoxBG.png) no-repeat;

}

#search_box #s {

  float: left;

  padding: 0;

  margin: 8px 0px 0px 8px;

  border: 0;

  width: 160px;

  background: none;

}

#search_box #go {

  float: right;

  margin: 0px;

}



/* -------------------------------------------------------

 Button Image

-------------------------------------------------------*/

a.buttonImage{

  float: left;

  margin: 9px 0px 0px 9px;

  padding: 0px 1px 0px 0px;

  background: none;

}



/* -------------------------------------------------------

  Banner: Page Title & Menu

-------------------------------------------------------*/

#banner a#pageTitle{

  font-weight: bold;

  color: #2b9a96;

}



#banner img.tagline{

float: right;

padding: 100px 35px 0 0;



}





#banner img.pageTitle{

float: right;

padding: 10px 55px 0 0;



}



#ct #banner ul{

  border: 0px;

  float: right;

  width: 585px;

  list-style-type: none;

  margin: 0px 20px 0 0;

  padding: 0px;

}



#ct #banner ul li {

  float:right;

  margin:0px;

  padding:0px;

  background: none;

}



#ct #banner ul li a

{

  margin: 0px;

  padding: 8px;  /* top right bottom left */

  color: #333;

  border: 0px;

  display: block;

  text-align: center;

  text-decoration: none;

  font-size: .8em;

}



#ct #banner ul li a:hover

{

color: #666;

}



/* tabbed Navigation*/







ul.tabNav{

  border: 0px;

  width: 100%;

  list-style-type: none;

  margin: 9px 0px 0px 9px;

  padding: 0px 5px 0px 5px;

  background: url("../images/tab-bg.png") repeat-y top left;

}



ul.tabNav li {

  float: left;

  background: url("../images/tab-left.png") no-repeat left top;

  margin:3px 0px 0px 0px;

  padding:0 0 0 35px;

}



ul.tabNav a

{

  background: url("../images/tab-right.png") no-repeat right top;

  margin: 0px;

  padding: 6px 35px 11px 0px;

  color: #999;

  border: 0px;

  display: block;

  text-align: center;

  text-decoration: none;

  font-size: .8em;

}



ul.tabNav #current {

  background-image:url("../images/tab-left-on.png");

  }

  ul.tabNav #current a {

  background-image:url("../images/tab-right-on.png");

  color: #000;

  font-weight: bold;

  }



ul.tabNav li a:hover

{

color: #000;

}



/* -------------------------------------------------------

Tool Icons

-------------------------------------------------------*/



a.toolIcon  {

  float:left;

  padding: 5px;

  width: 16px;

  height: 16px;

}



a#createIcon {

  background: url(../images/createIconBw.png) no-repeat 50% 50%;

}



a#emailIcon {

  background: url(../images/emailIconLight.png) no-repeat 50% 50%;

}

a#emailIcon:hover {

  background-image: url(../images/emailIconBw.png);

}



a#printIcon {

  background: url(../images/printerIconLight.png) no-repeat 50% 50%;

}

a#printIcon:hover{

  background-image: url(../images/printerIconBw.png);

}



a#deleteIcon {

  background: url(../images/trashIconOut.png) no-repeat 50% 50%;

}

a#deleteIcon:hover{

  background-image: url(../images/trashIconOver.png);

}



a#updateIcon {

  background: url(../images/editIconOut.png) no-repeat 50% 50%;

}

a#updateIcon:hover{

  background-image: url(../images/editIconOver.png);

}



/* -------------------------------------------------------

  dtree styling

-------------------------------------------------------*/



.dtree {

  padding: 5px 0px 0px 10px;

  background: white url(../images/bubble.jpg) no-repeat top right;

}



/* -------------------------------------------------------

  Footer

-------------------------------------------------------*/



#footer {

  padding: 0px;

  margin: 0px;

}



#fInner {

  width: 917px;

  height: 135px;

  margin: 0px auto;

  padding: 10px;

  border-right: 5px solid #46c7c3;

    border-left: 5px solid #46c7c3;

	border-top: 1px dashed #ddd;

   background: #ffffff url(../images/top.png) repeat-x top;

  position: relative;

}



#footer p{

	float: right;

	font-size: 10px;

	color: #789796;

	width: 250px;

	padding: 5px;

}

#footer img{

float: right;

	padding: 5px;

}



#footer a{
	float: left;
	padding: 5px;

}

#footer span{
	float: right;
	width: 100%;
	font-size: 10px;
	color: #2b9a96;
}


/* ----- FORMS ----------*/

label{

  padding: 10px 0 0 30px;

  color: #2b9a96;

  font-size: 0.8em;

  font-weight: bold;

}



.subform {

  padding: 20px;

  border: 1px solid #eee;

}



.form {

  padding-left: 0px;

	float: none;

	background: #fff;

}

