@charset "utf-8";

/*********************************************************************/
/*                            GLOBALS                                */
/*********************************************************************/
* {margin:0; padding:0}



/*********************************************************************/
/*                     BODY AND CONTAINER                            */
/*********************************************************************/
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.walls #container { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
a {
	color:#0065A4;
	text-decoration:underline;
}

a:hover {
	color:#0065A4;
	text-decoration:none;
}

/*********************************************************************/
/*                          HEADER AREA                              */
/*********************************************************************/
.walls #header { 
	background: #FFF; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.greyrule {border-top-width: 4px;
       border-top-style: solid;
       border-color: #98999d; 

}
.navbar {	
			background-color:#005192;
			height: 40px;
			clear: both;
}

div.navbar span.left {
	display: block;
	width: 145px;
	float: left;
	text-align: left;
}

div.navbar span.right {
	display: block;
	width: 515px;
	float: right;
	text-align: right;
	vertical-align:top;
	padding-right: 10px;
}



/*********************************************************************/
/*                          SIDE BAR 1                               */
/*********************************************************************/
.walls #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 140px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* padding keeps the content of the div away from the edges */
	/*border: 1px solid #005192;*/
	margin-top: 18px;
	padding-left:	10px;
	padding-right:	20px;
}
div.sidebar1 span.top {
	display: block;
	top: 0px;
	vertical-align:top;
}
.walls #sidebar1 img{
	border-bottom: 4px solid #005192;
	/*border: 1px solid #005192;*/
}
.walls #sidebar1 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #005192;
	font-weight: bold;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.walls #sidebar1 ul{
  float				: left;
  list-style		: none;
  font-size			: 10px;
  font-weight 		: bold;
  width: 100px;
}
.walls #sidebar1 li {
  float				: left;
  font-size			: 10px;
  line-height		: 18px;
  white-space		: nowrap;
  padding-left		: 5px;
  font-weight 		: bold;
}

.walls #sidebar1 li a {
  display			: block;
  padding-left		: 15px;
  padding-right		: 15px;
  text-decoration	: none;
  color				: #005192;
  font-weight 		: bold;
}
.walls #sidebar1 #active_menu {
  color             : #999;
  font-weight       : bold;
}
.walls #sidebar1 li a:hover {
  color				: #999;
}




/*********************************************************************/
/*                          SIDE BAR 2                               */
/*********************************************************************/
.walls #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 415px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF;
	margin-top: 18px;
	padding-left:	20px;
	padding-right:	0px;
	/*border: 1px solid #005192;*/
}


/*********************************************************************/
/*                          SIDE BAR 2c                              */
/*********************************************************************/
.walls #sidebar2c {
	float: right; /* since this element is floated, a width must be given */
	width: 515px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF;
	margin-top: 18px;
	padding-left:	20px;
	padding-right:	0px;
}

/*********************************************************************/
/*                          SIDE BAR 2d                              */
/*********************************************************************/
.walls #sidebar2d {
	float: right; /* since this element is floated, a width must be given */
	width: 592px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF;
	margin-top: 18px;
	padding-left:	20px;
	padding-right:	0px;
}

/*********************************************************************/
/*                          SIDE BAR 3                               */
/*********************************************************************/
.walls #sidebar3 {
	float: right; /* since this element is floated, a width must be given */
	width: 260px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF;
	margin-top: 18px;
	padding-left:	20px;
	padding-right:	20px;
	z-index: 1;
}

/*********************************************************************/
/*                    MAIN CONTENT AREA                              */
/*********************************************************************/
.walls #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF;
	border: 0;
} 
.walls #mainContent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	text-align:justify;
	padding-bottom: 10px;
	line-height: 17px;
}
.walls #mainContent h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #005192;
	font-weight: bold;
	margin-top: 18px;
	padding-bottom: 10px;
}
.walls #mainContent h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #005192;
	font-weight: bold;
	padding-bottom: 3px;
}
.walls #mainContent .greyseparator {color: #999999}

/*********************************************************************/
/*                    MAIN CONTENT2 AREA                              */
/*********************************************************************/
.walls #mainContent2 {
	padding-left: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-right: 20px;
	background: #FFF;
	border: 0;
} 
.walls #mainContent2 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	text-align:justify;
	padding-bottom: 10px;
	line-height: 17px;
}
.walls #mainContent2 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #005192;
	font-weight: bold;
	margin-top: 18px;
	padding-bottom: 10px;
}
.walls #mainContent2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #005192;
	font-weight: bold;
	padding-bottom: 3px;
}
.walls #mainContent2 .greyseparator {color: #999999}

.walls #mainContent2 ul{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	text-align: left;
	padding-left: 190px;
}
.walls #mainContent2 li {
  display: list-item; list-style-type: square; padding-bottom:15px;
}
.walls #mainContent2 img {
  margin-left: 20px;
  margin-bottom: 20px;
}
/*********************************************************************/
/*                            A TABLE                                */
/*********************************************************************/

table.walls {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	width: 664px;
	/*color: #FFF;
	background-color: #005192;*/
	
	/* These are the original 2*/
	color: #005192;
	background-color: #FFF;
}
table.walls td  {
        padding: 0px;
}

/*********************************************************************/
/*                      PROJECTS NAVIGATION FOOTER                   */
/*********************************************************************/

.walls #footernav { 
	padding: 0 15px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
	text-align: right;
} 

.walls #footernav ul{
  list-style		: none;
  font-size			: 9px;
  font-weight 		: bold;
}
.walls #footernav li {
  display			: inline;
  font-size			: 9px;
  line-height		: 12px;
  white-space		: nowrap;
  padding-left		: 5px;
  font-weight 		: bold;
}

.walls #footernav li a {
  display			: inline;
  padding-left		: 0px;
  padding-right		: 0px;
  text-decoration	: none;
  color				: #005192;
  font-weight 		: bold;
}
.walls #footernav #active_menu {
  color             : #999;
  font-weight       : bold;
}
.walls #footernav li a:hover {
  color				: #999;
}
/*********************************************************************/
/*                          THE FOOTER                               */
/*********************************************************************/

.walls #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFF;
} 
.walls #footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #0065A4;
	text-align:right;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 5px 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}


/*********************************************************************/
/*                         TABLE STYLES                              */
/*********************************************************************/
table.wallstable {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left: 2px;
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;

	width: 580px;
	/*background-color: #fafafa;
	border: 1px #bce1f4 solid;*/
	background-color: #fff;
	border: 1px #fff solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.wallstable td  {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-top: 2px;
}
table.wallstable2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left: 2px;
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;

	width: 705px;
	/*background-color: #fafafa;
	border: 1px #bce1f4 solid;*/
	background-color: #fff;
	border: 1px #fff solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.wallstable2 td  {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-top: 2px;
}
table.wallstable3 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left: 2px;
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;

	width: 500px;
	/*background-color: #fafafa;
	border: 1px #bce1f4 solid;*/
	background-color: #fff;
	border: 1px #fff solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.wallstable3 td  {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-top: 2px;
}

table.wallsfinance {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: right;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	width: 420px;
	background-color: #fafafa;
	border: 1px #bce1f4 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 20px;
}
table.wallsfinance td  {
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
		height: 17px;
}
/*********************************************************************/
/*                        EXTRA CONTROL                              */
/*********************************************************************/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearright { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
}