@charset "utf-8";
/****************************
NationalNet Style Sheet 
version 1.0
Author: Mike Datelle
mike.datelle@nationalnet.com
*****************************/

/*Global Styles*/

* {
margin:0;
padding:0;
}

h1 {
color:#92d400;
font:bold 16px Arial, Helvetica, sans-serif;
padding:0 0 5px 16px;
}

a {
color:#92d400;
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:hover {
color:#fff;
font:11px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

h2 {
color:#92d400;
font:bold 16px Arial, Helvetica, sans-serif;
padding:10px 0 15px 18px;
}

h3 {
color:#92d400;
font:bold 16px Arial, Helvetica, sans-serif;
padding:10px 0 15px 25px;
}

h4 {
color:#0e4364;
font:bold 14px Arial, Helvetica, sans-serif;
padding:10px 0 15px 18px;
}

fieldset {
border:none;
}

.clear {
clear:both;
}

body {
background:url(images/main_bkg.gif);
margin-top:10px;
}

img {
border:none;
}

p {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}

strong {
color:#fff;
font-weight:bold;
}

/* Site Wrappers */

#natnet_main_wrapper {
background-color:#fff;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
width:804px;
}

/* Home Page Styles */

#home_header_image {
width:784px;
padding:0 0 10px 10px;
}

#top_curve {
background:url(images/top_white_curve.gif) no-repeat top left;
height:20px;
width:804px;
}

#bottom_curve {
background:url(images/bottom_white_curve.gif) no-repeat top left;
height:10px;
width:804px;
}

#natnet_logo {
float:left;
width:410px;
padding:0 10px 20px 20px;
}

#cust_login {
float:left;
padding:25px 10px 0 0;
width:340px;
}

.label {
color:#002f5f;
padding-left:10px;
}

#specials_wrapper {
background:url(images/home_specials_grey_bkg.gif) no-repeat top center;
width:784px;
height:243px;
padding:0 0 10px 20px;
}

.specials_box {
background:url(images/specials_background.gif) no-repeat top center;
float:left;
height:221px;
padding:5px 12px 0 0;
margin-top:5px;
width:243px;
}

.specials_box ul {
list-style-type:none;
}

.specials_box li {
background:url(images/arrow_bullet.png) no-repeat left 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
padding:3px 0 0 10px;
margin-left:25px;
line-height:14px;
}

.specials_box p {
margin-left:16px;
}

.specials_box .learn {
float:left;
margin-left:16px;
padding:80px 10px 10px 0;
width:103px;
}

.specials_box .server_image {
float:left;
width:105px;
}

#subcat_wrapper {
background:url(images/sub_cat_grey_bkg.gif) no-repeat top center;
width:784px;
height:102px;
padding:0 0 10px 20px;
}

.subcat_box {
background:url(images/home_sub_cat_bkg.gif) no-repeat top center;
float:left;
height:86px;
padding:10px 12px 0 0;
margin-top:8px;
width:243px;
}

.subcat_box p {
color:#fff;
padding:0 5px 0 25px;
}

/* Navigation Styles */

#nav, #nav ul {
list-style:none;
line-height:1;
width:783px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
}

#nav ul { /* delete this if you add another nav element */
margin-left:10px;
}

#nav_bkg {
background:url(images/nav_bkg.gif) no-repeat top center;
height:27px;
padding:3px 0 0 21px;
width:783px;
}

#nav a {  /* delete this if you add another nav element */
display:block;
text-decoration:none;
color:#002f5f;
padding:2px 5px;
}

#nav ul a {  /* delete this if you add another nav element */
color:#002f5f;
padding:2px 15px;
}

#nav a.arrow {
background: url(images/arrow_bullet_blue.png) center right no-repeat;
}

#nav a:hover {
text-decoration:none;
color:#fff;
}

#nav li {
float:left;
padding:1px 20px 5px 17px;
}

#nav li li {
border-bottom:1px solid #8f908f;
border-left:1px solid #8f908f;
border-right:1px solid #8f908f;
font-weight:none;
width:157px;
font-weight:normal;
}

#nav li ul {
position:absolute;
width:195px;
margin:4px 4px 0 0;
left:-999em;
background-color:#b2b4b3;
}

#nav li:hover ul {
left:auto;
}

#nav li:hover ul, #nav li.nnhover ul {
left:auto;
}

#nav li ul ul {
margin:-19px 0 0 177px;
}

#nav li:hover ul ul, #nav li.nnhover ul ul {
left:-999em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.nnhover ul ul, #nav li.nnhover ul ul ul {
left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.nnhover ul, #nav li li.nnhover ul, #nav li li li.nnhover ul {
left:auto;
}

#nav li li:hover, #nav li li.nnhover {
background-color: #a8a9a9;
}

/* Form Styles */
#image_right {
float:left;
width:180px;
}

#form_left {
float:left;
width:270px;
}

#form_wrap {
margin:10px 0 0 25px;
width:450px;
background:#b2b4b3;
padding-right:9px;
}

.contact_label {
padding-bottom:5px;
width:300px;
display:block;
font-weight:bold;
font-size:11px;
color:#003366;
}

.contact_fieldset {
width:450px;
border:none;
margin:10px 0 10px 0;
background-color:#b8b8b8;
}

input:focus, textarea:focus {
background: #ffc;
}

.required {
color:#760000;
}

.required_note {
font-size:.9em;
color:#760000;
}

input.radio, input.checkbox, input.submit {
width:auto;
}

input.radio {
float:left;
padding-right:.3em;
margin-left:25px;
}

legend {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: .9em;
}

.small {
font-size:11px;
margin-left:-1px;
}

/* Order Form */

#order_form {
border:collapse;
}

