/*-------------------------------------------------
HOME PAGE WIDE AND NARROW COL BOXES
-------------------------------------------------*/



/*--- Content Container ------*/
#content-container {
	background-color:#fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding: 0 0 0 0;
	margin:0;
	background: #fff;
	min-height:600px;
	height:auto;
	width:740px;
		*width:742px;/* for ie7 */
		_width:742px; /* for ie6 */	 	
	}
	
/* for Internet Explorer */
	/*\*/
* html #content-container {	height: 600px;}
	/**/
  			
/* this will ensure that all links and buttons within the following elements looks the same added by say on 3/27/07 */ 
.box-widecol .button-container input, .box-widecol .button-container a:link, .box-widecol .button-container a:visited,
.box-widecol-short .button-container input, .box-widecol-short .button-container a:link, .box-widecol-short .button-container a:visited
   {
	font-size:.9em;
	font-weight: bold; 
	font-family:verdana;
	cursor:pointer;
	color: #252525;
	background: #ccc;
  	text-align: center;
  	text-decoration: none;  	
	width: auto;	
  	border-top: 1px solid #cccccc;
  	border-bottom: 1px solid #000;
  	border-left: 1px solid #cccccc;
  	border-right: 1px solid #000;		
	letter-spacing: 0;	
	margin: 0 1em 0 0;	
	padding: .2em;	
	}

/* box Wide col and box wide col short */
.box-widecol, .box-widecol-short {	
	font-size:.9em;	
	width: 495px;
	clear:both;	
	border:0;
	color: #333;		
	margin: .5em 0 2em 0; 
	padding: .5em 0 4px 0; 	
	line-height:2em;	
	clear:both;
	float:left;
	}
	
.box-widecol {float:left; min-height:220px;}
.box-widecol-short {border-color: #ccc; color: #252525; min-height:105px;}


/* for Internet Explorer */
	/*\*/
* html .box-widecol {
	height: 220px;
	width:65em;	
	}
	/**/


/* for Internet Explorer */
	/*\*/
* html .box-widecol-short {
	height: 105px;
	width: 52.8em;	
	}
	/**/			
		


/* Wide or Left Column-*/
#widecol {
	margin:0 0 0 0;
	padding:0;
	width: 496px; /* IE5.x/win sees this.. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px; /* ..but not this "standards" width value.. */
	height:1600px;
	}

	html>body #widecol {  width: 462px; /* ..or this reinforcement of the standards width. */  }
	
		/* IE6 Only */
		* html #widecol {height:1630px;}
	
		/* IE7 Only */
		*:first-child+html #widecol {height:1630px;}	
	

#widecol .howcanwehelp {	
	font-size:.9em;	
	/*width: 493px;*/
	width:432px;
	border:0;		
	margin: 2px 0 0 0; 
	padding: 0; 		
	line-height:2em;	
	clear:both;
	float:left;
	border:1px solid #ccc; 
	color: #252525;
	}
	
	
		/* IE6 Only */
		* html #widecol .howcanwehelp {width: 434px;height:240px;}
	
		/* IE7 Only */
		*:first-child+html #widecol .howcanwehelp {width:442px;height:240px;}	
	
	
	
	#widecol .howcanwehelp .leftcol{	
	background-color:transparent;
	border:0pt none;
	clear:none;
	color:#252525;
	float:left;
	font-size:0.9em;
	margin:0.5em 1em 2em 0pt;
	padding:0.5em 0.2em 4px 0;
	/*width:220px;*/
	width:190px;
	height:255px;
		}
	
	#widecol .howcanwehelp .rightcol{	
	border:0;	
	background-color:transparent;
	color:#252525;
	font-size:0.9em;
	height:240px;
	margin:0pt 0pt 0pt 193px;
	padding:0pt 0.2em 0pt 0pt;
	position:relative;	
	}
	
		/* IE6 Only */
		* html #widecol .howcanwehelp .rightcol {margin:0.5em 0 2em 193px;padding:0.5em 0.2em 4px 0;}
	
		/* IE7 Only */
		*:first-child+html #widecol .howcanwehelp .rightcol {margin:0.5em 0 2em 193px;padding:0.5em 0.2em 4px 0;}	
	

				
#widecol .howcanwehelp .leftcol h1 {	
	font:1.2em Arial, Helvetica, sans-serif;	
	border:0;
	margin: .5em 1em .5em 8px;
	padding:0;
	line-height:1.7em;	
	clear:both;
	float:left;
	border-top:1px solid #23b2b5; 
	border-bottom:1px solid #23b2b5; 
	color: #008a8d;
	text-transform:uppercase;
	}
			
#widecol .howcanwehelp p {	
	font-size:.9em;	
	color: #008a8d;	
	margin: 0 0 0 8px;	
	padding:0;
	line-height:1.4em;
	}		

#widecol .howcanwehelp p.description{	
	font-size:.9em;	
	color: #008a8d;	
	margin: 0 0 8px 28px;	
	padding:0;
	line-height:1.4em;
	}
	
#widecol .howcanwehelp img {	
	font-size:.9em;	
	color: #008a8d;	
	margin: 0 0 0 0;	
	padding:0;
	line-height:1.4em;
	}		
				

/* Right or narrow Column */
#narrowcol {	
	width: 300px;	
	padding: 0 1px 1px 0;
	margin: 0 0 0 495px;
	border:0;
	position:absolute;
	top:127px;		
	}	
	
		
	/* IE6 Only */
	* html #narrowcol {/*top:143px;*/padding: 0 0 1px 0;top:127px;}
	
	/* IE7 Only */
	*:first-child+html #narrowcol {/*top:138px;*/}	



/*  Sign In   */				
#narrowcol .signin {
	float:left;
	clear:both;
	color: #333;	
	font-size:.9em;	
	min-height:153px;
	height:auto;
	line-height:normal;	
	background-color:#103e99;	
	margin: 1px 0 0 4px;
	padding: 0 0 0 0;
	width:241px;
	position:relative;
	z-index:500;
	}
	
	
		/* IE6 Only */
		* html #narrowcol .signin {width:241px;margin: 0 0 0 2px;height:155px;}
		
		/* IE7 Only */
		*:first-child+html #narrowcol .signin {width:243px;margin: -19px 0 0 5px;height:155px;}	

/* for Internet Explorer */
	/*\*/
* html #narrowcol .signin {height: 153px;}
	/**/

#narrowcol .signin p {		
	line-height:3px;
	padding:0;
	margin:4px 0 0 6px;
	  	}
	

#narrowcol .signin p span.pipe{		
	color:#fff;
	padding:0;
	margin:0;
	border:0;
	  	}

