/* CSS Document */
.even{ }

ul.homelist li { margin-left: -20px; line-height: 150% }

div.more { padding-top: .5em; position: absolute; bottom: .5em; right: .5em }
div.more a { padding-right: 16px; color: #000000; background: url(more-bullet.png) no-repeat 100%; font: bold 11px Tahoma, sans-serif; text-decoration: none }
div.more a:hover{ text-decoration: underline }
.column-box div.more{ text-align: right }

.newslist li.odd{ padding: 4px 4px 4px 15px; list-style-image: none; background: url(arrow.gif) no-repeat left; background-color:#f0f0f0 }
ul.newslist{ padding-left: 0; margin-left: 0; list-style-type: none }
ul.newslist li { padding: 4px 4px 4px 15px; list-style-image: none; background: url(arrow.gif) no-repeat left }

.homelist li, .homelist li a, .newslist li, .newslist li a, .column-box a { font: normal 11px Tahoma, sans-serif }

.red{ color: #ff0000 }  

/* DIVs in order they appear in layout */
#container { width: 100%; margin: 0px auto; color: #000000; background: #ffffff }

#header { padding: 0 0 0 10px; margin-bottom: 16px; height: 90px; background: url(header_back.jpg) #ffffff }
#header h1 { padding: 0; margin: 0 }

#left-column, #right-column  {float: left; margin: 0 16px 16px 16px; width: 160px; }
#left-column p, #right-column  p { margin: 0 0 1em 0; font-size: 11px }

.column-box { float: left; width: 130px; margin: 0 0 24px 0;  padding: 0 10px 0 10px }
.column-box .sb-inner { background: url(titlebar.png) #ffffff repeat-x }
.column-box h1 { margin: 4px 0 12px 4px; font: bold 10px Tahoma, sans-serif }
.column-box  p{ margin: 0 0 1em 0; margin-top: 6px; font-size: 12px; line-height: 1.25em }
.column-box a:hover{color: #CC0000; text-decoration: Underline; font-family: Tahoma,Helvetica,Verdana; font-size: 11px;}

.content-box { float: left; clear: left; width: 400px; margin: 0 16px 16px 0; padding: 20px }
.content-box .sb-inner { background: #ffffff }

.row, .home-row { margin: 0; overflow: hidden }
.row .column-box  p{ margin: 0 0 1em 0; font-size: 11px; line-height: 1.25em }
.row .content-box p { margin:6px 0 0 0 }

#content-column {float: left; width: 75%; margin: 0 auto;  }
#content-column .row { margin-top: 16px; overflow: hidden }

#center-column {float: left; width: 500px; margin: 0 auto;  }
#center-column .home-row .column-box {margin: 10px 14px 10px 0; float: left}

#main-column{width: 100%; margin: 0 20px 20px 20px;}
#main-column .row #content {width: 750px; float: left; margin: 0; padding: 0}
#main-column .row #content .content-box {width: auto; margin: 0 14px 10px 0;}
#intro-text{ width: 420px; margin-bottom: 10px }
#content {width: 750px; float: left; margin: 0; padding: 0}

#footer { clear: both; margin: 0 25% 20px 20px; padding: 0; background: #ffffff; border-top: 1px solid #ddd}
.product#footer { clear: both; margin: 0 25% 20px 20px; padding: 0; background: #ffffff; border-top: 1px solid #ddd}

#footer p { margin-top: 10px; color: #666666; font-size: 10px; line-height: 160% }
#footer a { color: #000000; font-weight: bold; font-size: 10px; text-decoration: none }
#footer a:hover { color: #000000; background: #ffff00; font-size: 10px; font-weight: bold; text-decoration: none }

img.textclear{ clear: both; float: right; margin: 10px 0 0 18px }

a {color: #0066CC; text-decoration: none; font-family: Tahoma,Helvetica,Verdana; font-size: 11px;}
a:hover {color: #CC0000; text-decoration: Underline; font-family: Tahoma,Helvetica,Verdana; font-size: 11px;}

a.home {color: #0066CC; text-decoration: none; font-family: Tahoma,Helvetica,Verdana; font-size: 11px}
a.home:hover {color: #CC0000; text-decoration: Underline; font-family: Tahoma,Helvetica,Verdana; font-size: 11px}

body{ margin: 0; padding: 0 }
body, td, p { color: #000000; font: normal 12px/160% Tahoma, Arial, Helvetica, sans-serif }

h1{ margin: 0 0 4px 0; font: normal 24px Arial,Helvetica,sans-serif; line-height: 110% }
h2{ margin: 0; color: #999999; font: bold 16px Tahoma,Helvetica,sans-serif; line-height: 120% }
h3, #home-content h1 { margin: 0; color: #000000; font: bold 15px Tahoma,Helvetica,sans-serif; line-height: normal }
h3 a { font: bold 15px Tahoma,Helvetica,sans-serif; }
h4{ font: bold 14px Arial,Helvetica,sans-serif } 
h5{ font: bold 11px Arial,Helvetica,sans-serif }

/***********************************************************************************/
/* Styled Bulleted lists */
.styled-list ul { margin-left: 0; width: 200px;  }
.styled-list li { margin: 0; list-style: none; text-align: left;  }
.styled-list li a { padding: .2em .2em .3em 1.75em; display: block; text-decoration: none; font-weight: normal; font-size: 11px; border-left: 3px #ccc solid;border-top: 1px solid #fff; border-bottom: 1px #ddd solid;   }
/*.styled-list li a:link { color: #000000 }
.styled-list li a:visited { color: #000066 }*/
.styled-list li a:hover { color: #000000; background: #f0f0f0; font-weight: normal; border-left: 3px #000 solid; border-top: 1px solid #ddd;  border-bottom: 1px solid #ccc }
/**********************************************************************************/

#sub-menu { width: 900px; height: 1%; font-size: 11px; overflow: hidden }
/*#sub-menu { margin: 10px 0 14px 0; width: 900px; height: 1%; font-size: 11px; overflow: hidden }*/
#sub-menu ul { margin: 0; padding: 0; list-style: none }
#sub-menu li { border-left: 1px solid #999999; float: left; margin: 0 .6em 0 -.6em; padding: 0 .6em 0 .6em; white-space: nowrap; line-height: 1.2em }
#sub-menu li a { font-weight: normal }

#sub-menu li .current { border-bottom: 2px solid #000000 }

.NormalText10{ font-family: Tahoma,Helvetica,Verdana;  font-size: 10px;  font-weight: normal;  color: #000000;    }
.NormalText11{ font-family: Tahoma,Helvetica,Verdana;  font-size: 11px;  font-weight: normal;  color: #000000;    }
.NormalText12{ font-family: Tahoma,Helvetica,Verdana;  font-size: 12px;  font-weight: normal;  color: #000000;    } 
.NormalText14{ font-family: Tahoma,Helvetica,Verdana;  font-size: 14px;  font-weight: normal;  color: #000000;    }