* {
margin: 0px;
padding: 0px;
}
html, body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-color: #CCC;
margin: 0px;
padding: 0px;
}
div#wrapper {
margin: 0 auto;
width: 800px;
}
div#whole-page {
background: white url(/images/shaddow.jpg) repeat-y;
padding: 5px 15px 0px 15px;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 115%;
font-weight: bold;
padding: 3px;
margin: 30px 0px 10px 0px;
font-family: Arial;
background-color: #CCC;
color: #555;
width: 350px;
}
h3 {
font-size: 115%;
font-weight: normal;
color: #0063B0;
margin-bottom: 15px;
margin-top: 30px;
}
h4 {
font-size: 115%;
font-weight: bold;
color: #666666;
margin: 0px;
}
p, ul, ol, blockquote {
margin: 0 0 15px 0;
line-height: 167%;
}
p.standout {
font-weight:bold;
}
p.standoutorange {
color: #FF6600;
font-size: 115%;
}
p.standoutorangebold {
color: #FF6600;
font-weight: bold;
font-size: 115%;
}
p.standoutgreenbold {
color: #009900;
font-weight: bold;
font-size: 115%;
}
p.standoutgreen {
color: #009900;
font-size: 115%;
}
p.standoutbullet {
margin-bottom: 0px;
color: #0063B0;
}
p.standoutblue {
font-weight:bold;
color: #0063B0;
font-size: 115%;
margin-bottom: 10px;
margin-top: 30px;
}
blockquote {
margin-left: 20px;
}
a:link {
color: #0063B0;
}
a:visited {
color: #002070;
}
a:hover {
text-decoration: none;
color: #ff6600;
}
#header {
height: 122px;
}
#logo {
float: left;
height: 92px;
width: 600px;
margin-bottom: 10px;
background: transparent url(/ images/trinamo_border.JPG) no-repeat top left;
}
#top-nav-buttons {
float: right;
margin-top: 70px;
padding-right: 10px;
}
#top-nav-buttons div {
height: 22px;
float: right;
margin: 0px 20px;
margin-top: 10px;
border: 1px solid #FF6600;
display: block;
}
#menu {
clear: both;
height: 20px;
padding: 0px;
margin: 0px;
}
#menu li {
float:left;
line-height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
background: #0063B0 url(
/images/blue_menu_bar.jpg) no-repeat;
width: 108px;
text-align: center;
border-left: 1px solid #00569D;
border-right: 1px solid #0D92FF;
}
#menu li.menu-column span, #menu li.menu-column a {
color: white;
text-decoration: none;
font-size: 130%;
display: block;
width: 108px;
font-weight: 400;
}
#menu li.menu-column:hover, #menu li.menu-column.hover {
background: #CCC url(/images/grey_menu_bar.jpg) no-repeat;
cursor: default;
}
#menu li.menu-column:hover a, #menu li.menu-column.hover a, #menu li.menu-column:hover span, #menu li.menu-column.hover span {
color: #024D91;
}
#menu li.menu-column ul {
font-size:1.1em;
display: none;
left:0pt;
position:absolute;
top:20px;
width:110px;
z-index:10;
border-bottom: 8px solid #0063B0;
margin: 0px;
padding: 0px;
}
#menu li.menu-column:hover ul, #menu li.menu-column.hover ul {
display: block;
}
#menu li.menu-column ul li {
background: #CCC url(/images/grey_menu_bar.jpg) no-repeat;
display:block;
float:none;
height:auto;
margin:0pt;
padding:0pt;
position:relative;
width:108px;
text-align: left;
border-top: 1px solid #0063B0;
}
#menu li.menu-column ul li a {
width: 100px;
padding-left: 10px;
display: block;
margin: 0px;
color: #024D91;
font-size: 100%;
}
#menu li.menu-column ul li:hover, #menu li.menu-column ul li.hover {
background: #0063B0 url(/images/blue_menu_bar.jpg) no-repeat;
}
#menu li.menu-column ul li:hover a, #menu li.menu-column ul li.hover a {
color: white;
}
#splash {
height: 180px;
background: url(/images/consulting_ex_allott.jpg) no-repeat;
clear: both;
border-bottom: 2px solid #0D92FF;
}
#splash p {
float: left;
width: 454px;
height: 70px;
margin: 0;
padding: 50px 50px 0px 50px;
font-size: 136%;
font-weight: bold;
color: white;
}
#page-title {
height: 180px;
clear: both;
border-bottom: 2px solid #0D92FF;
}
#page-title img {
float: right;
margin-top: 0px;
}
#page-title div#title-text {
float: left;
width: 330px;
padding-top: 20px;
}
#page-title h1 {
color: #0063B0;
text-transform: uppercase;
text-align: right;
float: right;
clear: right;
margin: 0px; padding: 0px;
}
#page-title h1.green {
color: #009900;
}
#page-title h1.orange {
color: #FF6600;
}
#page-titleorange h1 {
color: #FF6600;
text-transform: uppercase;
float: right;
clear: right;
}
#page-title h2 {
font-size: 110%;
color: #666666;
background-color: transparent;
width: auto;
float: right;
clear: right;
padding: 0px;
}
#page-title h3 {
font-size: 100%;
color: #999999;
width: auto;
float: right;
clear: right;
margin-top: 10px;
}
#page {
border-bottom: 2px solid #0D92FF;
border-top: 2px solid #00569D;
background-color: #F4F4F4;
}
#content {
float: left;
width: 510px;
padding: 0px 20px 20px 20px;
background-color: white;
}
#content ol, #content ul {
margin-left: 3em;
list-style-image: url(/images/trinamo_triangle.jpg);
list-style-type: circle;
color: #666666;
}
#content ol.lum, #content ul.lum {
list-style-image: url(/images/trinamo_triangle_green.jpg);
}
#content ol.exa, #content ul.exa {
list-style-image: url(/images/trinamo_triangle_orange.jpg);
}
#content img.flowed-pic {
float: left;
margin-right: 10px;
}
img#trinamo-map {
float: left;
margin: 0 10px 10px 0px;
}
#button-bartop {
float: left;
width: 500px;
padding: 10px;
}
#button-bartop div {
width: 100px;
height: 40px;
margin: 0px 10px;
display: block;
float: left;
margin-left: 40px;
}
#sidebar {
float: right;
width: 220px;
padding: 0px;
}
#sidebar h2 {
margin-top: 30px;
width: auto;
}
#sidebar ul {
padding: 10px;
list-style: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
#sidebar li {
border-bottom: 1px dashed #CCCCCC;
padding: 5px 0px;
font-size: 12px;
}
#sidebar div.image {
margin: 90px auto 0 auto;
width: 100%;
text-align: center;
}
#sidebar a.more {
float: right;
font-size: 9px;
}
#sidebarpro {
float: right;
width: 220px;
padding: 0px 0px 10px 10px;
}
#sidebarpro h2 {
margin-top: 30px;
width: auto;
}
#sidebarpro ul {
padding: 0;
list-style: none;
}
#sidebarpro li {
border-bottom: 1px dashed #CCCCCC;
padding: 5px 0px;
}
#sidebarpro a.more {
float: right;
}
#button-bar {
float: left;
width: 500px;
margin-bottom: 15px;
}
#button-bar div {
margin: 0px 0px;
paddin: 0px 0px;
display: block;
float: left;
width: 160px;
}
#button-bar div a img {
border: none;
width: 160px;
}
#footer {
clear: both;
height: 50px;
padding: 10px;
border-top: 2px solid #00569D;
}
#footer p {
margin: 0;
padding: 0;
line-height: normal;
font-size: 77%;
}
#legal {
float: left;
}
#links {
float: right;
}
div.clearBoth {
clear: both;
}
form {
width: 450px;
margin-bottom: 50px;
}
form label, form input[type=text], form select {
width: 200px;
display: block;
float: left;
}
form input[type=submit] {
float: right;
}
form input, form select {
border: 1px solid #0063B0;
}
form label {
text-align: right;
padding-right: 20px;
padding-bottom: 10px;
}
form br {
clear: both;
}