body {
	margin: 0;
	padding: 0;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;
	color: #7e7e7e; 
	background: #FFFFFF url(/images/bg.gif) repeat-x;
	line-height: 16px; 
}

a {
	color: #33ADDB;
	background-color: inherit;
}

a:hover {
	color: #575757;
	background-color: inherit;
}

.header h1 {
	font: bold 2em Verdana, Arial, Sans-Serif;
	text-indent: 10px;
	background: #FFF url(/images/testlogo.gif);
	margin: 0;
	padding: 0;
	color: #33ADDB;
}

.header h1 a {
	text-decoration: none;
}

.header h1 span {
	display: none;
}

h2 {
	margin: 0; 
	padding: 6px 0 2px 0; 
	font: 110% Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #808080; 
	text-transform: uppercase;
	background-color: inherit;
	
}

h2 a {
	color: #6AC65D;
	background-color: inherit;
	text-decoration: none;
}


p {
	padding: 2px 0 5px;
	margin: 0;
}

#content {
	margin: 0px auto; 
	width: 780px; 
}

.header { 
	height: 45px; 
	margin: 0px 0 2px 0; 
	padding: 20px 0 0 0;
	border-top: 4px solid #000;
	background: #FFF url(/images/headerbg.gif) repeat-x bottom left;
	color: #808080;
}
	
.searchform {
	float: right;
	padding: 0 5px 0 0;
}

.subheader {
	clear: both;
	height: 28px;
	margin: 0 0 0px 0;	
}

.subheader_left {
	width: 193px;
        line-height: 28px;
	background: #33ADDB url(/images/hmleftbg.gif) bottom repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 0px 0 10px;
}

.subheader_left a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: inherit;
}

.subheader_right {
        line-height: 28px;
	background: #F6F6F6 url(/images/hmrightbg.gif) bottom repeat-x;
	color: #626262;
	float: right;
	width: 574px;
}

.subheader_right a {
	margin: 7px 2px 0 0;
	padding: 7px 10px 8px 10px;
	color: #626262;
	background: inherit;
	font-weight: bold;
	text-decoration: none;
}

.subheader_right a:hover {
	background: #33ADDB url(/images/hmleftbg.gif) bottom repeat-x;
        border-top: solid 1px #33ADDB;
	color: #FFFFFF;
}

.left {
	float: left;
	padding: 5px 9px 0 5px;
	width: 190px; 
	border-right: 1px solid #e6e6e6;
}

.left ul {
        margin: 0px;
        padding: 0px 0px 6px 0px;
        list-style: square inside none;
        border-bottom: solid 1px #e6e6e6;
}

.left li {
        padding: 0px;
        margin: 0px;
}

.right {
	float: right;
	width: 560px;
	margin: 0 0 20px 0; 
	padding: 5px 0 0 15px; 
	color: #000;
	background-color: #FFFFFF;
}

.navtitle {
        float: left;
        padding: 5px 0 5px 0;
        margin-right: 10px;
        font-weight: bold;
}

.navtext {
        text-decoration: none;
}

.breadcrumb {
        float: left;
        padding: 5px 0 5px 0;
        color: #666666;
}

.breadcrumb a {
        text-decoration: none;
}

.hptext {
        width: 100%;
        clear: both;
        font-size: 110%;
        border-top: solid 1px #e6e6e6;
        padding-top: 15px;
        margin-top: 3px;
        text-align: justify;
}

.catmapcontainer {
        clear: both;
        border-top: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        padding: 0 10px 3px 10px;
        margin: 15px 0 15px 0;
}

.catmaploc {
        float: left;
        width: 33%;
        padding: 2px 0 2px 0;
}

#catmaptag {
        padding: 20px 0 0 0;
}

.catmapseparator {
        clear: both;
        margin: 0;
        padding: 0;
        line-height: 1px;
}

a.catmap {
	font: normal 110% Verdana, Arial, Sans-Serif; 
	text-decoration:none;
        cursor: hand;
}

div.list {
        margin: 8px 0 2px 0;
        padding: 3px;
        border-top: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        background-color: #f8f8f8;
}

a.list {
	font: bold 100% Verdana, Arial, Sans-Serif; 
	text-decoration:none;
        cursor: hand;
}

.tags {
        clear: left;
        float: left;
        font-size: 90%;
        text-decoration: none;
}

.tags a {
        text-decoration: none;
}

.rssfeed {
        float: right;
}

.rssfeed a {
        text-decoration: none;
}

.pageswrap {
        width: 120px;
        text-align: center;
        padding: 3px;
        color: #333333;
	border: 1px solid #ccc; 
	background-color:#f4f4f4;
}

.pageselector {
        float: left;
        width: 20px;
        text-align: center;
        margin: 3px 0 0 3px;
        padding: 1px;
        color: #333333;
	border: 1px solid #ccc; 
	background-color:#f4f4f4;
}

.pageselector a {
        text-decoration: none;
}

.previous {
        float: left;
        font-size: 120%;
        color: #555555;
        padding: 0px 5px 0px 5px;
	border: 1px solid #ccc;
}

