/**  NOT USED  ***/
/***   Google Search Box  ****/
/**  searchbox_wrap used for margin-top fix for table margin-top prob , and 
problem that 100% width does not work, borders break layout  **/
.searchbox_wrap {
	margin: 0 auto;
	padding: 0;
	width: 96%;
	text-align: center;
}
.searchtable {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}
.searchtable_leftcell {
	width: auto;
}
.searchtable_midcell {
	width: 100%;
}
.searchtable_rightcell {
	width: auto;
}
.searchbox1 {
	margin: 0;
	padding: 0;
	background-color: #89B3D9;
	text-align: left;
	color: #154165;
	width: auto;
	text-align: left;
	font-size: 10px;
}
.searchbox2 {
	margin: 0;
	padding: 0;
	background-color: #89B3D9;
	text-align: left;
	color: #154165;
	width: auto;
	font-size: 10px;
}
.searchbutton {
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 10px;
	cursor: pointer;
	background-color: #154165;
	color: #ffffff;
}
/*** For preloading all the page's images, 
just add all images ***/
/***  Preload media  ***/
.preload {
	background-image: url("../images/banner_travelfadelighter.jpg");
}
/**** end preload images ****/
ACRONYM {
	BACKGROUND: url(images/acronym.gif) repeat-x 50% bottom;
	CURSOR: help;
}
.border {
	border: 2px;
	border-color: black;
}
.icon {
	border-right: 2px white solid;
}
.outreach_content {
	display: none;
}
.hidden {
	display: none;
}
.hiddenpic {
	display: none;
}
/*a:visited {

color:#C0C0C0;
}*/
/* for bullets on department a-z */
.deptlist {
	list-style-image: url('../images/ibullet.gif');
	padding-left: 20px;
}
/*links */
/*a {
	color: #336699;
	text-decoration: none;
	a:hover {
	color:#336699;
	text-decoration: underline;
}

	
}*/
a.selected {
	color: #9900FF;
	text-decoration: none;
}
/***Font sizes allowed 14, 12 and 10***/
.font14 {
	font-size: 14px;
	font-weight: bold;
}
.font12 {
	font-size: 12px;
}
.font10 {
	font-size: 10px;
}
/* for buttons on agenda-video page--for this to take effect need master page
for second level folder that agendas page is in--so i placed references for
js file and the following right into page*/
input.groovybutton {
	font-size: 12px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	color: #888888;
	width: 100px;
	height: 25px;
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #BBBBBB;
	border-width: 1px;
}
/**  Main Style  ***/
/**  Main Style  ***/
/** To change design width; adjust only the wrap. For 90% wide, 
adjust to left:5%; and width 90%. Other divs will follow, being 
contained and full width.   **/
/** No width 100%: Use width auto or less than 100% due to border  **/
.wrap {
	z-index: 600;
	position: absolute;
	top: 2px;
	left: 1%;
	width: 98%;
	background: #FFFFFF repeat left top;
	min-height: 600;
	max-width: 800;
}
/** HTML .wrap {HEIGHT: 100%} **/
/** P {MARGIN: 0px 20px; LINE-HEIGHT: 1.6em} **/
/** .wrap {MIN-HEIGHT: 100%;}  **/
body {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #000000;
	HEIGHT: 100%;
}
p {
	margin-bottom: 7px;
}
.style1 {
	margin-right: 0px;
}
/*This places a margin to the right on all html elements for spacing balance (negated this--4-30-08)*/
* {
	margin: 0 0px 0 0;
	padding: 0;
}
/*This makes all images float to left* NEGATED--4-30-08/
/*img {
	float: left;
}
This negates above or just use inline style*/
img.nomargin {
	margin-right: 0px;
}
#right {
	border: none;
	float: right;
	vertical-align: top;
}
HTML {
	HEIGHT: 100%;
}
/***this is for the table structur on every page to fill the page***/
.full {
	width: 98%;
	align= "center";
}
/*** MENU CONTROL CSS  ****/
.menu_control {
	text-indent: 3px;
	padding: 0 0px; 
	font-size: 9pt;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	height: 25px;
	margin: 0 0 0 0;
/*	 progid:DXImageTransform.Microsoft.Gradient
	 (gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);*/
}
.menu_control_dynamic {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 9pt;
	font-weight: normal;
	text-indent: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-color: #E5E5E5;
	border-bottom-style: inset;
	color: #ffffff;
	height: 25px;
	width: 75%;
	
/*	 progid:DXImageTransform.Microsoft.Gradient
	 (gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);*/
}
.menu_control_dynamic_hover {
	margin: 0 0 0 0;
	padding: 0 0px;
	font-size: 9pt;
	font-weight: normal;
	text-indent: 3px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-color: #E5E5E5;
	border-bottom-style: inset;
	color: #ffffff;
	height: 25px;
	
/*	 progid:DXImageTransform.Microsoft.Gradient
	 (gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);*/
}
.menu_control_dynamic_select {
	margin: 0 0 0 0;
	padding: 0 0px;
	font-size: 9pt;
	font-weight: normal;
	text-indent: 3px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-color: #E5E5E5;
	border-bottom-style: inset;
	color: #ffffff;
	height: 25px;
	
	
/*	 progid:DXImageTransform.Microsoft.Gradient
	 (gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);*/
}
/* hor-vert */
/*.rowone_mid {
	float: left;
	width: 47%;
	text-align: left;
}*/
.rowone_right {
	float: right;
	width: 89px;
	height: 110px;
	text-align: center;
	background: transparent url('../images/silo_horse_blue.jpg') no-repeat 98% 50%;
}
/*Navigation*/
.sitemappath {
	height: 25px;
	line-height: 2.2em;
	width: 99%;
	margin: 0 1px;
	color: #000000;
}
/*#navigation{
	height: 25px;
	line-height: 2.2em;
	width: 99%;
	margin: 0 1px;
	color: #ffffff;
}

#navigation_left{
	height: 25px;
	line-height: 2.2em;
	width: 80%;
	margin: 0 1px;
	color: #ffffff;
	float:left;
}
 
 * html #navigation a {width:1%;} 
 
#navigation li{
float:left;
list-style-type:none;
white-space:nowrap;
}

#navigation li a{
	display: block;
	padding: 0 10px;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: lowercase;
	text-decoration: none;
	background-color: inherit;
	color: #ffffff;
	height: 20px;
}



#navigation a:hover{
color:#ffffff;
text-decoration:underline;

}

#navigation .selected{
color: #CCCCCC
text-decoration:none;
font-weight:bold
}


#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
height: 20px;
}

#navigation .selected{
background:#80b0da;
color:#ffffff;
text-decoration:none;
height: 20px;
}

#nav {width:200px; margin:0 auto;}/*/
*/

 /*rowone_links--Yellow Links in Header--USED IN MASTER HEADER*/
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgb(0, 83, 155);
	font-weight: bold;
}
.nav1 li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.nav1 li a {
	display: block;
	float: left;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	color: rgb(229, 181, 58);
	text-decoration: none;
	font-size: 10px;
}
.nav2 a.selected {
	color: rgb(195, 123, 19);
	text-decoration: none;
}
.nav1 a:hover {
	color: rgb(195, 123, 19);
	text-decoration: none;
}
/*nav search container*/
.nav_search-container {
	width: 200px;
	top: 10px;
	position: absolute;
	z-index: 4;
	background: transparent;
	top: 20px;
}
.nav_search {
	position: absolute;
	background: transparent;
}
/****  end head_wrap  ****/
/**************** Searchbar styles ****************/
#searchbar {
	margin: 0 0 0 0;
}
#searchbar form fieldset {
	margin-left: 10px;
	border: 0 solid;
}
#searchbar #s {
	height: 1.2em;
	width: 110px;
	margin: 0 30 0 0;
}
#searchbar #searchbutton {
	width: auto;
	padding: 0 1px;
	font-size: 0.9em;
	text-align: center;
}
/*** this is to make all pages same height of 600px if content is less than 600px--this should work in all browsers***/
.prop {
	float: right;
	width: 1px;
	height: 360px;
}
.wxprop {
	float: left;
	width: 100px;
	height: 1px;
}
/***  DISPLAY:BLOCK makes footer full width stand alone  ***/
.body_wrap {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-top: 0px #FFFFFF solid;
	min-width: 700px;
}
.full_column {
	min-height: 600px;
	float: left;
	margin: 0px auto 0 5px;
	width: 98%;
	background-color: #FFFFFF;
	border-bottom: 2px #FFFFFF;
/*	color:fuchsia;
	min-width: 800px;
*/
}
.left_column {
	min-height: 600px;
	float: left;
	margin: 0px auto 0 5px;
	width: 65%;
	background-color: #FFFFFF;
	border-bottom: 2px #FFFFFF;
}
.left_column_homepage {
	min-height: 600px;
	float: left;
	margin: 0px auto 0 5px;
	width: 65%;
	background-color: #FFFFFF;
	border-bottom: 2px #FFFFFF;
}
.right_column_homepage {
	float: right;
	margin: 0 0 0 0;
	color: #000000;
}
.right_column {
	float: right;
	margin: 0 0 0 0;
	width: 32%;
	color: #000000;
}
/** NOTE: Center column is an outer, inner is center_content, did nesting for some left margin  **/
/** NOTE: Center column is an outer, inner is center_content, did nesting for some left margin  **/
/*.center_column {
	float: left;
	margin: auto;
	width: 45%;
	height: auto;
	text: align:center;
	background-color: #FFFFFF;
}*/
/****  "center_content"  ****/
/*.center_content {
	width: 80%;
}/*

/****  center_content LINK STYLES  ****/
/*.center_content a {
	color: #154165;
	text-decoration: underline;
	font-weight: bold;
}/*
/*.center_content a:hover {
	border-bottom: 0px dotted #000000;
}/*


/*** width must be 100% for dropshadow to work in IE  ***/
/****  h1 is text on the left banner   ****/
/*h1 {
	padding-top: 30px;
	font-size: 1.0em;
	font-weight: bold;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	color: #000000;
}
/*h2 {
	
	padding-top: 20px;
	font-size: 1.55em;
	font-weight: normal;
	color: #FFFFFF;
	width: 100%;
	font-family: Tahoma;
}*/
/*h3 {
	
	font-size: 12px;
	font-weight: normal;
	color: #00539B;
	width: 100%;
	font-family: Verdana, Arial, Geneva, Helvetica, "Lucida Sans", "Trebuchet MS";
}*/
/*.bluespan {
	color: #89B3D9;
}*/
/*#whitebg_h4 {
	border-width: 0px;
	padding: 2px 0px;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	text-indent: 2px;
	text-align: left;
	font-family: Verdana, Arial, Geneva, Helvetica, "Lucida Sans", "Trebuchet MS";
	text-decoration: underline;
}*/
h4 {
	border-width: 0px;
	color: #00539B;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Geneva, Helvetica, "Lucida Sans", "Trebuchet MS";
	text-decoration: none;
}
h4.right {
	border-width: 0px;
	color: #00539B;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, "Lucida Sans", "Trebuchet MS";
	text-decoration: none;
	background-color: silver;
	width: 100%;
}
/*h5 {
	padding: 2px 0px;
	font-size: 1.25em;
	font-weight: normal;
	text-align: left;
}*/
/** Search Bars  ***/
form {
	margin: 0;
	padding: 0;
}
/***  submain left (a_bit_modern) nav LIST STYLES  ***/
/***  9px padding-left is for spacing away from left dropshadow. Did 
 width:auto, except on nav ul li, which is 100%, to force cross-browser compatibility   ***/
