/*
Townson & Alexander styles for screen media
Updated: Feb 16 2004
Sebastian Villa
sebastian@londondigitalone.com
*/

body {margin: 0px; padding: 0px; background-color:#FFFFFF; font: 11px Tahoma; padding-bottom: 15px}
#container {  margin: 10px auto; padding: 0px; width: 752px}
#page { background: #fff url(../images/contentBG.gif); border: 1px solid #C0CDC1}
#topm { height: 15px; background-color:#ffffff}
html>#container{ width: 752px} 
#header{ margin: 0px; padding: 0px; height: 169px; background-color: #829B83; }
#menu { height: 39px; background-image:url(../images/menuBG.gif)}
#pagebody{ padding: 0px; margin: 0px; border: 0px; text-align: left; clear: both}
#maincontent{ float: left; margin: 0px; padding: 0px 20px; width: 460px; }
#sidebar {float: right; width: 210px; padding: 0px 20px}
#footer { border-top: 1px solid #ccc; color: #666; background-color:#ffffff; background-image:url(../images/footerBG.gif); background-position: top; background-repeat:repeat-x; text-align: left; clear: both; margin-top: 20px; height: 42px}

#menu a:hover {color:#506251 }
#menu ul {list-style: none; padding: 0; margin: 0}
#nav a {font-weight: bold; color: #506251}
#nav img {border:none}
#nav li li a {display: block; font-weight: normal; color: #6F8371; text-decoration:none; padding: 5px 0px 5px 10px}
#nav li li a:hover {padding-left: 15px; background-image:url(../images/menupointer.gif); background-position: top left; background-repeat:no-repeat}
#nav li {float: left; position: relative; width: 100px; text-align: center; cursor: default; border: 0px}
#nav li#who {margin-left: 3px} 
#nav li#what{margin-left: 26px}
#nav li#how {margin-left: 28px}
#nav li#case {margin-left: 28px}
#nav li#news {margin-left: 110px}
#nav li ul {display: none; left: auto; margin-left: 20px; position: absolute; top: 100%; left: 0px; font-weight: normal; background-color: #F9F9F9; padding:  0px; border: solid 1px #cccccc}
#nav li>ul { top: auto; left: auto; margin-left: 20px}
#nav li li { display: block; float: none; background-color: #F9f9f9; text-align:left; width: 145px;}
#nav #how li { width: 160px}
#nav li:hover ul, #nav li.over ul {display: block}

#maincontent h2 {font: bold 12px Tahoma; color: #576957; padding: 0px; margin: 0px}
#maincontent h3 {font: bold 11px Tahoma; color: #FF7B00; padding: 0px 0px 0px 0px; margin: 12px 0px 0px 0px}
#maincontent p {font: 11px Tahoma; color: #374337; padding: 0px; text-align:justify; line-height: 15px; margin: 12px 0px 0px 0px}
#maincontent .contbox { margin: 15px 0px 0px 0px; padding-bottom: 15px; border-bottom: solid 1px #C0CDC1}
#maincontent .contboxnb { margin: 15px 0px 0px 0px; padding-bottom: 15px}
#maincontent .contboxlast { margin: 12px 0px 0px 0px; padding-bottom: 10px; border: 0}
.button {margin-top: 15px}
.button { }
.button a { text-decoration:none; color: #5B6C5C; padding: 3px 10px; background-image:url(../images/buttonbg.gif); background-repeat:repeat-x; border: 1px solid #C0CDC1 }
.button a:hover {color: #FF7B00}
#maincontent p.image {float:left; padding: 0px 15px 0px 0px}

.sbox {width: 206px; border: 1px solid #C0CDC1; margin: 12px auto 10px auto; background-color:#FFFFFF; background-image:url(../images/sbBG.gif); background-position: top; background-repeat: repeat-x; padding-bottom: 15px }
.sboxres {width: 206px; border: 1px solid #C0CDC1; margin: 12px auto 10px auto; background-color:#FFFFFF; padding:0px }
#sidebar h2 {font: bold 11px Tahoma; color: #576957; margin: 7px 0px 0px 7px; }
.sbox .image{width: 100%; text-align:center; margin-top: 20px; margin-bottom: 5px}
.sbox p{padding: 0px 12px 0px 12px; font: 11px Tahoma; color: #374337; text-align:justify; line-height: 15px; margin: 10px 0px 0px 0px}
.sbox p.sboxname {text-align: right}
.sboxn {width: 206px; border: 1px solid #C0CDC1; margin: 12px auto 0px auto; background-color:#FFFFFF; background-image:url(../images/consbg.jpg); background-position: bottom right; background-repeat: no-repeat; padding-bottom: 10px }
#contactbox { margin-left: 15px; margin-top: 15px}
.contactform {font: 11px Tahoma; color:#999999; border: 1px solid #C0CDC1; width:120px; margin: 0px 0px 3px 0px; padding: 3px 0px 2px 5px}
#sidebar h3 {font: bold 11px Tahoma; color: #FF7B00; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 8px}
.newsletter {font: bold 11px Tahoma; color: #374337; padding: 0px; margin: 7px 0px 0px 7px; width: 195px; background-image:url(../images/newsletticon.gif); background-position: center right; background-repeat:no-repeat; height: 25px}
#sidebar .button{ margin-right: 15px}
#contactbox .button {margin-right: 65px}

#footer p {text-align:center; font: 11px Tahoma; color:#c1c1c1; margin: 6px 0px 0px 0px}
#address {text-align:center; font: 11px Tahoma; color:#999999; margin-top: 5px}
#footer a{padding: 0px 15px 0px 15px; font: 11px Tahoma; color:#c1c1c1; text-decoration:none}
#footer a:hover{font: bold; color: #FF7B00}

#topm img {border: 0}
.topmit {float: right; padding: 0px 10px}

#contform{ padding: 0; margin: 0; border: 0; text-align: left; margin-left: 20px}
#contform label {font: 11px tahoma; color:#374337;  margin-bottom: 2px; padding-bottom: 0; margin-top: 10px; display: block}
#contform .input {font: 11px tahoma; color:#374337; border: 1px solid #C0CDC1; margin-left: 10px}
#contform .submit {font: 11px tahoma; color: #5B6C5C; padding: 2px 10px; background-image:url(../images/buttonbg.gif); background-repeat:repeat-x; border: 1px solid #C0CDC1; margin-right: 30px}
#contform .req {font: 10px tahoma; color:#990000}


#maincontent ul { margin-left: 0px; padding-left: 10px; margin-top: 30px; font: 11px Tahoma; color: #374337}
#maincontent ul li { margin-left: 12px; padding-left: 5px; margin-top: 12px; margin-right: 10px;  list-style-image: url(../images/bullet.gif); line-height:16px}
#maincontent li ul { margin-left: 0px; padding-left: 10px; margin-top:12px; font: 11px Tahoma; color: #374337}
#maincontent ul li a{font: 11px Tahoma; color: #FF7B00; text-decoration:none}
#maincontent ul li a:hover {text-decoration:underline}

#maincontentcha{ float: left; margin: 0px; width: 100%; background-color:#FFFFFF; font: 11px Tahoma; color: #374337; line-height: 16px}
#pagecha { background-color: #FFFFFF; border: 1px solid #C0CDC1}
#maincontentcha h2 {font: bold 12px Tahoma; color: #576957; padding: 0px; margin: 0px}
#maincontentcha h3 {font: bold 12px Tahoma; color: #FF7B00; padding: 0px; margin: 0px}
#chartcont { margin: 15px auto 0px auto; padding-bottom: 15px; width: 95%}
#chartholder {background-color: #F2F4F2; background-image:url(../images/custprochart.gif); background-position: center center; background-repeat:no-repeat; width:710px; height: 500px; margin: 0px auto; border: 1px solid #C0CDC1}
#maincontentcha a{font: 11px Tahoma; color: #FF7B00; text-decoration:none}
#maincontentcha a:hover{text-decoration:underline}
#maincontentcha .casecontain {margin: 0px 15px}



.orangetext {font: bold 11px Tahoma; color: #FF7B00}
.greentext {font: 11px Tahoma; color: #374337; line-height:15px}
.dottedline {font: 11px Tahoma; color: #C0CDC1; letter-spacing:3px}