/* body has grey background, set fonts */

body 
{
    font-family:Verdana,Arial,Sans-serif;
    font-size:11px;
    color:Black;
    background-color: #cccccc;
    margin:0px;
    padding:0px;
    /*text-align:center; is a hack for IE5/Win but screws up java menu => don't use */
}

/* container with shadow - standard for all pages */

table.container {
	width:950px;
    margin: 0 auto;
    border-collapse:collapse;
    border-spacing:0px;
    table-layout: fixed;
    text-align: left;
}

td.container-left {
    width:10px;
    background-image:url("./images/gradient-left.png");
    background-repeat: repeat-y;
    margin:0px;
    padding:0px;
}

td.container-center {
    background-color:white;
    margin:0px;
    padding:0px;
}

td.container-right {
    width:10px;
    background-image:url("./images/gradient-right.png");
    background-repeat: repeat-y;
    margin:0px;
    padding:0px;
}

td.container-left-bottom {
    width:10px;
    height:10px;
    background-image:url("./images/gradient-left-bot.png");
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
}

td.container-right-bottom {
    width:10px;
    height:10px;
    background-image:url("./images/gradient-right-bot.png");
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
}

td.container-bottom
{
    height:10px;
    background-image:url("./images/gradient-bottom.png");
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
}

/* glass top and bottom masts */

#mast-top
{
    height:60px;
    background-image:url("./images/mast-top.png");
    background-repeat:repeat-x;
    margin:0px;
    padding:0px;
}

#mast-bottom
{
    height:25px;
    background-image:url("./images/mast-bottom.png");
    background-repeat:repeat-x;
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
}

#mast-logo
{
    float:left;
    width:270px;
    height:60px;
}

#mast-middle
{
    float:left;
    width:310px;
    height:100%;
}

#menu-right
{
    float:left;
    width:350px;
    height:30px;
    background-image:url("./images/menu-right.png");
    background-repeat:no-repeat;
}

#menu-main {
    width:100%;
    height:20px;
    background-image:url("./images/menu-main.png");
    background-repeat:repeat-x;
}

#shadow-top
{
    width:100%;
    height:10px;
    background-image:url("./images/shadow.png");
    background-repeat:repeat-x; 
}

#shadow-bottom
{
    float:left;
    width:100%;
    height:30px;
    background-image:url("./images/shadow-bottom.png");
    background-repeat:repeat-x; 
}

#shadow-tool
{
    float:left;
    width:100%;
    height:100px;
    background-image:url("./images/shadow-tool.png");
    background-repeat:repeat-x; 
}

#shadow-mid-0
{
    float:left;
    width:100%;
    height:5px;
    background-image:url("./images/shadow-mid-0.png");
    background-repeat:repeat-x; 
}

#shadow-mid-3
{
    float:left;
    width:100%;
    height:5px;
    background-image:url("./images/shadow-mid-3.png");
    background-repeat:repeat-x;
}

