@import url("/css/content.css");

/* mag-net.com Layout Styles */
html, body {
width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
}
.printonly {
position: absolute;
left: -999em;
}
body {
min-width: 900px;
color: #666;
font: 75% Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
text-align: center;
background: #ac9f7f url(/layout/body-bg.gif) repeat-y center;
}
.page {
width: 100%;
min-width: 952px;
min-height: 100%;
margin: 0 auto;
padding: 0;
}
#container {
width: 940px;
margin: 0 auto;
padding: 6px 6px 0;
background: #fff;
border-left: 1px solid #fff;
text-align: left;
}
#navbar {
position: relative;
clear: both;
width: 928px;
min-height: 20px;
margin: 0 0 6px 0;
padding: 3px 6px 0px;
background: #52391d;
border-top: solid 6px #fff;
z-index: 98;
}
a.toplinks {
float: left;
margin: 0 18px 0 0;
padding: 3px 2px 5px 28px;
color: #52391d;
font-size: 90%;
font-weight: normal;
text-decoration: none;
text-transform:lowercase;
letter-spacing: 0.5px;
line-height: 1em;
}
.webmail {
background: url(/layout/icons.gif) no-repeat left top;
}
.myaccount {
background: url(/layout/icons.gif) no-repeat left bottom;
}
#header {
clear: both;
float: left;
position: relative;
width: 720px;
height: 94px;
margin: 0 0 6px 0;
background: url(/layout/header-sub.jpg) no-repeat;
z-index: 97;
}
.homelink {
position: absolute;
top: 0;
}
#breadcrumbs {
float: left;
position: absolute;
bottom: 0;
margin: 0 0 0 212px;
color: #999;
font-size: 85%;
}
#header-rt {
float: left;
width: 220px;
height: 56px;
margin: 0 0 6px 0;
border-top: solid 1px #fff;
background: #5f8aa9;
z-index: 97;
}
#intro {
clear: both;
position: relative;
width: 503px;
height: 120px;
overflow: hidden;
margin: 0;
padding: 0 225px 0 200px;
background: #ebe6ce url(/layout/rightpic-cables.jpg) no-repeat top right;
border-left: solid 12px #ac9f7f;
}
#intro h1 {
margin: 0;
padding: 8px 0 2px;
font-weight: normal;
}
#intro, #intro .content, #intro .content p, #intro .content-admin, #intro .content-admin-move, #intro .content-admin p, #intro .content-admin-move p {
color: #807c6b;
font-weight: bold;
font-size: 98%;
line-height: 1.45em;
}
#leftnav {
float: left;
width: 170px;
margin: 20px 20px 5em 12px;
padding: 4px;
background: #fff;
border: solid 1px #ac9f7f
}
#leftempty{
float: left;
width: 170px;
margin: 20px 20px 5em 12px;
padding: 5px;
background: #fff;
}
#main {
float: left;
width: 490px;
margin: 20px 0 0 0;
padding: 0 0 5em 0;
}
#right {
float: right;
width: 220px;
margin: 20px 0 0 0;
padding: 0 0 5em 0;
}
#right form {font-size: 92%; margin-bottom: 20px;}
#footer {
clear: both;
width: 928px;
margin: 0 auto;
padding: 1em 6px 5em;
background: #fff;
text-align: left;
}
#footer p {
color: #999;
font-size: 85%;
margin: 0.9em 0 0.25em 0;
}
#footer hr {
margin: 0;
}
.max {float: right;}

/* Home Page Layout */
#header-hm {
clear: both;
float: left;
width: 640px;
height: 220px;
margin: 0 6px 6px 0;
background: url(/layout/header-hm.jpg) no-repeat;
}
#header-hm-rt {
float: right;
width: 254px;
height: 180px;
margin: 0 0 6px 0px;
padding: 20px;
background: #5f8aa9; /*#7191a8;*/
color: #fff;
}
#header-hm-rt * {
color: #fff;
font-size: 100%;
line-height: 2.5em;
}
#header-hm-rt ul {
margin: 0;
padding: 0;
list-style-position: inside;
}
#main-hm {
clear: both;
float: left;
width: 640px;
margin: 0 6px 2em 0;
}
.box {
float: left;
width: 186px;
min-height: 239px;
margin: 20px 0 0 0;
padding: 6px;
border: solid 1px #ac9f7f;
}
.box-mid {
margin-left: 20px; 
margin-right: 20px;
}
.box .content {
position: relative;
min-height: 230px;
padding: 6px 6px 8px;
background: #ebe6ce;
font-size: 92%;
}
.box .content img {
display: block;
margin: -6px -6px 0;
border-bottom: solid 1px #fff;
}
/* Adjustments for anti-virus feed 
.box-right .content table {
display: block;
width: 186px;
margin: -4px -4px 4px;
}
.box-right .content table table {
width: 178px;
margin: 0;
}
.box-right .content img {
margin: auto;
border: 0;
}*/

#right-hm {
float: right;
width: 254px;
margin: 0 0 2em 0px;
padding: 10px 20px 3em 20px;
/*background: #ac9f7f;*/
}

/* Wide Template Layout */
#container .wide {
width: 728px;
}