#narrowcol .signin h1 {		
	background-color: #6699cc; 
	background:none; 
	border:0px; 	
	color:#fff;
	font-size:1.1em;
 	font-weight:bold;
  	margin: 6px 0 9px 9px;
	padding: 4px; 
	text-align:left;  
	}			
		
#narrowcol .signin label {
	color:#fff;
	font-size: .95em;
	font-weight:normal;
   	text-align:left;
   	Margin:0 0 0 13px;
   	padding:0;
	vertical-align:top;
	list-style-position: inside;	
	}		

#narrowcol .signin input {border: 1px solid #ccc;height:16px;width:137px;padding: 0 0 0 .2em;}
#narrowcol .signin input:focus {background-color: #FFFFCF;}
#narrowcol .signin input.username {border: 1px solid #ccc;padding-left:.2em;width:137px;margin: 0 0 0 5px;font-size:1em;height:20px;}
#narrowcol .signin input.password {border: 1px solid #ccc;padding-left:.2em;width:137px;margin: 0 0 0 14px;font-size:1em;height:20px;}

#narrowcol .signin input.submit {
	font: normal bold 12px/16px Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#FFF;
	background-color: #CC6633;
	text-align:center; 
	margin:6px 0 0 85px;
	height:23px;
	width:142px;
	}
	
#narrowcol .signin a:link, #narrowcol .signin a:visited, #narrowcol .signin a:hover, #narrowcol .signin a:active {
	font: normal normal .8em Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#FFF;	
	text-align:center; 
	margin:0 0 0 80px;
	text-decoration:none;	}	
			

/* Tesitmonials  */		          
#widecol .rightcol .testimonial_container {
	margin:50px 0pt 0pt 12px;
	padding:0;
	float:left;
	width:190px;  /* width is optional */
	background-color:#f8f7f7; /* You can use your own color */
	font-size:1em;
	}
	
	
		/* IE6 Only */
		* html #widecol .rightcol .testimonial_container {margin:60px 0pt 0pt 6px;}
	
		/* IE7 Only */
		*:first-child+html #widecol .rightcol .testimonial_container {margin:60px 0pt 0pt 12px;}	
	
	
	

/* top center border */
#widecol .rightcol .testimonial_upperRow {
	float:left;
	width:100%;
	height:10px; /* replace with your corner radius value */
	font-size:1px; /* otherwise occasional whitespaces will ruin the height */
	background:url(/images/pixel.gif) repeat-x top; /* url of your pixel image */
	}

/* top left rounded corner */
#widecol .rightcol .testimonial_topLeftCorner {
	float:left;
	height:10px; /* replace with your corner radius value */
	width:10px; /* replace with your corner radius value */
	background:url(/images/tl.gif); /* url of your top left image */
	}

/* top right rounded corner */
#widecol .rightcol .testimonial_topRightCorner {
	float:right;
	height:10px; /* replace with your corner radius value */
	width:10px; /* replace with your corner radius value */
	background:url(/images/tr.gif); /* url of your top right image */
	}

/* content area left border */
#widecol .rightcol .testimonial_centerBorderLeft {
	float:left;
	width:100%;
	background:url(/images/pixel.gif) repeat-y left; /* url of your pixel image */
	}

/* content area right border */
#widecol .rightcol .testimonial_centerBorderRight {
	float:right;
	width:100%;
	background:url(/images/pixel.gif) repeat-y right; /* url of your pixel image */
	}

/* controls the position of content */
#widecol .rightcol .testimonial_centerContent {
	float:left;
	padding:6px; /* Set your own inner padding here */		
	width:166px;
	margin:0 4px 0 4px;
	font:12px/18px Georgia;
	}
	
#widecol .rightcol .testimonial_centerContent h3{
	margin:0 0 0 28px;
	padding:0 0 0 29px;
	font-size:.8em;
	color:#0c6a6c;	
	text-transform:capitalize;
	border:0;
	position:relative;
	left:30px;
	}
		
#widecol .rightcol .testimonial_centerContent span.company {		
		margin:0 0 24px 0;
		padding:0 0 12px 0;
		border:0;
		font-size:.85em;
		font-style:normal;
		color:#0c6a6c;	
		font-family:Verdana, Arial, Helvetica, sans-serif;				
		}	

#widecol .rightcol .testimonial_centerContent .image-left-float {
		margin:0 0 0 12px;
		padding:0 0 0 0;
		border:0;
		height:32px;
		width:40px;
		}

#widecol .rightcol  .testimonial_centerContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3da18b;
	line-height:1.1em;
	font-size:1em;
	padding:0;
	margin: 18px 6px 0 6px;
	}	

/* border bottom */
.testimonial_lowerRow {
	float:left;
	width:100%;
	height:10px; /* replace with your corner radius value */
	font-size:1px; /* otherwise occasional whitespaces will ruin the height */
	background:url(/images/pixel.gif) repeat-x bottom; /* url of your pixel image */
	}

.testimonial_bottomLeftCorner {
	float:left;
	height:10px; /* replace with your corner radius value */
	width:10px; /* replace with your corner radius value */
	background:url(/images/bl.gif); /* url of your top left image */
	}

.testimonial_bottomRightCorner {
	float:right;
	height:10px; /* replace with your corner radius value */
	width:10px; /* replace with your corner radius value */
	background:url(/images/br.gif); /* url of your top right image */
	}		
		
/* News and Events */
#widecol .newsevents {	
	background-color:#f8f7f7;
	border:1px solid #ccc;	
	clear:both;
	color: #252525;
	float:left;
	font-size:.9em;			
	margin: 4px 0 4px 0; 
	padding: 0;
	width: 432px;
		}
	
	/* IE6 Only */
	* html #widecol .newsevents  {width:432px;}
	
	/* IE7 Only */
	*:first-child+html #widecol .newsevents  {width:435px;}	
	
	
	#widecol .newsevents .leftcol{	
	font-size:.9em;	
	border:0;		
	margin:0.5em 0pt 2em 3px;
	/*padding: .5em .2em 4px .2em; 	*/	
	clear:none;
	float:left;	
	color: #252525;
	background-color:#f8f7f7;	
	width: 190px;	
	}
	
	#widecol .newsevents .rightcol{	
	font-size:.9em;	
	border:0;		
	margin:0.5em 0 2em 0;
	/*padding: .5em .2em 4px .2em; 	*/	
	clear:none;
	float:left;	
	color: #252525;
	background-color:#f8f7f7;	
	width: 190px;	
	}

#widecol .newsevents .leftcol h1, 
#widecol .newsevents .rightcol h1{
	font-size:1.3em;
	margin:0 0 0 8px;
	padding:0;
	color: #008a8d;
	text-decoration:none;
	border:0;}


#widecol .newsevents li{
	font-size:.85em;
	margin: 6px 0 0 6px;
	}
		
#widecol .newsevents p {font-size:.85em;margin: 18px 0 0 6px;}								

