BODY {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	FONT: 0.7em/1.6em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	BACKGROUND: url(images/bg.gif) #fff repeat-x;
	COLOR: #333;
	PADDING-TOP: 0px
}
A {
	BACKGROUND: inherit;
	COLOR: #546f92
}
A:hover {
	BACKGROUND: inherit;
	COLOR: #808080
}
H1 {
	BACKGROUND-COLOR: transparent;
	MARGIN: 0px;
	FONT: bold 1.6em "Trebuchet MS", Helvetica, Sans-Serif;
	COLOR: #fff;
	PADDING-TOP: 4px
}
H2 {
	FONT: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif
}
H3 {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 14px;
	PADDING-RIGHT: 14px;
	BACKGROUND: url(images/h3bg.gif) #fff no-repeat left center;
	COLOR: #000;
	CLEAR: both;
	FONT-SIZE: 1.1em;
	PADDING-TOP: 0px
}
.blue {
	BACKGROUND: inherit;
	COLOR: #546f92
}
.image {
	BORDER-BOTTOM: #e2e2e2 2px solid;
	BORDER-LEFT: #e2e2e2 2px solid;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px 15px 10px 0px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px;
	FLOAT: left;
	BORDER-TOP: #e2e2e2 2px solid;
	BORDER-RIGHT: #e2e2e2 2px solid;
	PADDING-TOP: 3px
}
TD {
	TEXT-ALIGN: left
}
#main {
	MARGIN: 28px auto 0px;
	WIDTH: 980px
}

#leftcolumn {
	TEXT-ALIGN: justify;
	PADDING-BOTTOM: 12px;
	MARGIN: 0px 0px 10px;
	PADDING-LEFT: 15px;
	WIDTH: 304px;
	PADDING-RIGHT: 15px;
	FLOAT: left;
/*	border: #ccc 1px solid; */
	PADDING-TOP: 12px
}
#leftheader
{
	width: 300px;
	background: #8D9CAF url(images/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 10px 0 0 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#leftheader A
{
	color: #FFF;
	background: inherit;
}
#leftheader P
{
	padding: 14px 15px;
	margin: 0;
}

#menu_left {
	BORDER-BOTTOM: #e2e2e2 2px solid;
	margin: 0px 0px 6px;
	padding: 0px;
	padding-bottom: 1px;
}
#menu_left LI {
	LIST-STYLE-TYPE: none;
	LIST-STYLE-IMAGE: none
}
#menu_left LI A {
	PADDING-BOTTOM: 7px;
	MARGIN: 0px 0px 1px;
	PADDING-LEFT: 23px;
	WIDTH: 254px;
	PADDING-RIGHT: 23px;
	DISPLAY: block;
	BACKGROUND: url(images/arrow.gif) #c2cede no-repeat left center;
	COLOR: #3f5b7f;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	PADDING-TOP: 7px
}
#menu_left LI A:hover {
	BACKGROUND: url(images/arrow.gif) #9eb1c9 no-repeat left center;
	COLOR: #fff
}
.note {
	margin: 10px 0px 5px;
	FONT: 0.8em/1.6em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	COLOR: #585616;
	border: 1px solid #0099FF;
	padding: 10px;
	background-color: #d2e5f9;
	background-image: url(images/notebackground.png);
	background-repeat: no-repeat;
}

.note img {
	float: left;
	margin: 0 10px 0px 0px;
}

#rightcolumn {
	width: 640px;
	float: right;
/*	border: #ccc 1px solid; */
	margin: 0px;
	padding: 0px;
	background-image: url(images/comfocom2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
	  margin: 31px 0px 0px 0px;
	  padding: 0px;
	  padding-left: 5px;
      background:#eeeeee;
      font-size:93%;
      line-height:normal;
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
	  border-bottom:1px solid #000000;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ a.current {
                background-position:0% -42px;
        }
        #tabsJ a.current span {
                background-position:100% -42px;
                color:#FFF;
        }
/*^^^- Menu Tabs J-^^^*/

#rightheader{
	margin: 0px;
	padding: 15px 0px 0px 10px;
	height: 180px;
	clear: both;
}
#rightheader .white {
	color: #FFFFFF;
	font-size: 1.2em;
}
#rightheader H1 {
	padding-top: 90px;
	margin: 0px;
}

.special {
	border: #ccc 1px solid;
	padding: 0px 10px 0 10px;
	MARGIN: 0px 0 20px 0;
	COLOR: #444;
	CLEAR: both;
	background-color: #eeeeee;
}

#footer {
	padding: 5px;
	margin: 0px;
	BORDER-TOP: #ccc 1px solid;
	CLEAR: both;
}
UL.h {
	LIST-STYLE-TYPE: none;
	LIST-STYLE-IMAGE: none
}
IMG.list {
	MARGIN-BOTTOM: -3px;
	MARGIN-RIGHT: 5px
}
.key {
	TEXT-DECORATION: underline
}

/*
Hack to set min height of main content courtesy of http://www.greywyvern.com/
This is implemented with content60 in the following way...
<body>
	<div id="content60">
	<div class="prop minheight100"></div>
*/
.prop {
    float:left;
	}

.minheight300 {
    height: 300px;
	}

.minheight80 {
    height: 80px;
	}
/* end of hack to set min height of main content */

.leftfloat {
	float: left;
	}
	
.rightfloat {
	float: right;
	}