body,th,td,p,div,span,a,input,select,textarea,ul,ol,dl,h1,h2,h3,h4,h5,h6,li,big,small,b{
        font-family: Helvetica,Verdana,Arial,sans-serif; }

* { margin: 0; padding: 0; } /* Global margin and padding = 0, save code size */

BODY {
    border: none;
    width: 728px;
    font-size: 1.0em;
    margin: 0px auto;
	text-align: center;
								/* We want a bit of space around the page */
}

table.main {width: 728px; text-align: left; margin: 10px;}
table.foot {width: 728px; text-align: left; margin: 0px 10px;}
table.main td {
    border: 1px solid #fff;
    border-collapse: collapse;
}
table.contenttable td { border: none; }
table.contenttable td.navcell { border-bottom: 2px solid #fff; }

FORM { font-size: 11px; }
FORM INPUT { font-size: 11px; }
img {border: none; }

.tsbcontents { text-align: center; }
.topsearchbar {
    text-align: center;
	background-color: #444444;
	padding: 5px;										/* Want to move content away from border */
	color: #ffffff;
    width: 220px;
    vertical-align: middle;
}
/*Fat Erik's Pipelist*/
.topsearchbar ul {
	list-style: none;
    padding-top: 2px;
}
.topsearchbar ul li {
    display: inline;
    color: #FFFFFF;
    font-size: 0.7em;
    margin: 0 2px;
}
.topsearchbar ul li a {
	color: #ffffff;	 /* White links in the footer menu */
	text-decoration: none;	 /* No underlining on inactive links */
}
.topsearchbar ul li a:active, .footmenu ul li a:hover {
	text-decoration: underline;			/* Now you underline when hovering */
}

.topsearchbar ul li:before { content: "| "; }
.topsearchbar ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .topsearchbar ul li {
	border-left: 1px solid white;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html .topsearchbar ul { height: 1%; margin-left: 30px; }

* html .topsearchbar ul li {
	display: block;
    float: left;
}
/*End hide*/
/*Mac IE 5*/
* html .topsearchbar ul li:first-child { border-left: 0; }

.topsearchbar FORM {display: block; }

.headlogo {
	background-image: url("../images/rounded-bg.jpg");	/* The rounded blue top */
  	background-repeat: no-repeat;						/* Only display it once */
	background-position: 0px 0px;						/* Full-cell sizing */
	width: 502px;
}
.headlogo h1 { display: none; }							/* We have the title in H1, but don't want it displayed */
.headlogo img {	margin: 10px; }   /* Correctly position the logo */

.navcell { background-color: #F0F0ED; line-height: 28px; width: 100%; width: 502px;}				/* Ivory white background for menu */

.navcell ul {
    color: #444444;								/* Color of inactive menu item text */
    font-size: 0.7em;							/* Small menu font size */
			
    font-weight: bold;							/* Strong menus */
}

.navcell ul li {
    display: inline;                /* No bullets, horizontal menu */
}

.navcell ul li a {
	color: #444444;							/* Get rid of default blue, make it dark grey */
	text-decoration: none;					/* No underline on links (until hovering, see below) */
    padding: 0px 4px;						/* Makes the tabs a little wider */

    float: left;
    border-right: 1px solid #444444;		/* Puts a menu-item divider to the right of each link */
}

.navcell ul li.current a {
    background-color: #444444;					/* Modify the background color dark for current menu item */
    color: #EEEEEE;								/* And make sure the text is light */
}

.navcell li a:focus, .navcell li a:hover, .navcell li a:active {
    color: #224691;								/* Orange text color if you are hovered */
    text-decoration: underline;					/* Now we can underline it */
}
.navcell li.current a:focus, .navcell li.current a:hover, .navcell li.current a:active {
    color: #EEEEEE;			/* Light grey hover text */
}

.headlinescell {
    vertical-align: top; width:224px;
}
ul.headlines { list-style-type: none; }
ul.headlines li {
    font-size: 0.75em;
	line-height: 1.3em;
    padding-left: 10px;
    background-image: url(../images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
ul.headlines li a {
	color: #000000;
	text-decoration: none;
}
ul.headlines li a:focus, ul.headlines li a:hover, ul.headlines li a:active {
	text-decoration: underline;
}

.sidebar {
        background-color: #FFFFFF;		/* White underneath the submenu and the project highlights parts */
}
.sidebar ul.submenu {
	padding-top: 10px;		/* 10px produces the grey bar between the image and the submenu */
	border-bottom: 2px solid white;	/* Produces the between-item white spaces in he submenu */
	list-style: none;
	background-color: #c6c6b6;		/* This is the grey used in the submenu */
}
.sidebar ul.submenu li { 
	text-align: right;
	border-top: 2px solid white;
	font-size: 0.75em;
	font-weight: bold;
    color: #333;
	}
.sidebar ul.submenu li.spacer {
	padding: 5px 5px 5px 0.5em;
	background-color: #C6C6B6;

}
.sidebar ul.submenu li a {

    width: 99.99%;
    display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-right: 10px solid #666655;
	background-color: #C6C6B6;
}
.sidebar ul.submenu li.current a {
	color: #224691;
}

.sidebar
{
padding: 0 0 1em 0;
margin-bottom: 1em;
color: #333;
}

html>body .sidebar .submenu li a { width: auto; }
.sidebar .submenu li a:focus, .sidebar .submenu li a:hover, .sidebar .submenu li a:active
{
border-right: 10px solid #444444;
background-color: #FFFFFF;
}
/* Spacer for non-link menu items */
.sidebar .submenu li.spacer, .sidebar .submenu li.spacer, .sidebar .submenu li.spacer {
	background-color: #c6c6b6;
}


.sidebar h4 { display: none; }			/* We have a graphic for this, but include h4 for search engines */
img.sbfoot { margin-bottom: 20px; }   /* Spacer after rounded bottom of sidebars */

ul.news-menu {
list-style: none;
font-size: 12px;
font-weight: bold;
}
ul.news-menu li {
background-color: #C6C6B6;
margin-bottom: 2px;
	padding:3px;
	line-height: 22px;
}
ul.news-menu a {
text-decoration: none;
display: block;
color: #000;
}


.contenttable { width: 502px; height: 100%; }

.content {
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.4em;
	vertical-align: top;
        width: 502px;
} 
.content a.blocklink { 
display: block;
  text-decoration: none; 
  height: 100%;
}

.content a.blocklink:focus, .content a.blocklink:hover, .content a.blocklink:active {
  background-color: #F0F0ED;
  text-decoration: none;
  color: #000000;
} 

.content H1 { margin-bottom: 0.5em; font-size: 11px; font-weight: bold; color: #444444; }
.content H2 { margin-bottom: 0.5em; font-size: 1.7em; }
.content H3 { margin-bottom: 0.5em; font-size: 1.5em; }
.content H4 {
    font-size: 1.25em; line-height: 1.25em;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
    border-bottom: 3px dotted #FCB216;
}
.content H5 { margin-bottom: 0.5em; font-size: 1.0em; font-weight: bold; color: #444444; }
.content H6 { 
    font-size: 0.75em; 
	margin-bottom: 0.5em; }
.content P { 
    font-size: 0.9em; 
	line-height: 1.4em;
	margin-bottom: 1.0em;
        margin-right: .5em;    /* Trying some spacing -- Cindy's modification */
}
.content A {
    color: #000;
}
.content ul { list-style: none; }
.content ul li {
    padding-left: 10px;
    background-image: url(../images/arrow-yellow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

.foot {
	background-image: url("../images/rounded-bg-foot.jpg");		/* Background for footer: blue boxes */
  	background-repeat: no-repeat;								/* Show it once */
	background-position: 0px 0px;								/* Full-cell background */
	background-color: #224691;									/* Extend color to right if needed */
    height: 41px;
    width: 728px;
}
.foot td {
	text-align: center;					/* Individual texts centered in their cells */
}

.foot p {
	color: #FFFFFF;						/* White text */
	font-size: 0.75em;					/* Smaller */
}
.foot p a {
	color: #ffffff;
	text-decoration: none;
}
.foot p a:active, .foot p a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*Fat Erik's Pipelist*/
.footmenu ul {
	list-style: none;
float: right;
padding-top: 2px;
margin-right: 2em;
}
.footmenu ul li {
        display: inline;
        color: #FFFFFF;
        font-size: 0.65em;
margin: 0 2px;
}
.footmenu ul li a {
	color: #ffffff;	 /* White links in the footer menu */
	text-decoration: none;	 /* No underlining on inactive links */
}
.footmenu ul li a:active, .footmenu ul li a:hover {
	text-decoration: underline;			/* Now you underline when hovering */
}

.footmenu ul li:before { content: "| "; }
.footmenu ul li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .footmenu ul li {
	border-left: 1px solid white;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}


/*End hide*/
/*Mac IE 5*/
* html .footmenu ul li:first-child { border-left: 0; }







/* ########################## */
/* Stylings for the news      */
/* ########################## */


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #F0F0ED;

}
.news-latest-container HR.clearer {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container a {
	color:#000;
	text-decoration: none;
	display: block;
	background-color: #FFF;
}
.news-latest-container a:FOCUS, .news-latest-container a:HOVER, .news-latest-container a:ACTIVE {
	color:#000;
	text-decoration: none;
	background-color: #F0F0ED;
}

.news-latest-container H4,.news-latest-gotoarchive {
	color:#000;
	padding:3px;
	line-height: 22px;
	/*background-color:#D8FA70;*/
	background-color:#C6C6B6;
    font-size:0.75em;
}
.news-latest-container H4 A, .news-latest-container H4 A:hover, .news-latest-container H4 A:link {
	background-color:#C6C6B6;
	color: #000;
}


.news-latest-gotoarchive {
	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER {
	color:#000;
}
.news-latest-gotoarchive A {
	color:#000;
	text-decoration: none;
}
.news-latest-item {
	/* IE hack */
	height: 1%;
	line-height: 1.1em;
	font-size: 10px;
	/* IE hack end */
	padding:3px;
	margin:3px;
    border-bottom: 1px solid #c6c6b6;
}
.news-latest-item h5 {font-weight: bold; font-size: 11px; }

.news-latest-item IMG {

	margin-bottom:5px;
	margin-right:5px;
	border:1px solid #666;
	float:left;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size:9px;
}
.news-latest-date { float: right; }

.news-latest-morelink {
	height:9px;
	font-weight: bold;
	float:right;
}


/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

	border:1px solid #000;
	background-color:#2862A1;

}


.news-list-item {
	/* IE hack */
	height: 1%;
	line-height: 1.3;
	/* IE hack end */
	padding:3px;
	margin:3px;
	border:1px solid #666;
	background-color:#F0F0ED;

	}
.news-search-form {
	padding:3px;
	margin-bottom:5px;
	border:1px solid #666;
	background-color:#F0F0ED;

}
.news-search-emptyMsg{
	margin:0px;
}
.news-search-form FORM {
	margin:0px;
}
.news-list-container H5 {
	margin-bottom: 5px;
	padding: 2px;
	border-bottom: 1px solid #214593;
	background-color: #F0F0ED;
}
.news-list-container H5 A:LINK,.news-list-container H5 A:VISITED,.news-list-container H5 A:HOVER {
	color:#214593;
	padding-left:2px;
}
.news-list-container H5 A {
	color:#214593;

}
.news-list-container P {
	padding-left:3px;
}
.news-list-date {
	float: right;
	color: #214593;
	width: 180px;
	text-align: right;
	height: 20px;
	margin-top: -2px;
	margin-right: -2px;
	font-size: 9px;

	font-weight: normal;
	background-color: #F0F0ED;
	}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {

	float: right;
	border:1px solid #666;
	margin-bottom:5px;
	margin-right:2px;
	margin-left:5px;
}
.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink,.news-list-category {
	font-size:9px;
	margin-left:3px;
}
.news-list-morelink  {
	margin-bottom:3px;
}
.news-list-browse {
	text-align: center;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */


.news-catmenu  {
	padding:5px;
	margin:10px 0px 10px 10px;
	border:1px solid #666;
	background-color:#F0F0ED;
}
.news-catmenu-header  {
	font-size:11px;
	font-weight:bold;
}
.news-catmenu DIV {
	font-size:10px;
	white-space: nowrap;
}
.news-catmenu DIV img {
	margin:0px;
	padding:0px;
	vertical-align: middle;
}
.news-catmenu-ACT {
	font-weight:bold;
}

/*  Styles for catmenu mode "nestedWraps" */
.level0 {
	background-color:#fff;
}
.level1 {
	padding-left:10px;
	background-color:#eee;
}
.level2 {
	padding-left:10px;
	background-color:#ddd;
}
.level3 {
	padding-left:10px;
	background-color:#ccc;
}
.level4 {
	padding-left:10px;
	background-color:#bbb;
}