BODY {
	font-family: "Lucida Sans Unicode", arial, tahoma, Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #CCE0CC;
	margin: 0px;
    color:#fff;
	line-height: 150%;
}

p {
	font-family: "Lucida Sans Unicode", arial, tahoma, Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #fff;
	text-align: left; 
	margin-top: 0px;
	line-height: 150%;
}
h1 {	
	color: #fff;
	font:normal bold 150% Verdana, Arial, Helvetica; 
	margin-top: 0px;
	margin-bottom: 5px;
	}

h2 {
	font:normal bold 110% Verdana, Arial, Helvetica; 
	color: #fff;
	margin-bottom: 0px; 
}
h3 {color: #666; margin:0px; font-weight: 100;}

li {font-size: 90%; }

img {border: 0px;}
.sublinks {margin-top: 10px; font-size: 10px; color: #333; }
.smallprint {font-size: 9px; color: #666; }

a {color: #fff; text-decoration: none; }
a:hover {text-decoration: underline; }
.active {
			width: 110px;
			display: block;
			background-color: #fff;
			color: #006600;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-opera-border-radius: 5px;
			-moz-border-radius: 5px;
			padding: 4px; 
			list-style: url(../images/projectbullet.jpg); 
		}

.half_left a {color: #3d4c91; text-decoration: none; }
.half_left a:hover {text-decoration: underline;}



#wrapper			{ width:700px; margin: 0 auto; padding:0px; }

#top_row			{ width:700px; height: 69px; clear: both;  }
* html #top_row     { margin-bottom:-15px;} 

#row2				{ width:700px; height: 172px; clear: both;  }
* html #row2		{ margin-bottom:-15px;} 

#contact_details	{ font:normal bold 150% Verdana, Arial, Helvetica; color: #006600; width:410px;height: 71px; float:right; text-align:right; }
#contact_details h2	{ color: #006600; font-size: 1.3em; margin-top: 5px; padding-left:20px;}
#contact_details a	{ color: #006600; text-decoration: underline;}

#header				{ width: 486px; height: 172px; float: left; }

#logo				{ width:198px; height: 172px; float:right; }

#middle				{ width:320px; height: 69px; float:left; text-align: right; padding-top:0px;}
	#middle h1		{ font-size: 10px; text-transform:uppercase; letter-spacing: 5px; }

#menu_container		{ width: 335px; height: 316px; float: left; background: url(../images/menu.jpg) no-repeat; }


#Lmain_container_top			{ width: 503px; height:12px; background: url(../images/main-top.jpg) top left no-repeat;}
#Lmain_container_middle			{ width: 503px; float:right; margin-left: 2px; margin-top:15px; background-color:#006600; }
#Lmain_container_bot			{ width: 503px; height: 12px; margin-top:-5px; background: url(../images/main-bot.jpg) bottom left no-repeat;}

#menu				{ width: 176px; background-color: #006600; float:left;  margin-top:15px;  padding:0px;}
* html #menu			{ width: 176px; }
#cmb_top			{ width: 176px; height: 11px; background:url(../images/menu-top.jpg) top left no-repeat;  }
#cmb_bottom			{ width: 176px; height: 11px; background: url(../images/menu-bot.jpg) bottom left no-repeat; margin-top: 0px;}
#cmb h1				{ color: white; margin-bottom: 5px; } 
#cmb p				{ color: white; } 


#navindicator		{ width: 410px; float: right; text-align:right; }
#navindicator h1	{ margin-top: 10px; text-transform: uppercase;}
#linebreak			{ width: 700px; height: 10px; background: url(../images/linebreak.jpg) no-repeat; clear:both;  }

#maincontent		{ width: 530px; float: left; }
#footer				{ width: 700px; height: 49px;  clear:both; padding-right:10px; margin:top:10px; }
#footer a			{ color: white; font-size: 80%;  }
.sub_footer			{ width: 700px; height: 22px; padding-bottom: 10px; }

#column_left		{ width: 237px; float: left; margin-left: 10px; }
#column_middle		{ width: 290px; float: left; margin-left: 10px; }
* html #column_middle {width: 280px;}
#column_right		{ width: 235px; float: right; margin-right: 10px; }

label				{ color: white; }
legend				{ color: white; font-size:14px; }

.projectlist li		{ list-style: url(../images/projectbullet.jpg); line-height: 200%; margin-left: 0px; text-decoration: underline;  }
.projectlist a		{ text-decoration: underline; } 


#main_content {float: right;  width: 854px; background: url(../px/main_bg2.jpg);  }
	.main_content_pad { padding: 15px 25px 15px 20px;}

#content_right { width: 540px; float:right;}

#main_content_footer {float: right;  width: 854px; background: url(../px/main_bg_footer2.jpg);  height:10px; }


textarea {font-family: "Lucida Sans Unicode", tahoma, arial; font-size: 12px; color:#666; }
input {	font-size: 12px; color: #666666; margin-bottom: 3px; margin-top:3px;}
select {font-size: 12px; color: #666666; margin-bottom: 3px; margin-top:3px;}
	.transparent { background-color: transparent; border:0px; color:#fff; font-size: 14px; text-align: right; }

.darkgrey {color: #333; }
.grey {color: #666; text-align: left;}
.black {color: #000; }
.white {color: #fff; }
.green {	color: Green; }
.pink {	color: #F72E90;}

.clear_both { clear: both; height: 1px; padding: 0px; margin: 0px;}
.clear_right {	clear: right; }
.clear_left {	clear: left; }

.float_left { float: left; border:0px; }

.float_right {
	float: right; border:0px; }

.text_left {
text-align: left;
}
.text_right {
text-align: right;
}

.noborder {border:0px; text-decoration: none;}

.half_left {
width: 48%;
float: left;
text-align: left;
}
.half_left30 {
width: 40%;
float: right;
text-align: left;
}
.half_right {
width: 48%;
float: right;
text-align: left;
}

.map {
width: 403px;
float: right;
text-align: left;
margin-right: 20px;}

.designedby {
width: 40%;
float: right;
text-align: right;
}

.disclaimer {
width: 40%;
float: right;
text-align: left;
margin-left:50px;
}
.image_center {margin-left: 270px;}
.image_right {
float: right;
}
.image_righttop3 {
float: right;
margin-top:3px;

}
.image_right_main {
float: right;
margin-left:15px; margin-bottom: 15px;
}
.image_right_clear_left {
float: right;
clear: left;
}
.image_right0 {
float: right;
padding-left: 0px;
padding-bottom: 5px;
position: relative;
top: -20px;
}
.image_left {
float: left;
padding-right: 10px;
padding-bottom: 5px;
}
.div_33 {
	width: 33%;
}
acronym {
cursor: help;
}
 .plaintable table{ border-bottom: 0px solid #fff; border-left: 0px solid #fff; margin-top:-5px; }


.width280 {
	width: 260px;
	text-align: left;
	float: left;
}
.job_title {
	background-color: #660066;
	padding-left: 3px;
}
.job_details {
	background-color: White;
}
.white_bg {
	background-color: #fff;	
}
.padding20_left {
	padding-left: 20px;
}

.padding20 {
	padding: 0px 20px 0 20px;
	text-align: left;
}
.thirdleft { height: 220px; width: 32%; float: left; padding: 2px; text-align: left; border: #666 0px solid; }

#thirdleft { width: 60%; float: left; padding: 2px; text-align: left;}
#thirdmiddle { width: 32%; float: left; padding: 2px; text-align: center; }
#thirdright { width: 33%; float: right; padding: 2px; text-align: right; }


#thirdleft, #thirdmiddle, #thirdright		{font-size: 10px; color: #666; text-decoration: none;}
#thirdleft,#thirdmiddle,#thirdright  a	{font-size: 10px; color: #666; text-decoration: none;}
#thirdleft  a	{font-size: 10px; color: #666; text-decoration: none;}

.date { font-size: 9px; color: #666; }
.moderator { font-size: 9px; color: #333; }
.white { color: white; }

.sep_bar { clear: both; width: 100%; border-bottom-style: solid; border-bottom-color:#589AC3; border-bottom-width: 
1px; padding-top: 0px; margin-bottom: 5px; height:10px; }
.right_col { width: 380px; float: left;}
.left_col { width: 100px; float: left;}

.watch_float_right { float: right; width: 260px; }
.tipbox { border: 1px solid green; padding: 10px; }
.pad25left {padding-left: 15px;}

/* contact page */
div.row {
  clear: both;
  padding-top: 0px;
  
  }

div.row span.label {
  float: left;
  width: 140px;
  padding: 0px 10px 0px 0px;
  text-align: right;
  color: #333;
  background-color: #fff;
  margin-right: 10px; 
 }

div.row span.formw {
  float: left;
  width: 150px;
  text-align: left;
  border-color: #b52352;
  } 

#calmdesign {font-size: 12px; color: #999; text-decoration: none; width: 185px; float: right; padding-right: 14px;  margin-top: 16px; text-align: right;}
#calmdesign a {color: #999; text-decoration: none;  }
#calmdesign a:hover {text-decoration: none;}
#calmdesign a:active {	text-decoration: none; }

.asterix {font-size:14px; color: red;}

#applicant2 {width:95%; background-color: #f0f0f0; border: #333 1px solid;}


/* START ACCORDION CSS CODE */
.box{
background: #fff;
}
.boxholder{
float: right;
margin-right: 40px;
padding: 5px;
background: #233F80;
width:500px;
}
*html .boxholder {float: right; margin: 0px 15px 0px 0px;}

.tab{
float: left;
height: 22px;
width: 102px;
margin: 0 1px 0 9px;
padding-top: 10px;
text-align: center;
background: #233F80 url(../images/bluetab.jpg) no-repeat;
}

.tab a {font-size: 14px; color: #fff; font-weight: 100;}
.tab a:active {font-size: 14px; color: #fff; font-weight: 100;}
.tab h3.active {font-size: 14px; color: #fff; font-weight: 100;}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

.tabtitle {padding-top: 10px; color: white;}
/* END ACCORDION CSS CODE */


.half_left h1 {color: #666; margin: 10px 0 10px 5px;}
.half_right h1 {color: #666; margin: 10px 0 0 10px;}
.half_left30 h1 {color: #000; margin: 10px 0 0 10px;}
.half_left h2 {#000; margin: 10px 0 0 10px;}
.half_left p {margin-left:5px;}
.half_left30 p {margin-left:10px;}

.warning	{ font-size: 12px; color:white ;  background-color:#cc0000;  margin:5px;  }

div.prevnext {
	background-color:blue;
	width: 50px;
}

div.prevnext a:link,
div.prevnext a:visited,
div.prevnext a:hover,
div.prevnext a:active{
	width: 32px;
	height: 32px;
	overflow: hidden;
	text-indent: -999em;
	border: none;
	outline: none;
	display: block;
}

div.prevnext a.next{
	background: transparent url(../px/next.gif) 0 0 no-repeat;
}

div.prevnext a.next:hover{
	background-position: 0 -34px;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:300;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-100px; left:200px;
	padding: 15px 0 0 0;
	width:200px;
	color: #fff;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

*:first-child+html a.tt:hover span.tooltip {    position:absolute;
    top:100px; left:200px;
}

a.tt:hover span.tooltip h1 {color: #fff; margin-bottom:0px; margin-top:0px;}

a.tt:hover span.top{
	display: block;
	padding: 15px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}



/* ///////////////////  SLIDING TABS /////////////////// */

#heading {
			width: 150px;
			display: block;
			text-align: left;
			margin-bottom: 1em;
			margin-left: -40px;
			padding-left: 0px; 
		}
		#heading * {
			
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
#heading li { list-style:none; margin-top: 10px; padding-left: 4px;  }

		#heading li.active {
			background-color: #fff;
			color: #006600;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-opera-border-radius: 5px;
			-moz-border-radius: 5px;
			padding: 0px; 
			list-style: url(../images/projectbullet.jpg); 
		}
		
		
		#panes {
			text-align: justify;
			border-style: none;
			/*width: 245px;*/
			margin: 0px;
		}
		
		
		
		#panes div div { overflow: hidden; }

/* ///////////////////  SLIDING TABS /////////////////// */