/* TOP NAVIGATION */
#nav1, #nav1 ul {
width: 720px;
margin: 0;
padding: 0;
list-style: none;
}
#nav1 {
float: left;
margin-left: -10px;
z-index: 99;
}
#nav1 li { /* all list items */
float: left;
width: 100px; /* width needed in the #nav1 li selector or else Opera goes nuts */
margin: 0 10px;
line-height: 1em;
}
#nav1 li ul { /* second-level lists */
position: absolute;
left: -999em;
width: 144px;
height: auto;
margin: 0;
background-color: #FFF;
border: 1px solid #ac9f7f;
}
#nav1 li li { /* set different widths on top and subs */
width: 144px;
margin: 0;
line-height: 1.5em;
}
#nav1 li ul ul { /* third-and-above-level lists */
left: -999em;
margin: -1.5em 0 0 125px;
}
#nav1 a {
display: block;
width: 96px;
margin: 0;
padding: 2px 2px 4px;
font-size: 90%;
font-weight: normal;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 0.5px;
}
#nav1 li a:link, #nav1 li a:visited {
color: #fff;
}
#nav1 li a:hover {
color: #ac9f7f;
}
#nav1 li a:active {
}
#nav1 li a.nav-current {
color: #fff;
font-weight: bold;
}
.nav-arrow {margin: 0 2px;}

#nav1 li li a {
width: 132px;
margin: 2px;
padding: 0 4px 2px;
font-size: 85%;
text-transform: none;
letter-spacing: 0;
}
#nav1 li li a:link, #nav1 li li a:visited {
color: #52391d;
}
#nav1 li li a:hover {
background: #ebe6ce;
}
#nav1 li li a:active {
color: #fff;
background: #ac9f7f;
}
#nav1 li li a.nav-current {
font-weight: bold;
}

#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li:hover ul ul ul ul, #nav1 li:hover ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul ul, #nav1 li:hover ul ul ul ul ul ul ul ul ul ul,
#nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul, #nav1 li.sfhover ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul ul, #nav1 li.sfhover ul ul ul ul ul ul ul ul ul ul { /* hide third-and-above-level lists */
left: -999em;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li li li li:hover ul, #nav1 li li li li li:hover ul, #nav1 li li li li li li:hover ul, #nav1 li li li li li li li:hover ul, #nav1 li li li li li li li li:hover ul, #nav1 li li li li li li li li li:hover ul, #nav1 li li li li li li li li li li:hover ul,
#nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul, #nav1 li li li li.sfhover ul, #nav1 li li li li li.sfhover ul, #nav1 li li li li li li.sfhover ul, #nav1 li li li li li li li.sfhover ul, #nav1 li li li li li li li li.sfhover ul, #nav1 li li li li li li li li li.sfhover ul,  #nav1 li li li li li li li li li li.sfhover ul { /* show lists nested under hovered list items */
left: auto;
}

#nav1 li:hover, #nav1 li.sfhover { /* fix for IE7 sticky menu bug */
    position: static;
}


/* Footer Menu */
#nav-text2 {
display: inline;
margin-left: -10px;
}
#nav-text2 a, .login {
margin: 0 20px 0 5px;
padding: 0 5px;
font-size: 85%;
text-decoration: none;
}

/* Sub-Menu */
#subnav, #subnav ul, #subnav li {
margin: 0;
padding: 0;
background: #dde3eb;
list-style: none;
}
#subnav {
width: 170px;
padding: 0 0 20px 0;
}
#subnav a,  #subnav span {
display: block;
width: 150px;
margin: 0;
padding: 10px 10px 0px;
color: #5C6C80;
font-weight: normal;
font-size: 140%;
text-transform: lowercase;
text-decoration: none;
}
#subnav a:visited {color: #7387a0;}
#subnav a:hover{color: #ac9f7f;}

#subnav ul {
}
#subnav li li {
}
#subnav ul a, #subnav ul span {
display: block;
width: 140px;
margin: 2px 0 2px 10px;
padding: 0px 10px;
font-size: 90%;
text-transform: none;
background: url(/layout/bullet-subnav.gif) no-repeat 0px 4px;
}
#subnav ul ul a, #subnav ul ul span {
width: 125px;
margin: 2px 0 2px 25px;
}
#subnav ul ul ul a, #subnav ul ul ul span {
width: 110px;
margin: 2px 0 2px 40px;
}

#subnav .subnav-current {
font-weight: bold;
}

/* MODULES */
/********* FORMs ********/
.form-title {
}
.form td {padding: 2px 4px 2px 0px;}
.form-tdtext {width: 25%;}
.form-tdreq {width: 6px;}
.form-required, .form-tdreq {color: #992727;}
span.form-required {font-size: 125%;}
.form-tdinput {width: 75%;}
.form-input {
width: 50%; 
border: solid 1px #ac9f7f; 
margin-bottom: 0.5em; 
background: #f9f5e1;
}
.form-textarea {
width: 70%; 
border: solid 1px #ac9f7f; 
background: #f9f5e1;
}
.form-submitbtn, .form-resetbtn {
font-size: 90%;
color: #fff;
font-weight: bold;
text-transform: lowercase;
margin: 0.5em 0;
background: #7387a0;
border: solid 1px #366998;
border-bottom-width: 2px;
}

/********* ANNOUNCEMENT ********/

div.content div.announcement {
margin: 0; /* override div.content div bottom margin from content.css */
padding: 10px 20px;
color: #333;
background: #ebe6ce;
border-left: solid 12px #ac9f7f;
}
.announcement h2 {
color: #52391d;
}
.announcement p {
color: #333;
}
p.announcement-lastupdated {
margin-top: 1.5em;
font-size: 92%;
color: #666;
font-weight: normal;
}