body {
  background-image:url('./images/bodybackground.jpg'); 
  background-repeat: repeat-x; 
  background-color:#f2edd7;  
  font: 80% Arial, sans-serif;
  color: black;
  margin: 0;
  padding: 0;
  text-align:center; /* for IE */ }

#visual-portal-wrapper {
  border:1px solid white;
  margin: 0 auto;
  padding: 0;
  text-align:left; /* reset text alignment */
  width:1000px;
  background-color: #ffffff;}

a {color:#003399; background-color: transparent; text-decoration:none;}
a:hover {color:#990000; text-decoration:underline;}
img {border: none; vertical-align: middle;}
p {margin: 0 0 0.5em 0; line-height: 1.25em;}
p img {border: none; margin: 0;}
hr {border: 0; height: 1px; color: #003399; background-color: transparent; margin: 0.5em 0 1em 0;}
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {color: #000000; margin: 0.25em 0 0.25em 0;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {color: #ffffff ! important; text-decoration: none;}
h1 {font-size: 160%;}
h2 {font-size: 150%;}
h3 {font-size: 125%; border-bottom: none; font-weight: bold;}
h4 {font-size: 110%; border-bottom: none; font-weight: bold;}
h5 {font-size: 100%; border-bottom: none; font-weight: bold;}
h6 {font-size: 90%; border-bottom: none;font-weight: bold;}
ul {line-height: 1.25em; padding:0; margin:0.25em 0.5em 0.5em 2em;}
ol {line-height: 1.5em; padding: 0;}
li {margin-bottom: 0.5em; }


/*========== Header ==========*/

  /* Top section */
#portal-top {
  margin: 0 0 0px 0;
  padding: 0;
  background: #ffffff url('./images/mainbanner.jpg') top left no-repeat;
  height:65px;
  border-bottom:0px solid #fff;}

/*=====  Site-wide action menu - font size, contact, index, sitemap etc =====*/
#portal-siteactions {
  background-color: transparent;
  white-space: nowrap;
  list-style-image: none;
  list-style-type: none;
  margin: 1px 0 0 0;
  height: auto;
  line-height: normal;
  float: right;
  padding: 0 4px 1px 4px;}
#portal-siteactions ul {line-height: 1.1em; padding:0; margin:0 0 0 2em;}
#portal-siteactions li {display: inline;}
#portal-siteactions li a {
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
  height: auto;
  padding: 0;
  margin-right: 0.2em;
  text-decoration: none;
  text-transform: uppercase;}
#portal-siteactions li a:hover {color: red;}

/*=====  Search bar CSS3 styles  =====*/
#searchBox{
    float: right; 
	clear:right;
    margin: 3px 5px 0 0;
    padding: 0px; 
}
.searchForm {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchForm input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchForm .searchField {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 232px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchForm .searchButton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

/*========== Main Body ==========*/

#mainbody {}

  /*===== areas =====*/
#areas {float:left; width:300px; margin:1px 0;}
#areas div.boxes {margin:0 0 1px 0; padding:0; background-color:#54bbf1; border:1px solid #003399;}
#areas div.boxes .boxestitle{font-size:12pt; color:#ffffff; margin:0; padding:2px 5px; background-color:#003399;}
#areas div.boxes .boxesbody{margin:0 0 1px 0; padding:0 2px 2px 2px; font-size:90%;}
#areas div.boxes .boxesbody a{color:#000000;}


.col1 {width:348px; float:left; margin-right:2px;}
.col2 {width:348px; float:left;}

.rightnav {}


  /*===== more info =====*/
#outer {float:left; width:700px; font-size:90%; margin:1px 0;}
#outer h6 {clear:both; color:#000000; padding:0 1px;}
    /* always visible */
#outer .holder {padding:0 0 5px 0; border:0px solid #ddd; margin:0 0 0 0; background-color:transparent; clear:both; 
  /* ie6 hack */  
min-height:80px; 
height:auto !important; 
height:80px}
#outer .description {padding:0 2px; font-size:85%; color:#666666;}
#outer .holder p {padding:0 5px 0.75em 5px; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h4 {font-weight:normal; height:auto; margin:0; padding:1px 5px; color:#ffffff; background-color:#009900; clear:both;
  /* ie6 hack */  
min-height:1.25em; 
height:auto !important; 
height:1.25em;}
    /* unclicked style div.more */
#outer div.more i {float:right; clear:both; margin-left:10px; margin-right:-10px 10px 0 0; cursor:pointer; color:#900; font-weight:bold; font-size:85%;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}
    /* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block; margin-left:10px;}
#outer div.click img {display:block; float:left; padding-right:10px;}

  /*===== custom info =====*/
a.icon {float:right; margin:1px 0 0 1px;  display:block; background:transparent url('/images/icon-gov.jpg') top right no-repeat;}

#infogov a.icon {height:50px; width:40px; background:transparent url('./images/logo-gov.jpg') top right no-repeat;}
#infoltgov a.icon {height:50px; width:40px; background:transparent url('./images/logo-ltgov.jpg') top right no-repeat;}
#infodags a.icon {height:50px; width:70px; background:transparent url('./images/logo-dags.jpg') top right no-repeat;}
#infohdoa a.icon {height:50px; width:47px; background:transparent url('./images/logo-hdoa.jpg') top right no-repeat;}
#infoatg a.icon {height:50px; width:50px; background:transparent url('./images/logo-atg.jpg') top right no-repeat;}

#infodbedt a.icon {height:15px; width:79px; background:transparent url('./images/logo-dbedt.gif') top right no-repeat;}
#infodcca a.icon {height:48px; width:60px; background:transparent url('./images/logo-dcca.gif') top right no-repeat;}
#infodod a.icon {height:50px; width:80px; background:transparent url('./images/logo-dod.jpg') top right no-repeat;}
#infodoe a.icon {height:50px; width:50px; background:transparent url('./images/logo-doe.jpg') top right no-repeat;}




#infodhhl a.icon {height:50px; width:46px; background:transparent url('./images/logo-dhhl.jpg') top right no-repeat;}
#infodoh a.icon {height:50px; width:50px; background:transparent url('./images/logo-doh.gif') top right no-repeat;}
#infodhrd a.icon {height:50px; width:55px; background:transparent url('./images/logo-dhrd.jpg') top right no-repeat;}
#infodhs a.icon {height:50px; width:55px; background:transparent url('./images/logo-dhs.jpg') top right no-repeat;}
#infodlnr a.icon {height:50px; width:55px; background:transparent url('./images/logo-dlnr.jpg') top right no-repeat;}
#infodot a.icon {height:50px; width:51px; background:transparent url('./images/logo-dot.gif') top right no-repeat;}




/*========== Footer ==========*/
#portal-footer {
  font-size: 85%;
  text-align: right;
  border-top: 1px solid #003399;
  clear: both;}

  
  

.cnnclass{
width: 400px;
padding: 5px;
background-color: #F3F3F3;
border: 1px solid black;
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.bbcclass{
width: 400px;
padding: 6px;
background-color: lightyellow;
border: 1px solid #004A00;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/