/* narrow column box  */
#narrowcol .box {
	float:left;
	width:242px;
	bordeR:0px;
	color: #333;	
	font-size:.9em;	
	margin: 0 0 1em 0;
	padding: 0; 
	line-height:2em;	
	position:relative;
	left:4px;
	border:1px solid #ccc; 
	clear:both;
	}	
			
#narrowcol .new_members {
	float:left;
	clear:both;
	width:300px;
	border:0;
	color: #333;	
	font-size:.9em;	
	/*margin: 4px 0 0 4px;*/
	margin: 4px 0 4px -60px;
	padding: 0; 
	line-height:2em;
	background-color:#e2f5fb;
	border:1px solid #ccc; 		
	}
	
	/* IE6 Only */
	* html #narrowcol .new_members {margin: 4px 0 0 0;width:300px;position:relative;left:-60px;}
	
	/* IE7 Only */
	*:first-child+html #narrowcol .new_members {width:300px;}	
	
	#narrowcol .new_members h1{		
		background-color: #6699cc; 
		background:none; 
		border:0px;
		color: #008a8d;
		font-size:1.1em;
		font-weight:bold;
		line-height:10px;
		margin: 6px 0 9px 9px;
		padding: 4px; 
		text-align:left;
		}
	
	#narrowcol .new_members ul{margin: 0 0 0 15px; padding:0 0 2px 0;}
		#narrowcol .new_members ul li{font-size:.8em;padding: 0 0 1px 0;}				

#narrowcol .didyouknow {	
	margin: 6px 0 0 0;		
	width:300px;
	border:0px;
	color: #333;	
	font-size:.9em;	
	left:-64px;
	padding:0 0 6px 6px;
	position:relative;	
	}
	
	/* IE6 Only */
	* html #narrowcol .didyouknow {padding:4px 0 6px 6px;margin: 0 0 0 0;position:relative;left:-66px;float:left;clear:both;}
	
	/* IE7 Only */
	*:first-child+html #narrowcol .didyouknow {padding:4px 0 6px 6px;margin: 0 0 0 0;position:relative;left:-36px;float:left;clear:both;}	
	
	/* IE8 Only */
	*:first-child+html #narrowcol .didyouknow {left/*\**/: -64px\9;}	
	
	
#narrowcol .helpful_tips {		
	margin: 4px 0 4px 8px;		
	width:300px;
	border:0px;
	color: #333;	
	font-size:.9em;	
	padding: 0; 	
	
	margin: 6px 0 0 0;		
	width:300px;
	border:0px;
	color: #333;	
	font-size:.9em;	
	left:-64px;
	padding:0 0 6px 6px;
	position:relative;	
	}	
	
		
	/* IE6 Only */
	* html #narrowcol .helpful_tips {padding:4px 0 6px 6px;margin: 0 0 0 0;position:relative;left:-66px;float:left;clear:both;}
	
	/* IE7 Only */
	*:first-child+html #narrowcol .helpful_tips {padding:4px 0 6px 6px;margin: 0 0 0 0;position:relative;left:-36px;float:left;clear:both;}	
	
	/* IE8 Only */
	*:first-child+html #narrowcol .helpful_tips {left/*\**/: -64px\9;}		
	
	
			
/* box 3 col short*/
#narrowcol .box-short {
	float:left;
	width:20.4em;
	border:0;
	color: #333;	
	font-size:.9em;	
	margin: .5em 1em 1em 0;
	min-height:195px;
	height:auto;
	line-height:2em;	
	}

/* for Internet Explorer */
	/*\*/
* html #narrowcol .box-short {height: 195px;}
	/**/	

.widecol table, .widecol-short table, 
#narrowcol .box table, #narrowcol .box-short table {
  	font-size:1.2em;
	margin:.5em 0 .2em 0;
	padding:0;
	width:98%;
	}	
		 
.box-widecol h1, .box-widecol-short h1, 
#narrowcol .box h1, #narrowcol .box-short h1 {
   	font-size:.9em;
 	font-weight:bold;
  	text-align:left;		
	BORDER-BOTTOM: 4px double #fff;
	margin: 0 0 4px 0;
	padding: 4px;   
    color:#fff;
    background-color: #6699cc;  
	}	
	
		
	
.box-widecol h1 span.link, .box-widecol-short h1 span.link, 
#narrowcol .box h1 span.link, #narrowcol .box-shott h1 span.link{
   	font-size:.95em;
	color:#fff;	
	text-transform:none;
	text-align:right;
	padding:0 0 0 .3em;
	margin:0 ;	
	}		 
	 
.box-widecol h2, .box-widecol-short h2, 
#narrowcol .box h2, #narrowcol .box-short h2 {
   color: #6b8bac;
  	font-size:1em;
 	font-weight:bold;
  	border-bottom:1px solid #ccc ;
  	text-align:left;
	padding:.3em 0 0 .3em;
	margin:0 ;
	width:auto;
  	 }		  


.box-widecol caption, .box-widecol-short caption, 
#narrowcol .box caption, #narrowcol .box-short caption  {
 	color: #6b8bac;
	font-size:1.2em;
  	font-weight:bold; 
  	text-align:left;
  	margin:0 0 .33em 0;
	padding:0 0 .33em 0;
	}		
	
.box-widecol caption.hidden, .box-widecol-short caption.hidden, 
#narrowcol .box caption.hidden, #narrowcol .box-short caption.hidden  {display: none;}	
	 	 	 
.box-widecol th, .box-widecol-short th, 
#narrowcol .box th, #narrowcol .box-short th  {
	font-weight:normal; 
	color: #fff;
	text-align: left;	
	vertical-align:top;
	font-size:.9em;
	border:0;	
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto;		
	background-color: transparent;		
	}	
	 	 	 
.box-widecol table.summary th, .box-widecol-short table.summary th, 
#narrowcol .box table.summary th, #narrowcol .box-short table.summary th {
 	font-weight:normal; 
	color: #fff;
	background-color: #8db7df;
	text-align: left;	
	vertical-align:top;
	font-size:.9em;
	border:0;	
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto;	
 	}	

.box-widecol table.summary th.subcategory, .box-widecol-short table.summary th.subcategory, 
#narrowcol .box table.summary th.subcategory {
	text-align: left;
	color: #252525;
	font-size:.85em;
	font-style: italic;
	font-weight:normal;
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	padding:.2em 0 .3em .2em;
	margin:0;
	background-color: #e0ecfa;
	}

.box-widecol td, .box-widecol-short td, 
#narrowcol .box td {
	font-weight:normal; 	
	text-align: left;
	color: #252525;
	vertical-align:top;
	font-size:.85em;
	border:0;	
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto; 	
	line-height:.95em;	
	background-color: transparent;	
	}	