.next {
        float: right;
        font-size: 120%;
        color: #555555;
        padding: 0px 5px 0px 5px;
	border: 1px solid #ccc;
}

.right_left {
	float: left;
	width: 260px;
	padding: 13px;
	background: #f2f2f2 url(/images/corner.gif) no-repeat bottom right;
	color: #626262;
}

.right_right {
	float: right;
	width: 240px;
	padding: 13px;
	background: #f2f2f2 url(/images/corner.gif) no-repeat bottom right;
	color: #626262;
}

.footer { 
	clear: both; 
	color: #999999; 
	background-color: #F8F8F8;
	padding: 10px 0 10px 0;
        margin-top: 10px; 
	text-align: center;
        border-top: solid 1px #e6e6e6;
}

.footer a { 
	text-decoration: none; 
}

form.search {
	padding: 0; 
	margin: 0; 
}

input.text { 
	margin: 0; 
	border: 1px solid #ccc; 
	background: #FFF;
	color: #000; 
}

input.text:hover { 
	border: 1px solid #808080; 
}

input.counter { 
	margin: 0; 
	border: 1px solid #fff; 
	background: #FFF;
	color: #000; 
}

input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: solid 1px #dddddd; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 1px; 
	font-weight: bold; 
}

input.searchbutton:hover { 
	border: solid 1px #808080;
}

.date { 
	color: #ccc; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 3px 0; 
	padding: 0; 
}
            
.tooltip {
        position: absolute;
        padding: 5px;
        width: 120px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em; 
        color: #333333;
	border: 1px solid #ccc; 
	background:#f4f4f4 url(/images/question.gif) no-repeat bottom right;
        display: none;
}
            
.listtip {
        position: absolute;
        padding: 5px;
        width: 200px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em; 
        color: #333333;
	border: 1px solid #ccc; 
	background:#f4f4f4 url(/images/question.gif) no-repeat bottom right;
        display: none;
}

.labelleft {
        float: left;
        width: 20%;
        font-weight: bold;
        padding: 5px 20px 5px 0;
        text-align: right;
}

.inforight {
        float:left;
        width: 70%;
        padding: 5px 0 5px 0;
}            
            
.usearticle {
        float: left;
        padding: 4px 0 2px 50px;
}
            
.emailarticle {
        text-align: center;
        width: 100%;
        clear: left;
        margin: 10px 0 8px 0;
}
            
#rating {
        float: right;
        border: solid 1px #cccccc;
        padding: 5px;
        margin: 0 0 10px 10px;
        text-align: center;
        background-color: #f8f8f8;
}

#ratingtitle {
        color: #808080;
        font-size: 110%;
        font-weight: bold;
}

#ratingtext {
        padding: 6px 0 10px 0;
        color: #777777;
}

#articledetail {
        float: right;
        color: #808080;
        font-size: 90%;
        padding-top: 15px;
}
            
.rsstop {
        padding: 3px 0 2px 100px;
        font: normal 120%;
        color: #808080;
}
            
.rssone {
        padding: 3px 0 2px 120px;
        font: normal 120%;
        color: #808080;
}
            
.rsstwo {
        padding: 3px 0 2px 150px;
        font: normal 110%;
        color: #808080;
}
            
.rssthree {
        padding: 3px 0 2px 180px;
        font: normal 100%;
        color: #808080;
}
            
.rsstop a {
        text-decoration: none;
}
            
.rssone a {
        text-decoration: none;
}
            
.rsstwo a {
        text-decoration: none;
}
            
.rssthree a {
        text-decoration: none;
}
            
td.formtitle {
        font-weight: bold;
        color: #808080;
}
            
.titlebordertop {
        font-weight: bold;
        color: #808080;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-left-color: #e6e6e6;
} 
            
.bordertop {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #e6e6e6;
	border-left-color: #e6e6e6;
} 
            
.borderbot {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
}        
            
.rowbg {
	background: #F6F6F6 url(/images/hmrightbg.gif) top repeat-x;
}            
            
#pdf p {
        font: 1.3em tahoma, arial, sans-serif;
        color: #222;
	line-height: 18pt;
	padding-top: 10pt;
	padding-bottom: 10pt;
}

#pdf h1 {
        font: 2.5em impact, arial, sans-serif;
        color: #2222ff;
        text-align: center;
}
            
#pdf h2 {
        font: 2em impact, arial, sans-serif;
        color: #4444ff;
        text-align: center;
}

            
            
#pdf li {
        font: 1.25em tahoma, arial, sans-serif;
        color: #222;
	list-style-type: square;
	line-height: 16pt;
	padding-top: 4pt;
	padding-bottom: 4pt;
}
            
.dhtmlwindow{
position: absolute;
border: 2px solid #000000;
visibility: hidden;
background-color: white;
}

.drag-handle{
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #000000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{
border-top: 1px solid #000000;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px;
}


.drag-resizearea{
float: right;
width: 13px;
height: 13px;
cursor: nw-resize;
font-size: 0;
}