html, body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
color: #4a4a4a
}
.container {
width: 719px;
margin: 15px auto
}
.bpo {
margin: 0;
padding: 0
}
/* navigation */
.navigationContainer {
border-bottom: 3px solid #cac6bb;
background: url(../images/bg-nav.gif) bottom left repeat-x #9ECEE6;
padding: 0 5px 0 0
}
.navigation {
height: 27px;
text-align: right;
font-family: "Tahoma", Arial, Helvetica, sans-serif
}
.navigation ul {
padding: 0;
margin: 0;
list-style-type: none
}
.navigation ul li {
padding: 0;
display: inline;
line-height: 18pt
}
.navigation ul li a {
padding: 4px 18px 7px 18px;
font-size: 10pt;
color: #193E54;
font-weight: bold;
text-decoration: none
}
.navigation ul li a:hover {
color: #666666
}
.navigation ul li a#home {
background: url(../images/tab-home.jpg) top left;
}
.navigation ul li a#about {
background: url(../images/tab-about.jpg)
}
.navigation ul li a#services {
background: url(../images/tab-services.jpg)
}
.navigation ul li a#journal {
background: url(../images/tab-journal.jpg)
}
.navigation ul li a#news {
background: url(../images/tab-news.jpg)
}
.navigation ul li a#careers {
background: url(../images/tab-careers.jpg)
}
.navigation ul li a#events {
background: url(../images/tab-events.jpg)
}
.navigation ul li a#faq {
background: url(../images/tab-faq.jpg) top left;
}
.navigation ul li a#contact {
background: url(../images/tab-contact.jpg)
}
.navigation ul li a#home.active {
background: url(../images/tab-home-active.jpg)
}
.navigation ul li a#about.active {
background: url(../images/tab-about-active.jpg)
}
.navigation ul li a#services.active {
background: url(../images/tab-services-active.jpg)
}
.navigation ul li a#journal.active {
background: url(../images/tab-journal-active.jpg)
}
.navigation ul li a#news.active {
background: url(../images/tab-news-active.jpg)
}
.navigation ul li a#careers.active {
background: url(../images/tab-careers-active.jpg)
}
.navigation ul li a#events.active {
background: url(../images/tab-events-active.jpg)
}
.navigation ul li a#faq.active {
background: url(../images/tab-faq-active.jpg)
}
.navigation ul li a#contact.active {
background: url(../images/tab-contact-active.jpg)
}
.navigation ul li a#home:hover {
background: url(../images/tab-home-active.jpg)
}
.navigation ul li a#about:hover {
background: url(../images/tab-about-active.jpg)
}
.navigation ul li a#services:hover {
background: url(../images/tab-services-active.jpg)
}
.navigation ul li a#journal:hover {
background: url(../images/tab-journal-active.jpg)
}
.navigation ul li a#news:hover {
background: url(../images/tab-news-active.jpg)
}
.navigation ul li a#careers:hover {
background: url(../images/tab-careers-active.jpg)
}
.navigation ul li a#events:hover {
background: url(../images/tab-events-active.jpg)
}
.navigation ul li a#contact:hover {
background: url(../images/tab-contact-active.jpg)
}
/* end navigation */
.mastHead {
border-top: 23px solid #d5d5d5;
border-bottom: 10px solid #d5d5d5
}
.mastHeadInside {
border-top: 10px solid #d5d5d5;
}
.content {
margin: 20px 0
}
.contentInside {
padding: 25px;
margin: 15px 0 0 0;
background: url(../images/border-top.jpg) top left no-repeat
}
.blueTab {
font-size: 20pt;
font-weight: normal;
font-family: "Tahoma", Arial, Helvetica, sans-serif;
color: #fff;
background: url(../images/blue-tab-bg.gif);
padding:0 45px 0 7px
}
.contentHome {
margin: 0 15px 15px 15px
}
.rounderCorner {
background: url(../images/b.gif) top right no-repeat #e1e1e1
}
.roundedCornerMid {
background: #e1e1e1;
padding: 8px 15px
}
.rounderCornerBottom {
background: url(../images/c.gif) bottom right no-repeat #e1e1e1
}
.blueTxt {
color: #3c638e;
font-weight:bold;
font-size: 10pt;
border-bottom: 1px dotted #fff;
padding: 0 0 10px 0;
font-variant: small-caps
}
.more {
text-align: right
}
.more a {
color: #66b176;
font-size: 10pt;
text-decoration: none;
border-bottom: 1px dotted #66b176
}
.more a:hover {
color: #006600;
border-bottom: 1px dotted #006600
}
a {
color: #66b176;
font-size: 10pt;
text-decoration: none;
border-bottom: 1px dotted #66b176
}
a:hover {
color: #006600;
border-bottom: 1px dotted #006600
}
.blueLine {
height: 4px;
background: #6BA3C4;
margin: 0 0 1px 0
}
.blueBox {
border: 1px solid #d6e5ef;
border-bottom: 0;
padding: 10px 10px 0 10px
}
.blueBoxBottom {
border: 1px solid #d6e5ef;
border-top: 0;
padding: 0 10px 10px 10px
}
.keyServices {
font-size: 14pt;
font-weight: normal;
font-family: "Tahoma", Arial, Helvetica, sans-serif
}
h1 {
font-size: 24pt;
font-weight: normal;
font-family: "Tahoma", Arial, Helvetica, sans-serif
}
h2 {
font-size: 20pt;
font-weight: normal;
font-family: "Tahoma", Arial, Helvetica, sans-serif
}
h3 {
font-size: 16pt;
font-weight: normal;
font-family: "Tahoma", Arial, Helvetica, sans-serif
}
h4 {
font-size: 12pt;
font-family: "Tahoma", Arial, Helvetica, sans-serif
}
p, ul, ol, li, td {
font-size: 10pt;
line-height: 14pt
}
.orangeTxt {
color:#EF4100
}
.redTxt {
color:#C21908
}
.textField {
border: 1px solid #B8B8B8;
width: 200px
}
.blueDivider {
border-top: 10px solid #6BA3C4;
background: url(../images/f.gif) bottom right no-repeat #6BA3C4
}
.footer {
margin: 15px 0;
text-align: right;
font-size: 10pt;
line-height: 16pt;
color:#BABABA;
font-family: "Tahoma", Arial, Helvetica, sans-serif
}
.footer a {
color: #6BA3C4;
text-decoration: none;
padding: 0 0 0 15px;
border: 0
}
.footer a:hover {
text-decoration: underline;
color: #3366FF;
border: 0
}
.servicesContainer {
margin: 20px 0 0 0
}
.services {
padding:10px 0 10px 15px;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0
}
.services a{
color:#00002e;
text-decoration:none;
font-size: 10pt;
border:0
}
.services a:hover{
color:#00002e;
text-decoration:underline;
border:0
}