.box-widecol table.summary td, .box-widecol-short table.summary td, 
#narrowcol .box table.summary td  {
	font-weight:normal; 
	background-color: #e7e7e7;
	text-align: left;
	color: #252525;
	vertical-align:top;
	font-size:.9em;
	border:0;	
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	width:auto;
	padding: .2em .2em .3em .2em;
	margin:0;
	width:auto; 	
	}	

.box-widecol td.fixedwidth, .box-widecol-short td.fixedwidth, 
#narrowcol .box td.fixedwitdh  {
	width: 13em;
	line-height:1em;
	list-style-position: inside;
	margin:0;
	padding:0;
	}	
	
.box-widecol p, .box-widecol-short p, 
#narrowcol .box p, #narrowcol .box-short p   {
	font-size: .95em;
	line-height:1.2em;
	padding:0 .3em ;
	margin:.3em 0 ;
	}		
	

/* text area within  boxes  - say 03/02/2007 */
.box-widecol textarea, .box-widecol-short textarea, 
#narrowcol .box textarea {	
	border: 1px solid #5899d9;
	padding: .3em 0;
	width:20em;
	margin:.5em;
	font-size:1.2em;
	}	
			
/*  add on 2/28/07 by say  */	
.box-widecol ul.form-guidelines-lists, 
.box-widecol-short ul.form-guidelines-lists, 
#narrowcol .box ul.form-guidelines-lists  {	
	list-style:square;
	margin:0 .3em .3em .6em;
	*margin:0 .3em .3em 0;
	_margin:0 .3em .3em 0;		
	}

.box-widecol ul.form-guidelines-lists li, .box-widecol-short ul.form-guidelines-lists li, 
#narrowcol .box ul.form-guidelines-lists li, #narrowcol .box-short ul.form-guidelines-lists li {list-style:square;padding-left:1em; margin:0;}

/* one of the below labels( A or B) must go  say 02/16/2007 */
/* A. */
.box-widecol .form-label, .box-widecol-short .form-label, 
#narrowcol .box .form-label {font-size: 1em;font-weight:bold;}
	
/* B. */
.box-widecol label, .box-widecol-short label, 
#narrowcol .box label {
	font-size: 1em;
	font-weight:bold;
   	text-align:left;
   	Margin:0;
   	padding:0;
	vertical-align:top;
	list-style-position: inside;
	}
		

/* one of the below values (A or B) must go say 02/16/2007 */
/* A. */
.box-widecol .form value, .box-widecol-short .form value, 
#narrowcol .box .form-value {font-size: 1em;font-weight:normal;}
	
/* B.  */
.box-widecol value, .box-widecol-short value, 
#narrowcol .box value {text-align:left;padding-left:2em;vertical-align:top;}		
	



	
/* button container within boxes  - say 02/16/2007 */
.box-widecol .button-container, .box-widecol-short .button-container,
#narrowcol .box .button-container {
	padding:0 0 0 .3em;
	margin:.7em 0;
	background:none;
	clear:both;
	}						



/*-------------------------------------------------
HEADERS
-------------------------------------------------*/

#header {	
	background-color: #199fa2;	
	padding: 0;
	margin: 0;
	border:0;	
	border-bottom:1px solid #fff;		
	clear:both;	
	}	
	
#logo { 
	padding:0;
	margin:-20px 0 0 6px; 
	clear:none;
	height:78px;
	width: 70px;
	background: url(/images/logo_cac.gif) left no-repeat;
	clear:none;
	float:left;
	z-index:999;
position:relative;
top:-10px;
	border-top:2px solid #fff;
	}  	
	
#tagline { 
	color:#fff;
	font-size:.8em;
	clear:none;
	float:left;
	padding:0;
	margin:10px 0 0 8px;
	width:230px;
	} 	


	

/*--- working on homepage (optional notes) css SY on 3/09/07------*/

/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */


#round-box 	{	
	margin-left: 0;
	margin-right: 0;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width: 46em;/* use this for a set width */
	background-color: #eeeeee;
	}
 	
#round-content 	{
	padding:3em;
	background-color: #eeeeee;
	}

#round-content h1 {
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#round-content p {
	color:#3b3b3b;

	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc 	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc 	{
	background-image:url(/images/img-tlc.gif);
	background-position: 0% 0%;
	}

#trc {
	background-image:url(/images/img-trc.gif);
	background-position: 100% 0%;
	}
	
#blc 	{
	background-image:url(/images/img-blc.gif);
	background-position: 0% 100%;
	}

#brc 	{
	background-image:url(/images/img-brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb {background-color: transparent;	background-repeat: repeat-x;}
			
#tb 	{
	background-image:url(/images/img-tb.gif);
	background-position: 0% 0%;
	}

#bb 	{
	background-image:url(/images/img-bb.gif);
	background-position: 50% 100%;
	}
	
