* { margin: 0; padding: 0; }
body { background: #BFC4C9; text-align: center;  font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

a { color: #d1863b; }

#siteWrapper { width: 960px; margin: 10px auto 0 auto; text-align: left; }
#header { width: 960px; height: 145px; background: transparent top left no-repeat url(../img/header.jpg); border-bottom: 3px solid #ADB7BD;}
#content { width: 960px; height: 640px; background: #e3e8ea top left no-repeat url(../img/content.jpg); vertical-align: top; }

#header table, #content table { width: 960px; }
#header table td, #content table td { vertical-align: top; }

#header table td.spacer { width: 175px; } 
#header table td.content { width: 251px; text-align: left; vertical-align: bottom; padding-bottom: 5px; padding-left: 14px; color: #8e9ea6; text-transform: uppercase; }
#header table td.flashHolder { width: 520px; text-align: right; vertical-align: middle;}

#content table td.spacer { width: 170px; padding-top: 20px;} 
#content table td.content { width: 251px; text-align: left; padding-left: 14px; padding-bottom: 30px; }
#content table td.flashHolder { width: 535px; text-align: right; vertical-align: top; }

div.item { display: block; margin-top: 20px; background: #c4ccd1; padding-bottom: 15px; color: #004a75; }

div.item h1 { display: block; border-bottom: 1px solid #dfe3e5; padding: 15px 15px 5px 15px; font-size: 17px; font-weight: bold !important; text-transform: uppercase; }
div.item p { padding: 0 15px; margin-top: 15px; color: #385e75; text-align: justify; }

a img { border: 0; outline: 0; }
a:active { outline: none; }

#menu { margin: 0; padding: 0; list-style: none; list-style-type: none; display: block; float: left; width: 170px; }
#menu li {margin: 0; padding: 0; display: block; float: left; clear: both; }
#menu li.parent { width: 170px; zheight: 35px; display: block; clear: both;}

#menu li.parent a.parent { display: block; width: 121px; height: 35px; background-position: top left; background-color: transparent; background-repeat: no-repeat; margin: 0; padding: 0;}
#menu li.parent a.parent:hover, #menu li.active a.parent { background-position: top right;}
#menu li.parent a.parent img { display: block; width: 121px; height: 35px; }

#home a.parent { background-image: url(../img/home.png);}
#about a.parent { background-image: url(../img/about.png);}
#portfolios a.parent { background-image: url(../img/portfolios.png);}
#documents a.parent { background-image: url(../img/documents.png);}
#projects a.parent { background-image: url(../img/projects.png);}
#newsroom a.parent { background-image: url(../img/newsroom.png);}
#links a.parent { background-image: url(../img/links.png);}
#contactus a.parent { background-image: url(../img/contactus.png);}

#menu li ul { display: none; float: left; clear: both; padding-bottom: 15px !important; }
#menu li li { padding-left: 10px; margin-bottom: 3px; width: 141px; }
#menu li li a { display: block; padding-left: 12px; background: transparent left 2px no-repeat url(../img/darkblue.png); text-decoration: none; line-height: 12px; color: #014a75;}
#menu li li a:hover { background-image: url(../img/orange.png); color: #d1863b; }
#menu li li a.active { background-image: url(../img/orange.png) !important; color: #d1863b; !important }

#menu li li ul { margin-top: 5px; padding-bottom: 5px !important; }
#menu li li li { padding-left: 5px; margin-bottom: 3px; }
#menu li li li a { background-image: url(../img/grey.png); color: #9192a2; }
#menu li li li a:hover { background-image: url(../img/blue.png); color: #6692ac; }