.submain_container_spotlight {
	height: 100%;
}
.submain_nav_homepage {
	background: #FFFFFF;
	display: inline-block;
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	padding-bottom: 1px;
	width: 80%;
	border: 0px solid #FFFFFF;
	text-align: left;
	text-indent: 0px;
	float: left;
	font-size:10px;
}
.submain_nav {
	background: #FFFFFF;
	display: inline-block;
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	padding-bottom: 1px;
	width: 80%;
	border: 0px solid #FFFFFF;
	text-align: left;
	text-indent: 0px;
	float: left;
}
.submain_nav ul {
	display: list-item;
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	text-align: left;
	text-indent: 0px;
}
.submain_nav ul li {
	display: list-item;
	width: 100%;
	margin: 0;
	padding: 3px 0px 0px 0px;
	list-style: none url('../images/ibullet.gif');
	border-bottom: 0px #C0C0C0 solid;
	text-indent: 2px;
}
.submain_nav ul li a {
	/** border-right: 4px ridge #6498ca; **/ 	width: 99%;
}
/****  featuredservices_nav LINK STYLES  ****/
.submain_nav ul li a:visited {
	display: block;
	width: 99%;
	padding: 3px 0px;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	border-right: 0px ridge #372F2C;
}
.submain_nav ul li a:link {
	display: block;
	width: 99%;
	padding: 3px 0px;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	border-right: 0px ridge #372F2C;
}
.submain_nav ul li a:active {
	display: block;
	width: 99%;
	padding: 3px 0px;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}