#rb 	{
	background-image:url(/images/img-r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb	{
	background-color: #eeeeee;
	background-image:url(/images/img-l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;	
	}	



/* Services CONTAINER */

#services-container { width:650px; margin-left:25px; margin-top:25px; }

/* Services CONTENT */
#services-content { width:650px; margin-top:20px; margin-bottom:20px; }
#services-situation { width:585px; margin-left:40px; margin-top:20px; margin-bottom:20px; }
.question { width:585px; overflow:hidden; cursor:pointer; clear:both; }
.dhtmlgoodies_answer { width:585px; margin-top:5px; visibility:hidden; overflow:hidden; position:relative; background-color: #F5F5F5;clear:both; }
.dhtmlgoodies_answer_content { position:relative; }
#services-column { width:175px; vertical-align:top; }


#myvar {
border:1px solid #ccc;
background:#f2f2f2;
padding:20px;
}	



/* first example */

 /* set background images for corners */
.rbroundbox { background: url(/images/simple_background.gif) repeat; }
.rbtop div  { background: url(/images/simple_top_left.gif) no-repeat top left; }

.rbtop      { background: url(/images/simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(/images/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(/images/simple_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
.rbroundbox { width: 20em; margin: auto; }


/* second example */

 /* set background images for corners */
#secondexample .rbroundbox    { background: url(/images/corners_bg.gif) repeat; }
#secondexample .rbtop         { background: url(/images/corners_top.gif) repeat-x; }
#secondexample .rbtop div     { background: url(/images/corners_top_left.gif) no-repeat top left; }
#secondexample .rbtop div div { background: url(/images/corners_top_right.gif) no-repeat top right; }

#secondexample .rbbot         { background: url(/images/corners_bottom.gif) repeat-x; }
#secondexample .rbbot div     { background: url(/images/corners_bottom_left.gif) no-repeat top left; }
#secondexample .rbbot div div { background: url(/images/corners_bottom_right.gif) no-repeat top right; }

#secondexample .rbcontentwrap { background: url(/images/corners_left.gif) repeat-y; }
#secondexample .rbcontent     { background: url(/images/corners_right.gif) repeat-y right; }

 
 /* height and width details */
#secondexample .rbtop div, #secondexample .rbtop, #secondexample .rbbot div, #secondexample .rbbot {
	width: 100%;
	height: 26px;
	font-size: 1px;
}
#secondexample .rbcontent  { padding: 1px 2em; margin: 0;  }
#secondexample .rbroundbox { width: 300px;  }


/* other CSS rules */

pre { overflow: auto; width: 90%; }



.rbroundbox p, #realcontent .rbroundbox p { padding: 0; margin: 1em 0 0 0; }

/* tstme code */

#realcontent { padding: 1em; margin: 0 300px 0 20px; }
#realcontent p { padding: 1em; margin: 0; }
#realcontent h1 { padding: 0em; margin: 0; }
pre { background: #f5f5f5; padding: 1em; }
#secondexample {
	position: absolute;
	top: 100px;
	right: 0px;
	width: 300px;
	padding: 0;
	margin: 0;
	}		
	 	
	
/*-------------------------------------------------
TABLES
-------------------------------------------------*/


table caption {text-align:left;}
table caption.hidden {display:none;	}

div.table-actions {
	 color: #333;
	 background-color: #eee;
	 border-top:1px solid #eee;
	 border-right: 1px solid #eee;
	 border-left:1px solid #eee;
	 padding:.3em 0 .3em 0 ;
	 margin:.2em 0 0 0;
	 min-height:2em;
	 width: 518px;
	 voice-family: "\"}\"";
	 voice-family:inherit;
	 width: auto;
	 clear:both;
	}

html>body div.table-actions {width:auto;}

.table-actions input, .table-actions input:link, .table-actions input:visited  {
	cursor:pointer;


	border-top: 1px solid #cccccc;
  	border-bottom: 1px solid #000;
  	border-left: 1px solid #cccccc;
  	border-right: 1px solid #000;
  	color: #252525;
	background: #ccc;
  	text-align: center;
  	text-decoration: none;
  	font-weight:bold;
  	font-size:1em;
	width: auto;
  	padding: .2em;
  	margin: 0 0 0 .5em;
	}

.table-actions input:hover {
	background: #68a5e1;
	text-decoration: none;
	}

.table-actions input:active {
	font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    border-style: inset;
	}

.table-actions input:focus {
	background-color: #498e03;
	}

.table-actions a:link, .table-actions a:visited {
	margin: 2px 5px;
	padding: .3em;
	width: auto;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #000;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #000;
	background: #ccc;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	color: #252525;
	font-size:1em;
	}

.table-actions a:hover {
	background: #eee;
	text-decoration: none;
	}

.table-actions a:active {
	border-bottom: 1px solid #eee;
  	border-top: 1px solid #000;
  	border-right: 1px solid #eee;
  	border-left: 1px solid #000;
   	text-decoration: none;
	}

/* common table items */
.grandtotal {
	background-color: #ffffcb;
	font-weight:bold;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top:2em;
	}


/* search results*/
table.search-results {
	margin:0 0 2em 0 ;
	padding:0;
	border:0;
	border-bottom:1px solid #ccc;
 	width:100%;
	clear:left;
	background:#fff;
	}

table.search-results caption {
	text-align:left;
	font-size: 1em;
	min-height:1.4em;
	vertical-align:middle;
	font-weight: bold;
	background-color: #7b9e52;
	color:#fff;
	border-right: 2px solid #fff;
	border-bottom: 1px solid #7b9e52;
	padding:.2em 0 .2em .2em;
	margin: .5em 0 0 0;	
	}	
		
table.search-results caption.hidden {display:none;}


table.search-results th {
	background-color: #d7ecbe;
	text-align: left;
	color: #252525;
	vertical-align:top;
	font-size:.8em;
	border:0;	
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #d7ecbe;
	width:auto;
	padding: .2em 0 .3em .2em;
	margin:0;
	vertical-align:bottom;
	}

table.search-results th.subcategory {
	text-align: left;
	color: #252525;
	font-size:.8em;
	font-style: italic;
	font-weight:normal;
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	padding: .2em 0 .3em .2em;
	margin:0 0 0 0 ;
	background-color: #eeeeee;
	}

table.search-results th.sortable {
	background-color: #cac9c9;
	}
table.search-results th.descending,  table.search-results th.order1 {
	background:  #d2d2d2 url(/images/search-results-table-down-arrow.gif) right no-repeat ;
	}

table.search-results th.ascending, table.search-results th.order2 {
	background:  #d2d2d2 url(/images/search-results-table-up-arrow.gif) right no-repeat;
	 }

table.search-results th.sortable a:link, table.search-results th.sortable a:hover, table.search-results th.sortable a:visited {
	color: #252525;
	text-decoration: none;
	background-color: transparent;
	}

table.search-results th a:link, table.search-results th a:hover, table.search-results th a:visited {
	color: #252525;
	background-color: #d2d2d2;
	text-decoration: none;
	}
	
table.search-results h3 {
	background-color: #eaf8d9;
	text-align: left;	
	font-size:.85em;
	border:0;	
	padding: 6px;
	margin:0;

	}

table.search-results td {
	border-bottom: 1px solid #ddd;
	font-size:.85em;
	padding: .7em 0 .7em 0;
	vertical-align:top;
	color:#252525;
	empty-cells: show;
	}

table.search-results td.taken {	color:#CC0000;}
table.search-results td.searching {	color:blue;	background: #fff url(/images/ajax-loader.gif) 5px center no-repeat;}
table.search-results td.available {	color:green;}

table.search-results td.subcategory, table.search-results td.subcategorydata  {
	font-weight: normal;
	font-size: .9em;
	font-style: italic;	
	overflow: visible ;
	}	
	
table.search-results td.subcategory	{padding-left: 1em;}	
table.search-results td.subcategory-error, table.search-results strong.error, table.search-results td.error {color: #cc0000;}


/* table radio */
table.radio {
	margin:.5em 0 .2em 2em;
	padding:0;	
	width:522px;
	table-layout: fixed;
	}

table.radio caption {
	margin: 0 5px 5px 4px;
	font-size: 1.1em;
	font-weight: bold;
	color: #252525;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 1px; 
	width: 100%;
	display:block;
	overflow:auto;
	text-align: left;

	}


table.radio caption.hidden {
	display: none;
	}

p.radio{
	font-size:.9em;
	margin-left:2em;

	margin-top:1px;
	padding-left:.4em;
	}

table.radio td {
	padding:.3em;
	}

table.radio td.label {
 	font-size:.93em;
	font-weight:400;
   	text-align:left;
   	Margin:0;
   	padding:0;
	vertical-align:top;
	list-style-position: inside;
	}

table.radio td.value {
	font-size:.93em;
    text-align:left;
   	padding-left:2em;
	vertical-align:top;
   	}

/* table form small first column begin */
table.form-narrow-first-col {
	padding:0;
	margin-top:0;
	margin-bottom: .8em;
	width:522px;
	table-layout: fixed;
	}

table.form-narrow-first-col td {
	padding-top:1em;
	padding-bottom:1em;
	padding-right:.5em;
	margin-top:1em;
	margin-bottom:.5em;
	font-size:1em;
	vertical-align: top;
	}

table.form-narrow-first-col p {
	margin-top:1em;
	margin-bottom:1em;
	}

table.form-narrow-first-col th {
	background-color: #e7e7e7;
	text-align: left;
	color: #252525;
	padding: .4em;
	border-right: .1em solid #e2e1e1;
	border-bottom:.1em solid #ccc;
	vertical-align:top;
	font-size:.9em;
	}

table.form-narrow-first-col td label {
   	margin:0;
   	padding:0;
	vertical-align:top;
	font-weight:bold;
	font-size:1.1em;
	}

/* table form small first column ends */



 /* transactions / purchase table */
table.transactions {
	margin:0;
	padding:0;
	border-bottom:3px solid #ccc;
	width:532px;
	clear:both;
	}

table.transactions caption {
	text-align:left;
	font-size: 1em;
	font-weight: bold;
	color: #252525;
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	width: 532px;
	background-color:#d3e1ef;
	padding:.2em 0 .2em .2em;
	margin: .5em 0 0 0;
  	}

table.transactions tr {
	background-color: #fff;
	text-decoration: none;
	}


table.transactions th {
	background-color: #e7e7e7;
	text-align: left;
	color: #252525;
	padding: .2em 0 .3em .2em;
	margin:0;
	vertical-align:top;
	font-size:.9em;
	border:0;
	border-right: 1px solid #fff;
	border-bottom: 1px  solid #fff;
	vertical-align:bottom;
	}


table.transactions th.sortable {
	background-color: #cac9c9;
	}

table.transactions th.descending, table.transactions th.order1 {
	background: #d2d2d2 url(/images/search-results-table-down-arrow.gif) no-repeat right ;
	}

table.transactions th.ascending, table.transactions th.order2 {
	background: #d2d2d2 url(/images/search-results-table-up-arrow.gif) no-repeat right;
}

table.transactions th.sortable a:link, table.transactions th.sortable a:hover, table.transactions th.sortable a:visited {
	color: #252525;
	text-decoration: none;
	background-color: transparent;
	}

table.transactions th a:link, table.transactions th a:hover, table.transactions th a:visited {
	color: #252525;
	background-color: #d2d2d2;
	text-decoration: none;
	}

table.transactions td {
	border-bottom: 1px solid #eee;
	font-size:.9em;
	vertical-align: top;
	margin: .5em 0 .7em 0;
	padding: .6em 0 .6em .2em;
	background:#fff;
	}

table.transactions input.checkbox {
	vertical-align: top;
	border: 0;
	padding:0;
	margin:0;
	}

td.amount {text-align:right;}


table.transactions td.parent {
	font-weight: bold;
	font-size: .9em;
	}

table.transactions td.parent-hidden {
	font-weight: normal;
	font-size: .9em;
	color:#fff;
	}

table.transactions td.subcategory, table.transactions td.child {
	font-weight: normal;
	font-size: .9em;
	font-style: italic;
	padding-left: 2px;
	}

table.transactions td.grandchild {
	font-weight: normal;
	font-size: .9em;
	font-style: italic;
	padding-left: 3px;
	}

table.transactions td.error {color: #cc0000;}
table.transactions strong.error {color: #cc0000;}



table.date-selector {
	color:#252525;
	font-weight:normal;
	font-size:.9em;	
	text-align:left;
	background-color:#d6e2f1;
	margin:1em 0 0 0;
	padding:.3em .6em ;
	width:100%;	
	border-top:#666699 solid 1px;
	border-top:1px solid #6699cc;
	border-right:1px solid #6699cc;
	border-bottom:1px solid #6699cc;
	border-left:1px solid #6699cc;
	clear:both;		
	}

table.date-selector form {
	display: inline;
	margin: 0;
	padding:0;
	}

table.date-selector td {
	margin: 0 ;
	padding:0 ;
	text-align:left;
	}

table.date-selector label {
	padding:0;
	margin:0;
	}

table.date-selector-readonly {
	color:#252525;
	font-size:.9em;
	font-weight:800;
	background:#efefef;
	border-top:0;
	border-bottom:1px solid #c7c6c6;
	}


.table-pricebox {padding:1em 0;}


/*-------------------------------------------------
SPOTLIGHT
-------------------------------------------------*/

/* spotlight scroller*/
.spotlight {
	background: #92b2d2;
	color:#666;
	padding: 2px 2px 2px 7px;
	border: 1px solid #ddd;
	margin: 0 ;
	clear:both;
	font-size:1.3em;
	width:518px;	
	height:22px;
	}
	
	.spotlight p {
		/*position:relative;*/
		text-align:right;		
		font-size:.9em;
		}
		
	.spotlight img {
		padding:0 ;
		margin:0 ;
		border:0;
		height:17px;
		width:17px;
		}	
		
	.spotlight p a:link, .spotlight p a:visited, .spotlight p a:hover, .spotlight p a:active {
		text-decoration:none;
		background:#fff;
		padding:2px 5px;
		border: 1px solid #ccc;		
		margin:0 ;
		height:22px;
		}		
		
	.spotlight p a:hover {background-color: #fbac65;color: #FFF;}
	.spotlight p a.selected {background-color: #ff7d00;color: #FFF;}
	.spotlight p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.spotlight * {margin:0}
	.spotlight h4 {margin-top:-1.45em;padding:0;border:none;}



/* Added for homepage spotlight section by stu young 3/26/07 */


/* spotlight container */
.spotlight-container {
	background: #f6f6f6;
	border-color: #ccc;
	color: #252525;		
	min-height:105px;
	height:auto;
	font-size:.9em;		
	width: 52.2em;	
	margin:.3em 0 ;
	padding:.5em 3px 0 3px;	
	clear:both;		
	}

/* for Internet Explorer */
	/*\*/
* html .spotlight-container  {
	height: 105px;
	width:52.8em;
	}
	/**/	


/*for the word spotlight*/

.spotlight-container h2 {
margin:2px 0 0 6px;
}

.spotlight-container .leftcol {
	width:25em;  
	float:left; 
	clear:none; 
	padding:8px 0 0 6px;
	margin:0;
	}

.spotlight-container .rightcol {
	width:23em;
	float:left;
	clear:right;
	padding:6px 12px 0 12px;
	margin:0 0 0 8px; 
	border-left:1px dashed #ccc;
	}


/*for the word spotlight*/

.spotlight-container h2 {margin:2px 0 0 6px;}

.spotlight-container .leftcol {
	width:25em; 
	float:left; 
	clear:none; 
	padding:8px 0 0 6px;
	margin:0;
	}

.spotlight-container .rightcol {
	width:23em;
	float:left; 
	clear:right;

	padding:6px 6px 0 12px;
	margin:0 0 0 8px; 
	border-left:1px dashed #ccc;
	}
	
/* this is if the spotlight will get 1 col with all text */
.spotlight-container .spotlight-1col {
	padding:8px 6px 0 6px;
	margin:0 0 0 6px;
	padding:3px 0 0 0;
	margin:0 0 0 6px;
	}	

.spotlight-container .navigation-container { 
	/*background: #e2e8ef;	*/
	height:20px;
	float:right;
	clear:none;
	width:40px;
	text-align:center;
	padding: 0 ;
	margin: -12px 6px  0 0 ;
	}

 
	  
.sec_home_maintext {
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#636D6E;
	position:relative;
	clear:both;
	padding:0px;
	padding-bottom:15px;
	margin:0px;
	border:0px;}


#navigation {width:165px;padding:0px 0px 0px 13px;border:0px;float:left;}
.navbox {font-size:100%;margin-bottom:10px;}

.navhead {
	margin:0px;
	padding:0px;
	border-top:1px solid #e8f7ff;
	border-left:1px solid #e8f7ff;
	border-right:1px solid #d7eefb;
	border-bottom:1px solid #d7eefb;
	background-color:#f4fbff;
	}

.navhead h2 {
	margin:0px;
	padding:8px 8px 7px 8px;
	color:#055f92;
	font:bold 9px verdana, arial, helvetica, sans-serif;
	text-transform:uppercase;
	}

.navbody {margin:0px;padding-bottom:15px;font:11px arial, helvetica, sans-serif;}
#navigation ul {margin:0px;	padding:0px;border:none;list-style-type:none;}
#navigation li {margin:0;}

html>body #navigation li a {width:auto;}

#navigation ul li a {
	height:16px;
	display:block;
	padding:3px 0px 0px 14px;
	border-bottom:1px solid #e8f7ff;
	color:#005FA2;
	text-decoration:none;
}

#navigation ul li a:hover {	background-color:#F9FDFF;color:#3E93E2;}
#navigation ul li.on a {font-weight:bold;}
#navigation ul li.on a:hover {
	background:#fff;
	cursor:default;
	color:#005FA2;}

#navigation ul li.parent a {background:url(/images/plus.gif) no-repeat top right;}
#navigation ul li.parent a:hover {	background:#f9fdff url(/images/plus.gif) no-repeat top right;color:#3E93E2;}
#navigation ul li.parenton a {background:#fff url(/images/minus.gif) no-repeat top right;cursor:default;color:#005FA2;font-weight:bold;}
#navigation ul li.parenton a:hover {color:#005FA2;background:#fff url(/images/minus.gif) no-repeat top right;}

#navigation ul ul li.level2on a {display:block;	padding:3px 0px 0px 25px;background:#fff;cursor:default;font-weight:normal;	color:#7C7C7C;}
#navigation ul ul li.level2on a:hover {	background:#fff;color:#7c7c7c;}
#navigation ul ul li.level2 a {	display:block;padding:3px 0px 0px 25px;	background:#fff;cursor:pointer;	font-weight:normal;	}
#navigation ul ul li.level2 a:hover {background:#f9fdff url(/images/level2arrow.gif) no-repeat top left;color:#3E93E2;}
#navigation ul li.print a {	display:block;	padding:3px 0px 0px 38px;background:#fff url(/images/print.gif) no-repeat top left;	font-weight:normal;}
#navigation ul li.print a:hover {background:#f9fdff url(/images/print.gif) no-repeat top left;color:#3E93E2;}
#navigation ul li.email a {display:block;padding:3px 0px 0px 38px;background:#fff url(/images/email.gif) no-repeat top left;font-weight:normal;}
#navigation ul li.email a:hover {background:#f9fdff url(/images/email.gif) no-repeat top left;color:#3E93E2;}

#navigation ul li.map a {display:block;	padding:3px 0px 0px 38px;background:#fff url(/images/sitemap.gif) no-repeat top left;font-weight:normal;}
#navigation ul li.map a:hover {	background:#f9fdff url(/images/sitemap.gif) no-repeat top left;	color:#3E93E2;}
#navigation ul li.page a {display:block;padding:3px 0px 0px 38px;background:#fff url(/images/page.gif) no-repeat top left;font-weight:normal;}
#navigation ul li.page a:hover {background:#f9fdff url(/images/page.gif) no-repeat top left;color:#3E93E2;}
#navigation ul li.advsearch a {	display:block;padding:3px 0px 0px 38px;	background:#fff url(/images/search.gif) no-repeat top left;	font-weight:normal;}
#navigation ul li.advsearch a:hover {background:#f9fdff url(/images/search.gif) no-repeat top left;color:#3E93E2;}

/*-------------------------------------------------
secondary pages
-------------------------------------------------*/
#base {height:95%} 
	
.headerp {
 	font-size : 90%;
    font-weight :bold; 
    color:#FFFFFF;
	padding:3px;
	background-color:#336699;
	width:100%;
	}
 
.seealso { 
	margin-bottom:0px;
	padding-bottom:0;
	background-color:#ffffff
	}

.example { 
	margin-bottom:0px;
	padding-bottom:0;
	background-color:#ffffff
	}

.required { 
	font-family:Verdana;
	font-size: 11px;
	font-weight: normal;
	color:#B83636;
	}

table.seealsotable { border: 0; width:170px;}

table.extable { border: 0; width:170px;}


.seealso a {color:#0096D6;font-size:95%}
.example a {color:#0096D6;font-size:95%}
.seealso a:visited {color: #00467f;} 
.example a:visited {color: #00467f;}

.glossary  {
border-bottom:dashed 1px;
cursor: help;
color: #0076BF
}

.glossary  acronym:visited {
border-bottom:dashed 1px;
cursor: help;
color: #0076BF
}

  
.seealso ul {
padding-left:10px;
margin-left:.75em;
margin-top:0;
color:#0076BF;
}

.seealso ul li {
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
color:#0076BF;
} 

a.showhide, a:link.showhide, a:visited.showhide  {text-decoration:none;color:#fff;cursor:pointer;}

a:hover.showhide, a:active.showhide {text-decoration:none;color:#fff;cursor:pointer;}

.show  {margin-left:13px;padding-top:0px;z-index:1;} 	

.crumb {
 padding-top:6px; 
 padding-bottom:0px; 
 color:#0076BF;
 font-size : 95%;
}

.crumb  a {
 padding-top:6px; 
 padding-bottom:0px; 
 color:#0076BF;
 text-decoration:none;}

.crumb  a:visited { color: #00467f; text-decoration:none;}
.crumb  a:hover {text-decoration:underline;}	
.examples { 
padding-top:0px; 
padding-bottom:0px; 
color:#66AF2B;
margin-left:0;
margin-top:2px;
background-color:#ffffff;
text-transform: uppercase;
FONT-SIZE: 95%; 
font-weight : bold;
}


.exampletext  { 
margin-top:0px;
padding-top:0;
font-weight:normal;
color: #333;
font-size: 95%;
background:#ffffff;
}


.exampletext ul {
margin-top:0px; 
padding-top:0px;
margin-bottom:8px;
 padding-bottom:0px;
}

.exampletext ul li {
margin-top:0px; 
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

table.outer { background-color:#D0E6F4;margin-top:5px;}
 
.code {font-family: "Courier New", Courier, monospace;background-color:#fff;}

ul.new  {list-style-image:url(/images/new.gif);margin-left:15px;}

ul.new  ul  {list-style: circle; }
 
ul.draft {list-style-image:url(/images/newdraft.gif);margin-left:15px;}

ul.compact2   {
margin-bottom:0px; 
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
}

ul.compact2  li {
padding-bottom:0px; 
margin-bottom:0px; 
padding-top:0px;
margin-top:0px;
}

ul.compact   ul.compact   {
margin-bottom:0px; 
margin-top:0px;
padding-top:0px;
margin-top:0px;
}

ul.compact  li {padding-bottom:0; margin-bottom:0; padding-top:0;margin-top:0;}
	
.banner {background-image:url(/images/apt_styleguide_banner_bg.gif);height:39px;}

input.example {	 FONT-SIZE: 13px;  height:16px;  }
#thumbBox #Thumbimage p {font-size:1em; margin:0 0 1em 0; line-height:1.6em;}
#thumbBox #Thumbimage table {font-size:1em; }
#thumbBox #Thumbimage table ol, #thumbBox #Thumbimage table ul { font-size:.9em;}
#thumbBox #Thumbimage th {font-size:.9em; background-color:#eee;text-align:left;margin: 1em 0 1em .5em; height:30px; }
#thumbBox #Thumbimage td {font-size:.8em; padding: 6px }
#thumbBox #Thumbimage ol, #thumbBox #Thumbimage ul { font-size:.8em;}

/*----------------------------------------------------
NEWS on the home page
-----------------------------------------------------*/
   
.news dl {
	width: 100%;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	font-size:1em;
	height:auto;
	border:0;
	}

.news dt {	
	font-weight: normal;
	margin: 0 0 3px 6px;
	padding:0 0 3px 24px;
	font-size: 1em;
	background:  url(/images/icon-announcement.gif) no-repeat 3px 0px;
	clear:both;
	text-decoration:none;
	height:15px;
	float:left;
	height:auto;	
	width:160px;
	}	

/* commented backslash hack for mac-ie5 \*/
 .news dt { clear: both; }
/* end hack */
	
.news dt a.info,
.news dt a.info:link,
.news dt a.info:visited,
.news dt a.info:hover  {text-decoration:none;color:#252525;}		

.news dl dd { 	
	width: auto;
	margin:0 0 0 110px;
	padding: 0 0 2em 0;
	border-bottom:1px #ccc solid;
	margin: 0;
	padding: 0 0 0 .5em;
	border:0;
	}		
		
 .news dl p { 	
	margin: 0 0 0 1.7em;
	padding:3px 0 3px 18px;
	text-align:left;
	color:#888;
	width:200px;
	border:0;
	}
	
 .news  p.viewall a:link,  .news  p.viewall a:visited,  .news  p.viewall a:hover,  .news  p.viewall a:active{ 	
	margin: 9px 0 9px 0;
	padding:9px 0 9px 24px;
	text-align:left;	
	border:0;
	float:left;
	}	

span.date { color:#252525;font-style: italic;}
	
.news dt.pdf {background-image:url(/images/icon-acrobat.gif) ;background-repeat:no-repeat;}	
		
	
/* commented backslash hack for mac-ie5 \*/
 .news  dt { clear: both;}
/* end hack */



/*----------------------------------------------------
EVENTS on the home page
-----------------------------------------------------*/

 
  .events a.mainnav:visited, 
  .events a.nav:link, 
  .events a.nav:visited, 
  .events a:link,
  .events a.mainnav:link 
  {
	width:160px;
	}



.events dl {
	width: 100%;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
	font-size:1em;
	height:auto;
	border:0;
	}


.events dt {	
	font-weight: normal;
	margin: 0 0 3px 6px;
	padding:0 0 3px 24px;
	font-size: 1em;
	background:  url(/images/icon-calendar.gif) no-repeat 3px 0px;
	clear:both;
	text-decoration:none;
	height:15px;
	float:left;
	height:auto;
	width:160px;
	}	

/* commented backslash hack for mac-ie5 \*/
 .events dt { clear: both; }
/* end hack */
	
.events dt a.info,
.events dt a.info:link,
.events dt a.info:visited,
.events dt a.info:hover  {text-decoration:none;color:#252525;}		

.events dl dd { 	
	width: auto;
	margin:0 0 0 110px;
	padding: 0 0 2em 0;
	border-bottom:1px #ccc solid;
	margin: 0;
	padding: 0 0 0 .5em;
	border:0;
	}		
		
 .events  dl p { 	
	margin: 0 0 0 1.7em;
	padding:3px 0 3px 18px;
	text-align:left;
	color:#888;
	width:200px;
	border:0;
	}
	
 .events p.viewall a:link,  .evetns p.viewall a:visited,  .events p.viewall a:hover, .events p.viewall a:active{ 	
	margin: 0;
	padding:3px 0 3px 24px;
	text-align:left;	
	border:0;
	}	


.events dt.pdf {background-image:url(/images/icon-acrobat.gif) ;background-repeat:no-repeat;}	
		
	
/* commented backslash hack for mac-ie5 \*/
 .events  dt { clear: both;}
/* end hack */



.adSpots {padding:0 0 6px 6px;vertical-align:top;margin: 0 0 0 0;position:relative;left:-64px;}

		/* IE6 Only */
		* html .adSpots {padding:4px 0 6px 6px;margin: 0 0 0 0;position:relative;left:-66px;float:left;clear:both;}
	
		/* IE7 Only */
		*:first-child+html .adSpots {padding:4px 0 6px 6px;margin: 0 0 0 0;position:relative;left:-36px;float:left;clear:both;}
		
		/* IE8 Only */
		.adSpots {left/*\**/: -64px\9;}