/******* structure and layout *******/
body {
margin:10px 10px 10px 0;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color:#000000;
}

.leftcontent {
position: absolute;
left:0px;
top:126px;
width:190px;
background:#ffffff url(img/left_ppl.gif);
border:none;
text-align:left;
}

.left_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}

#centercontent {
background:#ffffff;
margin-top:10px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 200px;
margin-right:200px;
}
#centertext {
/*style="position: relative; bottom: 140px; right: 10px;"
background:#ffffff;
margin-top:50px;
margin-bottom:20px;
margin-left: 0px;
margin-right:0px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;*/
margin-left: 200px;
margin-right:50px;
}

#centerimg {
background:#ffffff;
margin-top:0px;
margin-bottom:10px;
margin-left: 0px;
margin-right:20px;
line-height:1.4em;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 30px;
margin-right:20px;
}

html>body #centercontent {
margin-left: 200px;
margin-right:215px;
}

#rightcontent {
position: absolute;
right:2px;
top:130px;
width:200px;
background:#ffffff;
border:2px solid #082a4d;
}

.right_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}

#banner {
background:#ffffff url(img/sun.jpg);
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:116px;
color:#000000;
}
html>body #banner {
height:116px;
}

.footer {
position:relative;
margin:50px 0 10px 0;
padding:5px 10px 5px 10px;
background:#ffffff;

border:1px solid #ffffff;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#B7D7AF;
}

.page_title {
position:absolute;
top:53px;
left:175px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {
position:absolute;
top:10px;
left:600px;
margin:0 0 0 0;
padding:0 0 0 0;
}

p,h1,h2,h3,h4,h5,pre {
margin:0px 10px 10px 10px;
}

#rightcontent p {
font-size:8pt;
}

/*** left navigation ***/

#nav ul {
margin:10px 0 10px 5px;
padding:0 0 0 0;
background:transparent;
}

#nav li {
-moz-border-radius: .75em .75em .75em .75em;
list-style-type: none;
background:#de8e53;
color: #daa520;
border: 4px ridge #cccccc;
text-align:left;
padding:0 0 0 0;
margin-bottom:3px;
}

#nav li a {
-moz-border-radius: .3em .3em .3em .3em;
color: #ffffff;
font-weight:bold;
text-decoration: none;
display: block;
padding:2px 0 2px 5px;
}

#nav li a:hover {
background:#ffffff;
color: #ae5717;
}


#nav li a:hover:after {
/* this puts orange box after the left navigation links on hover */
/* background:#ffffff;  */
color: #ae5717;
content: url(img/square.gif)
}

/******* top navigation *******/

/******* fonts and colors *******/
a {
color:#1d13d1;
text-decoration:underline;
}

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

#footer a {
color:#B7D7AF;
text-decoration:underline;
}

#footer a:hover {
color:#999999;
text-decoration:none;
}

.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
color:#8f5830;
}

.black_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#000000;
}

.H1_title_large {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14pt;
font-weight:bold;
color:#de8e53;
}

.H1_title_medium {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color:#de8e53;
}

.H1_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
color:#de8e53;
}

.H2_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#de8e53;
}


.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#6C9261;
}

.news_title_blu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#c48659;
}
#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15pt;
color:#f4ef64;
text-transform:uppercase;
}

span.squares {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(img/squares.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}


blockquote {
padding:10px 10px 15px 10px;
background:#fde4d2;
border-left:2px solid #f98f41;
font-style:italic;
color:#ae5717;
letter-spacing:.1em;
}

h1 {
font-size:14px;
padding-top:10px;
}
h2 {
font-size:12px;
padding-top:10px;
}


#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

h9 {
font-size:14px;
color:#000000;
padding-top:1px;
padding-left:1px;
padding:0px 0px 0px 0px;
background:#f4ef64;
border:3px solid #082a4d;
padding: 3px}
/******* lists *******/

#list ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#list li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list.gif) no-repeat;
background-position: 0 .3em;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(img/square_list2.gif) no-repeat;
background-position: 0 .3em;
}

.tdmenu {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
.amenu {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

/*** menu change on page ***/
#accounting #accountingpg,
#backup #backuppg,
#consulting #consultingpg,
#consumable #consumablepg,
#contact #contactpg,
#custom #custompg,
#desktop #desktoppg,
#emergency #emergencypg,
#green #greenpg,
#hardware #hardwarepg,
#history #historypg,
#home #homepg,
#laptop #laptoppg,
#links #linkspg,
#microsoft #microsoftpg,
#netbook #netbookpg,
#opensource #opensourcepg,
#peripheral #peripheralpg,
#planning #planningpg,
#products #productspg,
#question #questionpg,
#server #serverpg,
#software #softwarepg,
#support #supportpg,
#utility #utilitypg{
color: #f4ef64;
background:#de8e53;
}

/******* images *******/
img {
border:none;
}

.center {
text-align:center;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.cssbutton{
background-color: #de8e53;
border: 3px #082a4d outset;
padding: 2px 6px;
color: white;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #ffffff;
color: #7F9BC5;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

a.one
{
position:fixed;
left:5px;
bottom:4px;
}
a.two
{
position:fixed;
bottom:10px;
right:3px;
}

.scroll {
width: 175px;
height: 120px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 3px;
overflow: auto;
}

.article_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
border: 2px #082a4d solid;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
background-color: #E4CDB4;
color:#D86B17;}

.article_footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#5b792d;}


#article_footer a {
color:#B7D7AF;
text-decoration:underline;
}

#article_footer a:hover {
color:#999999;
text-decoration:none;
}

.inline_link a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11pt;
color:#5b792d;}

linequote {
margin:1em;
padding:.5em;
font-size:.9em;
background-color:#cccccc;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
}

.image_paragraph_right {
	float: right;
	margin-top:0px;
	margin-left:20px;
	margin-bottom:5px;
}

.image_paragraph_left {
	float: left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:5px;
}

.image_section_right {
	float: right;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:10px;
}

.image_section_left {
	float: left;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:10px;
}

p.solid {border-top-style: solid;
border-bottom-style: solid;
border-width: thin}

p.solidgreen {color:#0E7A0E;
border-top-style: solid;
border-bottom-style: solid;
border-color: #00FF00;
border-width: thin}

.image_border_left {
	border: 3px solid #000000;
	margin-top:5px;
	margin-right:30px;
	margin-bottom:100px;
	width:505px;
	height:400px;

}

.image_border_left_tall {
	border: 3px solid #000000;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:100px;
	width:450px;
	height:500px;

}


.leftbox {
float: left;
position: absolute;
left:750px;
top:185px;
margin-right:200px;
background:#ffffff ;
border:none;
text-align:left:5px