.submain_nav ul li a:hover {
	display: block;
	width: 99%;
	padding: 3px 0px;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}
/* the following 3 rules are for indented submenu items, if applicable  ***/
/***  JUMPY LINKS, HAD TO SPREAD STYLES  ****/
.submain_nav ul ul li {
	line-height: 10px;
	border: 0px solid white;
}
.submain_nav ul ul li a:visited {
	color: #000000;
	width: 100%;
	text-indent: 8px;
	font-weight: normal;
	border: 0px solid white;
	text-decoration: none;
}
.submain_nav ul ul li a:link {
	color: #000000;
	width: 100%;
	text-indent: 8px;
	font-weight: normal;
	border: 0px solid white;
	text-decoration: none;
}
.submain_nav ul ul li a:active {
	color: #e5b555;
	width: 100%;
	text-indent: 8px;
	font-weight: normal;
	text-decoration: underline;
}
.submain_nav ul ul li a:hover {
	color: #e5b555;
	width: 100%;
	text-indent: 8px;
	font-weight: normal;
	text-decoration: underline;
}
/***  Rules for active current topic and subtopic  ***/
/***  ************  ***/
/**  Headlines24  ***/
/**  NOTE: Tried list-type image here, but spacing is all wrong  
      and cant use hover changes or anything either.  Did 
	  indent total width, though, which is good.  ***/
