body {
background: #000000 url('/images/patternbg.gif') top center;
margin: 0px;
padding: 0px;
color: #dddddd;
font: normal 11px verdana, lucida, arial, helvetica, sans-serif;
}

img {
border: none;
}

a, a:visited {
font: normal 10px verdana, lucida, arial, helvetica, sans-serif;
color: #dddddd;
text-decoration: none;
}

a:active, a:hover {
font: normal 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
text-decoration: none;
}

p {
font: normal 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
line-height: 1.5;
margin-top: 15px;
margin-bottom: 15px;
text-align: justify;
}

h1 {
font: bold 12px verdana, lucida, arial, helvetica, sans-serif; 
color: #ff0000; 
margin-top: 15px; 
text-align: center;
}

h2 {
margin: 0px;
margin-top: 15px;
padding: 0px;
font: normal 11px verdana, lucida, arial, helvetica, sans-serif;
color: #dddddd;
text-align: justify;
line-height: 1.5;
}

h2.navHeading {
font: bold 12px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
margin-top: 10px;
text-align: center;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
background-color: #000000;
}

h2 a, h2 a:visited {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
text-align: justify;
line-height: 1.5;
text-decoration: none;
}

h2 a:active, h2 a:hover {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
text-align: justify;
line-height: 1.5;
text-decoration: none;
}

h3 {
margin: 0px 0px 0px 0px;
text-align: left;
padding: 0px 0px 0px 0px;
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
line-height: 1.5;
}

h4 {
margin: 30px 0px 0px 20px;
text-align: left;
padding: 20px 0px 0px 0px;
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
line-height: 1.5;
}

h5 {
font: bold 12px verdana, lucida, arial, helvetica, sans-serif; 
color: #999999; 
text-align: left;
margin: 0px;
padding: 0px;
margin-top: 15px; 
}

.first {
margin-top: 0px;
padding-top: 0px;
}

.red {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
}

.redsm {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
margin-top: 0px;
margin-bottom: 10px;
}

a.redsm, a.redsm:visited {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
margin-top: 0px;
margin-bottom: 10px;
}

a.redsm:hover, a.redsm:active {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
margin-top: 0px;
margin-bottom: 10px;
}

.redsm2 {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

a.redsm2, a.redsm2:visited {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

a.redsm2:hover, a.redsm2:active {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.redsm3 {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
margin-top: 0px;
margin-bottom: 4px;
margin-left: 0px;
padding-left: 0px;
}

.redsm3 h3 {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0px;
}

a.redsm3, a.redsm3:visited {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0px;
}

a.redsm3:hover, a.redsm3:active {
font: bold 11px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0px;
}

.dot {
color: #ff0000;
font: bold 12px verdana, lucida, arial, helvetica, sans-serif;
margin: 0px 20px 0px 0px;
}

.dothm {
color: #ff0000;
font: bold 12px verdana, lucida, arial, helvetica, sans-serif;
margin: 0px 20px 0px 20px;
}

.right {
text-align: right;
}

#NewsletterContent .quote, #col1 .quote, #col3 .quote, #col2 .quote  {
font: italic 11px verdana, lucida, arial, helvetica, sans-serif;
margin-bottom: 0px;
}

.logobl {
text-align: center; 
margin-top: 0px;
margin-bottom: 10px;
padding-top: 0px;
}

.bl {
font-weight: bold;
}


#pageContainer {
background-color: #000000;
width: 851px;
margin: 0px auto 0px auto;
border-bottom: solid 20px #000000;
border-top: solid 0px #000000;
border-left: solid 60px #000000;
border-right: solid 60px #000000;
}

#contentContainer {
background: #000000 url('/images/patternpage.gif');
background-repeat: repeat-x;
background-position: top center;
width: 851px;
margin: 0px 0px 30px 0px;
padding: 0px;
border: solid 1px #000000;
}

#topContact {
width: 851px;
margin: 35px 0px 6px 0px;
padding: 0px;
text-align: center;
}

#topContact ul {
margin: 0px;
padding: 0px;
}

#topContact li {
font: normal 10px verdana, lucida, arial, helvetica, sans-serif;
display: inline;
padding: 0px;
margin: 0px 6px 0px 6px;
list-style-type: none;
}

#topContact li, #topContact li a, #topContact li a:visited {
color: #ffffff;
text-decoration: none;
}

#topContact li a:active, #topContact li a:hover {
color: #ffffff;
text-decoration: none;
}

#topNav {
margin: 0px;
padding: 0px;
text-align: center;
}

#topNav ul {
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}

#topNav li {
display: inline;
padding: 10px 0px 10px 0px;
list-style-type: none;
}

a.tnl, a.tnl:visited {
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
text-decoration: none;
padding: 10px 13px 10px 13px;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
}

/* LEAVE THIS CLASS ALONE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
** WE NEED IT OR THE MOUSEOVER TOP NAV LINKS SWAP FROM BOLD TO NORMAL
*/ 
a.tnl:hover, a.tnl:active {
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
background-color: #ff0000;
color: #ffffff;
text-decoration: none;
padding: 10px 13px 10px 13px;
list-style-type: none;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
}