#nav-header
{
    position:relative;
    text-align:right;
    top:2px;
    color:White;
    font-size:10px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

#nav-footer
{
    position:relative;
    top:5px;
    left:5px;
    color:#CCCCCC;
    font-size:11px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

a.navlink {
	color:#CCCCCC;
	text-decoration:none;
}

a.navlink:hover{
	color:#CCCCCC;
	text-decoration:underline;
}

a.hdrlink {
	color:White;
	text-decoration:none;
}

a.hdrlink:hover{
	color:White;
	text-decoration:underline;
}

/* main page elements */

#center-mainpage
{
    padding:10px;
}

/* sub page elements */

#sub-left
{
    float:left;
    width:150px;
    position:relative;
    top:35px;
    height:100%;
    padding:10px;
/*    border:1px solid blue; */
    font-size:10px;
	color: #808080;
}

#sub-center
{
    float:left;
    width:570px;
    height:100%;
    padding:10px;
/*    border:1px solid red; */
}

#sub-right
{
    float:right;
    width:150px;
    position:relative;
    top:35px;
    height:100%;
    padding:10px;
/*    border:1px solid yellow; */
    font-size:10px;
	color: #808080;
}

#sub-center-full
{
    float:left;
    width:740px;
    height:100%;
    padding:10px;
/*    border:1px solid red; */
}

/* text elements */

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

h1
{
	color:#00c0c0;
    font-family:Arial,Sans-serif;
    font-size:20px;
    font-weight:bold;
}

h2
{
    font-family:Arial,Sans-serif;
    font-size:16px;
    font-weight:bold;
}

h3
{
    background-color:#8BB6F1;
    font-size:12px;
    font-weight:bold;
    padding:4px;
}

h4
{
    font-size:11px;
    font-weight:bold;
}

img
{
    border:0px;
}

ul
{
	list-style-image: url("./images/arrow.png");
/*    list-style-type:square; */
}

a.txtlink {
	color: #808080; /* 2973c7 00c0c0 FF6300 */
	text-decoration: none;
/*    font-weight:bold;*/
}

a.txtlink:hover{
	color: blue;
	text-decoration: underline;
    font-weight:bold;
}

p.box {
	border: 1px solid #cccccc;
	padding:5px;
}

p.hdr-sub {
    font-weight:bold;
	color:#FF6300;
	margin-top:0px;

}

p.rule {
	border-top: 3px solid #cccccc;
	padding-top:10px;
}

#list-arrow
{
    width:7px;
    height:11px;
    background-image:url("./images/arrow.png");
    float:left;
    position:relative;
    padding:0px;
    margin:5px 5px 5px 0px;
    background-repeat:no-repeat;
    background-position:center;
}

#list-item
{
    float:left;
    width:135px;
    height:11px;
    padding:0px;
    margin:5px 5px 5px 0px;
}

/* other elements */

#main-page-flash
{
    margin:0px;
    padding:0px;
}

table.interior {
    width:920px;
}

td.interior 
{
    margin:20px;
    padding:0px;
}

#box-info-hdr 
{
    width:220px;
    height:12px;
    padding:4px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    font-weight:bold;
    background-color:#8BB6F1;
    vertical-align:middle;
}

#box-info-content 
{
    width:220px;
    padding:4px;
    border:1px solid #cccccc;
}

#nav-left-hdr 
{
    width:144px;
    height:12px;
    padding:2px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    background-color:#8BB6F1;
    color:White;
    font-weight:bold;
    vertical-align:middle;
}

#nav-left-item
{
    width:144px;
    height:12px;
    padding:2px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    font-weight:bold;
    vertical-align:middle;
}

#nav-left-bottom
{
    width:150px; 
    height:16px;
    border-top:1px solid #cccccc;
}

#box-right-hdr
{
    width:144px;
    height:12px;
    padding:2px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    font-weight:bold;
    color:White;
    background-color:#8BB6F1;
    vertical-align:middle;
}

#box-item-img
{
    width:148px;
    height:70px;
    padding:0px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
}

#box-right-item
{
    width:144px;
    padding:2px;
    border:1px solid #cccccc;
}

#box-center-hdr
{
    width:554px;
    height:14px;
    padding:4px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-top:1px solid #cccccc;
    font-weight:bold;
    color:White;
    background-color:#8BB6F1;
    vertical-align:middle;
}

#box-center-item
{
    width:554px;
    padding:4px;
    border:1px solid #cccccc;
    height:100%;
}

#box-div-btn
{
    height:30px;
    padding:0px;
    margin:5px 5px 5px 100px;
}

table.box {
    width:100%;
    margin:0 auto;
    border-collapse:collapse;
    border-spacing:0px;
    table-layout: fixed;
}

td.box-left {
    height:30px;
    width:320px;
    padding:0px;
    margin:5px 5px 5px 0px;
}

td.box-right {
    height:30px;
    padding:0px;
    margin:5px 5px 5px 0px;
}

table.list {
    width:100%;
    margin:0 auto;
    border-collapse:collapse;
    border-spacing:0px;
    table-layout: fixed;
}

td.list-left {
    width:11px;
    height:11px;
    padding:0px;
    margin:5px 5px 5px 0px;
}

td.list-right {
    height:11px;
    padding:0px;
    margin:5px 5px 5px 0px;
}

div.legend {
	clear: both;
	color:blue;
	position:relative;
	left:80px;
}

/*

      <object
        classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0" id="rw08_1" width="930" height="300" >
        <param name="movie" value="./flash/rw08-1.swf">
        <param name="bgcolor" value="#FFFFFF">
        <param name="quality" value="high">
        <param name="allowscriptaccess" value="samedomain">
        <param name="wmode" value="transparent">
        <embed
          type="application/x-shockwave-flash"
          pluginspage="http://www.macromedia.com/go/getflashplayer"
          name="rw08_1"
          width="930" height="300"
          src="./flash/rw08-1.swf"
          bgcolor="#FFFFFF"
          quality="high"
          swliveconnect="true"
          allowscriptaccess="samedomain">
          <noembed>
          </noembed>
        </embed>
      </object>
	<script type="text/javascript" src="ieupdate.js"></script>

        Learn more<br />
        <img src="./images/arrow.png" alt="->" width="7" height="5" /> <a href="http://www.retireware.com/security.aspx" class="txtlink">Security</a><br />
        <img src="./images/arrow.png" alt="->" width="7" height="5" /> <a href="http://www.retireware.com/privacy.aspx" class="txtlink">Privacy</a><br />
        <img src="./images/arrow.png" alt="->" width="7" height="5" /> <a href="http://www.retireware.com/pipeda.aspx" class="txtlink">PIPEDA</a><br />
        <img src="./images/arrow.png" alt="->" width="7" height="5" /> <a href="http://www.retireware.com/terms.aspx" class="txtlink">Terms of Use</a>

div.button {
	position: relative;
	left:120px;
	padding: 10px;
}

clear: both;

*/