/****  Headlines Vertical  ****/
.headlines_container_24 {
	border: 1px #C0C0C0 solid;
	margin: 0 auto;
	margin-top: 5px;
	width: 96%;
	text-align: center;
}
/***  featuredservices_nav LIST STYLES  ***/
ul.headlines_nav {
	list-style: none;
	width: 100%;
	text-align: left;
	font-family: Verdana, Arial, Geneva, Helvetica, "Lucida Sans", "Trebuchet MS";
	font-size: 12px;
}
ul.headlines_nav li {
	width: 100%;
	margin: 5px 0px 5px 0px;
}
ul.headlines_nav li a {
	display: block;
	width: 100%;
	line-height: 13px;
	background-repeat: no-repeat;
}
/****  Headlines LINK STYLES  ****/
ul.headlines_nav li a:visited {
	text-decoration: none;
	color: #C0C0C0;
}
ul.headlines_nav li a:link {
	text-decoration: none;
	color: #336699;
	font-weight: bold;
}
ul.headlines_nav li a:active {
	background-position: left -48px;
	text-decoration: underline;
	color: #000000;
}
ul.headlines_nav li a:hover {
	background-position: left -48px;
	text-decoration: underline;
	color: #000000;
}
/***  footer_24 --Modified 4-30-08 in reference to line 439 above--clear:both**/
.footer24 {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #ffffff;
	height: 75px;
	background-color: #01509F;
}
/*** Baseabout ****/
.baseabout {
	display: block;
	padding: 2px 0px 4px 0px;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: xx-small;
}
/****  "footer_bottom" link styles   ****/
.baseabout a {
	border-bottom: 2px #ffffff;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
.baseabout a:hover {
	border-bottom: 0px #80B0DA;
}
/****  "basenav menu horizontal   ****/
.basenav {
	display: block;
	padding: 1px 0px 2px 0px;
	width: 100%;
	background-color: #0D3252;
	border-top: 2px solid #ffffff;
	color: #89B3D9;
}
ul.nav {
	display: block;
	padding-bottom: 2px;
	list-style: none inside;
	text-align: center;
}
ul.nav li {
	display: inline;
}
/****  "basemenu" menu link styles   ****/
ul.nav li a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
ul.nav li a:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
ul.nav li a:active {
	border-bottom: 0px #ffcc33;
}
ul.nav li a:hover {
	border-bottom: 0px #ffcc33;
}
/***CREATING TABLES USING DIVS***/
/*.wrapper {
	display: table-row;
	text-align: center;
	vertical-align: top;
}
.foo {
	width: 115px;
	display: inline;
	text-align: center;
}*/
.box {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c0c0c0;
	background-color: #eeeee2;
	color: #000000;
	vertical-align: top;
}
.blackbox {
	margin: 0px;
	padding: 0px;
	border: 2px solid #000000;
	background-color: #eeeee2;
	color: #000000;
	vertical-align: top;
}
.content_box {
	border-left-style: solid;
	border-left-width: 1px;
	border-right: 1px solid #C0C0C0;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: 1px solid #C0C0C0;
	color: #000000;
}
/*.box_spotlight{
	margin: 0px;
	padding: 0px;
	border: 1px solid #c0c0c0;
	line-height: 1.5em;
	vertical-align: top;
	font-size: small;
	font-weight: bold;
	color: #808080;
	background-image: url('../images/spotlight_back.jpg');
}*/
.links a {
	color: #336699;
	text-decoration: none;
}
.spotlight {
	font-size: small;
	font-weight: bold;
	color: #808080;
	background-color: 372f2c;
}
#spotlight_home {
	background-color: #FFFFFF;
	border-left: 2px #FFFFFF;
	border-bottom: 2px #FFFFFF;
	background-image: url('../images/spotlight_back_corners_gray.jpg');
	background-repeat: no-repeat;
	height: 318px;
	float: inherit;
}
#spotlight {
	background-color: #FFFFFF;
	border-left: 2px #FFFFFF;
	border-bottom: 2px #FFFFFF;
	background-image: url('../images/spotlight_back_corners_gray.jpg');
	background-repeat: no-repeat;
	height: 318px;
	float: right;
}
td.top {
	vertical-align: top;
}
td.center {
	text-align: center;
}
td.bottom {
	vertical-align: bottom;
}
/*.home_header
{
font-size: medium;
	color: #154165;

	
}*/
/*.home_header
{
font-size: medium;
	color: #154165;

	
}*/
/*TABS for NEWS and EVENTS*/
#td {
	padding: 0 240px;
}
/*for pushing tabs to left*/
#tabs {
	display: block;
	float: left;
	width: 100%;
}
#tabletabs a.tab {
	border-collapse: collapse;
	border-width: 1px 1px 0px 1px;
	padding: -5px 0em 0px 0em;
	margin-top: 0px;
	margin-right: 4px;
	text-decoration: none;
	text-align: center;
	color: `;
	font-size: small;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; /* 'Bernard MT Condensed' */
}
a.tab:link {
	font-size: small;
	font-weight: bold;
	color: #C37B13;
}
s a.tab:visited {
	font-size: small;
	font-weight: bold;
	color: #C37B13;
}
#tabletabs a.tab:active {
	color: #FFFFFF;
}
#tabletabs a.tab:hover {
	color: #808080;
}
#tabletabs a.tab:hover {
	color: #808080;
}
/* a.tab:hover { */
/* 	background-color: #99CC99; */
/* 	background-image:url(/_code/images/spacer.gif); */
/* } */
.panel {
	border: 1px #FFFFFF solid;
	background-color: white;
	padding: 5px;
	height: 90px;
	overflow: hidden;
	clear: left;
	margin-top: 0px;
}
#content ol.noBullet {
	list-style-type: none;
	line-height: 170%;
	/* hack for Internet Explorer */
	/* hack for Internet Explorer */
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.portletBackground {
	background-color: #FFFFFF; /* white */
}
#mainPortlet .portletBackground {
	background-color: #FDF9E4; /* eggshell */
}
.portletTitle_l {
	background-image: url("../images/tabs/tab_green_l.jpg");
	background-repeat: no-repeat;
	width: 10px;
	background-color: #ffffff;
}
.portletTitle_r {
	background-image: url("../images/tabs/tab_green_r.jpg");
	background-repeat: no-repeat;
	width: 10px;
	background-color: #ffffff;
}
.portletTitle {
	background-image: url("../images/tabs/tab_green_m.jpg");
	background-repeat: no-repeat;
	font-size: small;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; /* 'Bernard MT Condensed' */;
	color: #FFFFFF;
	background-color: #FFFFFF;
}
/*h2.portletTitleText{
	font-size: small;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #FFFFFF;*/
}
/* .portletTitle{ */
/* 	font-size: small; */
/* 	font-weight: bold; */
/* 	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 'Bernard MT Condensed' */
/* 	color: #336633; bg9 dark green */
/* 	background-color: #A5D2A5; light green */
/* 	padding-left: 4px; */
/* } */
.portletContent {
	line-height: 130%;
	margin-bottom: 5px;
	border-top: 1px #C0C0C0 solid;
/* bg13 medium grey */	border-bottom: 1px #C0C0C0 solid;
/* bg13 medium grey */	border-right: 1px #C0C0C0 solid;
/* bg13 medium grey */	border-left: 1px #C0C0C0 solid; /* bg13 medium grey */
}
/*.portletContentNoBox{
	line-height: 130%;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	}*/
/**** IMPORTANT NOTES  ****/
/***  IN THIS PARTICULAR TEMPLATE, THE OBJECT WAS TO ELIMINATE 
FLOAT, IN ORDER TO CONTROL OR TO STOP DIV WRAPPING, where the  
TEXT WRAPS, BUT DIVS DO NOT, WAS MY POINT. Well, ended up being 
a long-winded research project, and ended up working perfectly, 
only not 100% in microsoft IE.  Was also a nightmare, to figure 
how to absolute position every possible div in the layout.  Turns 
out that absolute div containers can only have one row of internal absolute 
divs, and that any second row will jump to the top of the page.  Well, made 
it work by doing 3 rows of divs, and then ended up that the outer wrap wouldn't 
produce border or background image in IE.  

        Well, took it all back down, experimenting still, and saw 
that the center column in a three column layout does not necessarily need 
float, but can be just flow centered, margin:0 auto text-align:center, in IE. 
To do this, had to reshuffle the column html, from left/center/right to 
left/right/center, worked well, but not in all browsers, not in dreamweaver, 
fine in FF, IE, Nvu, had to play with the margin:0 auto and text-align center 
a bit, got it going, kept a working sample of it, still buggy in dreamweaver view.

Also see that 3 floated columns,  the right will not wrap if you simply change the 
order in the html from left/center/right to left/right/center.

     Next ploy, toy, was to play with overflow:auto.  See now that overflow:hidden
stops all div wrapping, but not the text; and the wrapping text becomes hidden.	 
Overflow:visible just causes the divs to wrap again, with text certainly visible.

   Next ploy, toy, was to put everything back into flow, with float, and then 
to come back and put only the most common problematic wrapping divs into 
absolute mode, to see if that will be cross-browser friendly. 

   The whole thing, really, was that I learned the best ways to try and stop, slow, 
minimize div wrapping.  All in all, overflow:hidden is not worth it.  Absolute 
works best, but it looks like only the problem wrapping divs need it 

 Another ploy, toy, is to try to use display:inline instead of float, to see is 
that slows or handles wrapping better.
****/
margin-left: 0.2em !important;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 0.2em !important;;;;