a.tnf:hover, a.tnf:active {
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
background-color: #ff0000;
color: #ffffff;
text-decoration: none;
padding: 10px 13px 10px 13px;
list-style-type: none;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
}

.begin {
border-right: solid 1px #333333;
}

.end {
border-left: solid 1px #333333;
}


#footer {
width: 849px;
margin: 10px 0px 0px 0px;
padding: 0px;
color: #ffffff;
}

#footerl {
width: 198px;
float: left;
}

#footerr {
width: 651px;
float: left;
text-align: right;
}

#footer a, #footer a:visited {
font: normal 9px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

#footer a:active, #footer a:hover {
font: normal 9px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

#hmClients {
width: 851px;
height: 110px;
background-image: url('/images/patternpage2.gif');
background-repeat: repeat-x;
background-position: top center;
margin: 0px;
padding: 0px;
}

#Clients img {
margin: 0px 4px 0px 4px;
}

#hmLogos {
padding: 0px;
margin: 15px 0px 0px 0px;
background-color: transparent;
text-align: center;
}

#col1, #col3 {
float: left;
width: 216px;
}

#col1bar {
width: 216px;
}

#col3bar {
width: 216px;
}


#col2 {
float: left;
width: 340px;
margin: 0px 39px 0px 39px;
}

#col2bar {
width: 340px;

}

#col1 p, #col2 p, #col3 p {
margin-top: 15px;
text-align: justify;
font: normal 11px verdana, lucida, arial, helvetica, sans-serif;
color: #dddddd;
line-height: 1.5;
}

table, tr {
padding: 0px;
margin: 0px;
}

td {
padding: 0px;
margin: 0px;
font: normal 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
line-height: 1.5;
text-align: right;
}

.right {
font: normal 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
line-height: 1.5;
text-align: right;
}

img.morpheus {
filter:alpha(opacity=95);
opacity: 0.95;
x-moz-opacity: 0.95;
margin: 0px 16px 0px 0px;
}

hmlinklg {
position: absolute;
margin-top: 150px;
}

hmlink {
position: absolute;
margin-top: 100px;
}


ul.SubNav {
padding-left: 0px;
background-color: transparent; 
margin: 10px 0px 10px 0px;
text-align: center;
list-style-position: outside;
}

ul.SubNav li {
list-style-type: none;
margin: 5px 0px;
padding-left: 0px;
text-align: left;
}


/* This style is for auto-magically inserting our dot symbol */
/* on lists. see /js/base.js  dotLi  for details */
ul.SubNav li i {
color: #ff0000;
font: bold 12px verdana, lucida, arial, helvetica, sans-serif;
margin: 0px 20px 0px 0px;

}


ul.SubNav li a, ul.SubNav li a:visited { 
list-style-type: none;
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

ul.SubNav li a:active, ul.SubNav li a:hover { 
list-style-type: none;
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
text-decoration: none;
}

ul.SubNav2 {
padding-left: 0px;
background-color: transparent; 
margin: 10px 0px 10px 0px;
text-align: center;
list-style-position: outside;
}

ul.SubNav2 li {
list-style-type: none;
margin: 5px 0px;
padding-left: 0px;
text-align: left;
}


ul.SubNav2 li a, ul.SubNav2 li a:visited { 
list-style-type: none;
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

ul.SubNav2 li a:active, ul.SubNav2 li a:hover { 
list-style-type: none;
font: bold 10px verdana, lucida, arial, helvetica, sans-serif;
color: #ff0000;
text-decoration: none;
}


/* Thses classes are used for all the transparent content and navigation panels
 * morphClear is used for the fade in effect via an onload javascript call
 * morphClearNoAuto is for those which we don't want auto loading up
 * morphOpaque is for those which we want at full opacity when fadein is complete
 */

.morphClear, .morphOpaque {
border: solid 1px #333333;
border-top: solid 1px #ffffff;
background-color: #000000;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
padding-left: 20px;
padding-right: 20px;
}

.morphOpaque {
color: #dddddd !important;
}

.morphClearNoAuto {
border: solid 1px #333333;
border-top: solid 1px #ffffff;
background-color: #000000;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
padding-left: 20px;
padding-right: 20px;
}

.morphOpaqueNoAuto {
border: solid 1px #333333;
border-top: solid 1px #ffffff;
background-color: #000000;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
padding-left: 20px;
padding-right: 20px;
color: #dddddd !important;
}
/* This is the image stripe below the large image on each page*/
#BottomBar {
margin-top: 0px;
}


#contactForm {
position: relative;
top: 0px;
right: 10px;
height: 140px;
float: right;
border: solid 1px #333333;
border-top: solid 1px #ffffff;
background-color: #000000;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
padding: 10px 10px;
margin: 0px;
}

#contactForm input, #contactForm textarea {
color: #000000;
padding: 2px 4px;
background-color: #f9f9f9;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;

}



/* size: 1 is invalid, we should think about getting rid of this but I 
 * don't know what it does
hr {
size: 1;
color: #333333;
}
 */