.td_head {
border-left:solid #fff 1px;
padding:3px;
background-color:#fff;
border-top:1px solid #B8B8B8;
border-bottom:1px solid #B8B8B8;
color:#1a325d;
}

.td_total {
border-left:solid #fff 1px;
padding:3px;
background-color:#fff;
border-top:1px solid #B8B8B8;
color:#1a325d;
}

.td_bottom {
border-left:solid #fff 1px;
padding:3px;
border-top:1px solid #B8B8B8;
background-color:#fff;
color:#1a325d;
}

.td1 {
background-color:#e4e4e4;
color:#1a325d;
padding:3px;
}

.td2 {
background-color:#b8b8b8;
color:#1a325d;
padding:3px;
}

.billing .required {
color: #FF9900;
display:inline-block;
margin-left:-10px;
}

.green_bottom {
border-bottom:solid #fff 1px;
background-color:#95c93d;
}

.billing .left_fields {
float:left;
width:230px;
margin-left:10px;
}

.billing .right_fields {
float:left;
width:230px;
}

.billing fieldset {
width:500px;
border:none;
}

.billing .label {
padding:5px 0 3px 0;
margin-left:10px;
width:230px;
display:block;
color:#1a325d;
font-weight:bold;
font-size:11px;
}

.billing input:focus, textarea:focus {
background:#c5e8fb;
}

.billing input.radio {
padding-right:.3em;
margin-left:25px;
}

.billing .confirm {
margin:0 0 20px 20px;
}

.billing .confirm td {
padding:3px;
}

.billing .confirm h4 {
color:#fff;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
padding-left:15px;
padding-bottom:0;
margin:0;
}

.billing p {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#1a325d;
padding-left:15px;
padding-top:0;
}

.billing .confirm .header {
height:10px;
background-color:#052943;
padding:3px 0 3px 0;
}

#content_left_order {
float:left;
width:500px;
padding:20px 10px 0 10px;
}

#content_right_order {
float:left;
width:220px;
padding:20px 10px 0 10px;
}

/*Secondary Page Styles*/

.big {
font-weight:bold;
}

#secondary_header_image {
width:784px;
padding:5px 0 10px 10px;
}

#content_wrapper {
background-color:#002f5f;
margin:0 0 10px 10px;
width:784px;
}

#content_wrapper h2 {
color:#fff;
font:18px Arial, Helvetica, sans-serif;
padding:0 0 5px 25px;
}

#content_wrapper h4 {
color:#92d400;
font:bold 14px Arial, Helvetica, sans-serif;
padding:5px 0 0 25px;
}

#content_wrapper p {
color:#fff;
padding:5px 10px 5px 26px;
}

#content_wrapper strong {
color:#fff;
}

#content_right {
float:left;
width:170px;
padding:20px 10px 0 10px;
}

#content_left {
float:left;
width:550px;
padding:20px 10px 0 10px;
}

#content_left a {
color:#92d400;
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#content_left a:hover {
color:#fff;
font:11px Arial, Helvetica, sans-serif;
text-decoration: underline;
}

#content_left ul {
list-style-type:none;
padding:5px 0;
}

#content_left li {
background:url(images/arrow_bullet.png) no-repeat left 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
padding:0 0 3px 10px;
margin-left:25px;
}

#content_right ul {
list-style-type:none;
padding:5px 0;
}

#content_right li {
background:url(images/arrow_bullet.png) no-repeat left 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
padding:0 0 3px 10px;
margin-left:25px;
}

#content_top_curve {
background:url(images/top_blue_curve.gif) no-repeat top left;
height:20px;
width:784px;
}

#content_bottom_curve {
background:url(images/bottom_blue_curve.gif) no-repeat top left;
height:13px;
width:784px;
}

.right_grey_linkbox {
width:167px;
background-color:#b2b4b3;
font:11px Arial, Helvetica, sans-serif;
margin:20px 0 20px 0;
}

.right_grey_linkbox a{
text-decoration:none;
color:#002f5f;
}

.right_grey_linkbox a:hover{
text-decoration:none;
color:#fff;
}

.right_grey_linkbox ul {
list-style-type:none;
padding:5px 5px 5px 10px;
}

.right_grey_linkbox li {
background:url(images/arrow_bullet_white.png) no-repeat left 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
padding:0 0 5px 10px;
}

.right_grey_linkbox .topcurve {
background:url(images/right_greybox_top.gif) no-repeat top;
height:13px;
width:167px;
}

.right_grey_linkbox .bottomcurve {
background:url(images/right_greybox_bottom.gif) no-repeat bottom;
height:13px;
width:167px;
}

.package {
float:left;
padding:0 20px 20px 0;
width:250px;
border-bottom:dashed 1px #b2b4b3;
}

/*footer*/

#footer {
background:url(images/footer_bkg.gif) no-repeat top center;
height:35px;
padding:0 0 2px 20px;
width:784px;
}

#copy {
float:left;
color:#fff;
font:11px Arial, Helvetica, sans-serif;
padding:10px 10px 0 5px;
}

#footer_nav {
color:#fff;
float:right;
padding:10px 20px 0 10px;
font:11px Arial, Helvetica, sans-serif;
}

#footer_nav a {
color:#fff;
padding:0 3px 0 3px;
}

#twitter {
float:left;
color:#fff;
font:11px Arial, Helvetica, sans-serif;
padding:7px 0 0 150px;

}

/* Tables */

table {
margin:10px 0 10px 24px;
}

td {
color:#fff;
font:11px  Arial, Helvetica, sans-serif;
margin:5px 5px 5px 5px;
}

.top_td {
color:#002f5f;
font:bold 11px Arial, Helvetica, sans-serif;
background-color:#92d400;
}