/* 

Background-Styles 

*/



body {background: #672b00  url(images/grad-bg.jpg) repeat-x top; margin:0px; padding:0px; font-family: Helvetica, Arial, sans-serif; color:#505050; font-size:13px; line-height:20px;}

img {border:0;}
img.grey {border:1px solid #808080;}


/* Header-Styles */

#toparea {height: 120px; border-bottom:6px solid #66442c; border-top:2px solid #66442c;  }
#toparea a.logo, #topareatwo a.logo {background:  url(images/nt_newlogo.jpg) no-repeat; height:103px; width:273px; margin:10px 0 0 20px; float: left;}
#toparea a.itlogos, #topareatwo a.itlogos {background: url(images/IT-logos3.jpg) no-repeat; height:93px; width:261px; margin:10px 20px 0 0; float: right; }

#topareatwo {background:  url(images/brown-text.jpg) repeat; height: 120px; border-bottom:6px solid #66442c; border-top:2px solid #66442c;}

/* Middle-Styles */

#middlearea { padding: 0;}
#contentbg {background:  url(images/content-bg.png) no-repeat; min-height: 711px; margin:auto; width: 900px; }
#whitepaper { background:  url(images/brown-text.jpg) repeat; width: 900px; border-bottom: 2px solid #2c1301; margin: 0 auto 40px auto ; padding: 0; background-color: #fff; }
#beigepaper {  width: 900px; border-bottom: 2px solid #2c1301; margin: 0 auto 40px auto ; padding: 0; background-color: #eadcbf; }
#beigepaper h1 {color: #e46f0c; margin: 20px 0 0 20px; padding: 0;}
#beigepaper p {margin: 0 0 20px 20px;}

#whitepaper .hero {width: 790px; height: 254px; background:  url(images/hero-placeholder.jpg) no-repeat; margin:0; border: 1px solid #9ba7b0;}

#whitepaper #hero {background:  url(images/nt-hero2.jpg) no-repeat; height: 254px; width: 898px; border-left:1px solid #6c3309;border-right:1px solid #6c3309; }
#whitepaper #hero p {color: #709bae; font-size: 22px; text-align: left; font-weight: bold; padding: 70px 0 0 70px; width: 400px; line-height: 22px;}

#whitepaper div.red { width:299px; height:300px; background-color:#ad0303; display:block; border-top:10px solid #bb2d2d; float:left; margin:0 0 0 1px;} 
#whitepaper div.orange { width:300px; height:300px; background-color:#de6b0b; display:block; border-top:10px solid #e48434; float:left;} 
#whitepaper div.orange a, #whitepaper div.green a { color:#fff; }
#whitepaper div.green { width:299px; height:300px; background-color:#9ca012; display:block; border-top:10px solid #adb03a; float:left;} 


#whitepaper div.register {width:300px;background:  url(images/reg-icon.jpg) no-repeat 12px 50px; height:180px; float:left;}
#whitepaper div.register a {color: #fff;}
#whitepaper div.send {width:300px;background:  url(images/send-icon.jpg) no-repeat  12px 50px; height:180px; float:left;}
#whitepaper div.confirm {width:299px;background:  url(images/confirm-icon.jpg) no-repeat  12px 50px; height:180px; float:left;}


#whitepaper h2, #beigepaper h2 {color:#fff; margin:20px 0 0 20px;}
#whitepaper p.midmods  {color:#fff; margin:10px 20px 0 20px;}
#whitepaper p.midmodsbul  {color:#fff; margin:0 20px 0 20px;}
#whitepaper h3 { color:#fff; margin:34px 0 0 120px;}
#whitepaper p.bottommods { color:#fff; margin:10px 20px 0 120px;} 

hr { width: 96%; height:2px; border-top:1px dotted #e46f0c; border-bottom: none; border-left: none; border-right: none; margin: 20px auto 0 auto;}

#bottomofpage {background: #ec9a39 url(images/middlebtmbg.png) no-repeat; height: 29px; margin: auto; width: 892px; clear: both; }

img.right {float: right; margin: 0 0 8px 8px;}
img.left {float: left; margin: 0 8px 8px 0;}

.options, .options a {width: 180px; float: left; margin: 0 20px 0 0; line-height: 18px;color:#4184b4; }
.optionslast, .optionslast a {width: 190px; float: left; margin: 0; line-height: normal;color:#4184b4;}

table {border-top:1px solid #4184b4;border-left:1px solid #4184b4; padding: 0; width: 95%; margin: 0 auto 0 auto; color: #4184b4;}
td {border-bottom: 1px solid #4184b4;border-right: 1px solid #4184b4; height: 62px;}
td.topic {font-size: 18px; font-weight: bold; background-color: #88bfe7;}
td.regbtn {width: 120px;}
td.regbtn a {background: url(images/regbtn.jpg) center no-repeat; margin: 0; padding: 0; width: 120px; height: 46px; background-color: #eadcbf; display: block;}


/* Text-Styles */

h2, h2 a {margin:0 0 10px 0; display: block; padding: 0;font-size:22px;font-family: Helvetica, Arial, sans-serif; color: #ad0303; text-decoration: none;}
h2 a:hover {color:#000000;}
h3, h3 a{margin:0 0 8px 0;font-size:16px;font-family:Helvetica, Arial, Sans-serif;color:#4184b4;}

a {color:#4f4e4e;text-decoration:underline;}
a:hover {text-decoration:none;color:#b8b7b7;}

p { margin: 0 0 15px 0; }


/* Footer-Styles */

#footer { background-color: #915e32; padding: 20px 0 40px 0; border-top:6px solid #9a6c45;}

#footer ul {padding: 0; margin: 0; text-align: left; list-style: none; }
#footer ul li {padding: 0; margin: 0 0 10px 0; text-align: left;}

#footer h2 {color:#cfbcaf; font-size:18px; float:left; padding:0; margin:0 0 20px 0; }
#footer .ftrinner {width: 830px; margin:auto; text-align: center; color:#cfbcaf; }
#footer a {color: #cfbcaf;text-decoration:underline;}
#footer a:hover {text-decoration:none;}

#footer #footleft  {width:600px; height:200px; float:left; margin:0 0 20px 0; }
#footer #footleft p { text-align:left; width:180px; font-size:12px; float:left; }

#footer #footright  {width:200px; height:200px; float:left;margin:0 0 20px 0; }
#footer #footright a {color: #cfbcaf;text-decoration:underline;}
#footer #footright a:hover {text-decoration: none;}
#footer #footright p {padding: 0; margin: 0; }

/* contact styles */
#services {margin: 0 0 0 20px;}
#services p { width: 25%; float: left;}
.created, .created a {color: #c0a97a; font-size: 10px;}