/* CSS Document */

body
{margin:0px 0px 0px 0px; background-color:#FFFFFF;}

a:link{color:#0000FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%;}
a:visited{color:#0000FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%;}
a:hover{color:#ff0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%;}

#headercontainer
{position:absolute; top:0px; left:0px; width:100%;}
#breadcrumb
{position:absolute; top:157px; left:1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;}
#leftcontainer
{position:absolute; top:180px; width:20%; left:1%; /*border:1px dashed #666;*/}
#maincontainer
{position:absolute; top: 180px; width: 76%; left:22.5%; /*border:1px dashed #666;*/}
.tablehead
{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:90%;}
.tableheadbig
{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:120%;}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color: #6699FF;
color:#fff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #0000FF; color:#FFFFFF;
}

#ddimagetabs{
position:absolute; top:105px; left:6px;
}

#ddimagetabs a{
display: block;
text-decoration: none;
font: bold 80% Arial; /*tab font */
color: white; /*font color */
width: 86px; /*width of tab image */
height: 22px; /*height of tab image */
float: left;
display: inline;
margin-left: 4px; /*spacing between tabs */
padding-top: 2px; /*vertical offset of tab text from top of tab*/
background-color: #6699FF; 
text-align: center;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}

#ddimagetabs a:hover, #ddimagetabs a.current{
background-color: #0000FF; 
color: #ffffff;
}

#tabcontentcontainer{
width:750px; /*width of 2nd level content*/
height:25px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
position:absolute; top:125px; left:10px;
background-color:#0000FF;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

.tabcontent{
display:none;
color:#FFFFFF; font-weight:bold;
padding: 5px 2px 2px 2px;
}

.tabcontent a:link {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#FFFFFF; font-weight:bold;
padding:5px;
}

.tabcontent a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#FFFFFF; font-weight:bold;
padding:5px;
}

.tabcontent a:hover{
border:1px dashed #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; color:#FFFFFF; font-weight:bold;
text-decoration:none;
padding:4px;
} 

.text
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;}
h1
{font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000; margin: 2px; font-size:25px;}
h2
{font-family: Verdana, Arial, Helvetica, sans-serif; color:#0033FF; margin: 2px; font-size:140%;}
ul
{
list-style-image: url(http://www.x10.com/minisites/newT/images/arrow1.jpg); color:#333333; font-weight:bold; font-size:100%; margin-left:15px;
}
li
{margin:3px;}
.ulbig
{font-size:120%; color:#000000;}

.redbold{color:#ff0000; font-weight:bold;font-size:120%;}
.bluebold{color:#0000ff; font-weight:bold;font-size:120%;}
.blueboldsmall{color:#0000ff; font-weight:bold;font-size:100%;}
.blackbold{color:#000000; font-weight:bold;font-size:120%;}
.blackboldbig{color:#000000; font-weight:bold;font-size:140%;}