body 
{
    font-family: Verdana;
    margin: 0px;
    text-align: center;
    font-size: 0.8em;
    background-color: #C9D0D4;
	background-image: url(/images/bgPage.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#container  
{
    width: 730px;
    border: 0px solid gray;
    font-size: 100%;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-top: 0px;
    
    /*background-image: url(/images/bgFrameHeader.gif);*/
    background-repeat: no-repeat;

}

#container  td
{
    padding: 0px;
    text-align: left;
    vertical-align: top;
    padding-top: 0px;
}

#header 
{
    border: 1px solid #E0E0E0;
    border-top: none;
    border-right-color: silver;
    border-bottom-color: silver;
    padding: 5px;
    margin-bottom: 0px;
    /*background-color: White;*/
    /*background-image: url(/images/bgFrameCenter.gif);*/
    background-repeat: repeat-y;
    border: none;
    padding-left: 20px;
    text-align: left;
    /*padding-bottom: 15px;*/
    background-image: url(/images/bgLogo.jpg);
    background-repeat: no-repeat;
    padding-top: 27px;
    padding-left: 28px;
    padding-right: 0px;
    height: 60px;
}

#tagLine    
{
    display:    inline-block;
    color: #52869C;
    position: relative;
    left: 10px;
    top: -15px;
}

#utilsMenu  
{
    float: right;
    font-size: 85%;
    /*background-color: white;*/
    margin-right: 10px;
    color: white;
}

#utilsMenu a
{
    color: #7799A8;
    color: white;
    text-decoration:  none;
}

#utilsMenu a:hover
{
    color: blue;
    text-decoration:  underline;
}

#header-bottom
{
    /*background-image: url(/images/bgFrameFooter.gif);*/
    background-repeat: no-repeat;
    height: 17px;
    height: 0px;

/*    height: 1px;
    
    background-image: url(/images/bgFrameCenterDark.gif);
    background-repeat: repeat-y;*/

    background-image: url(/images/bgFrameHeader.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 14px;
    padding: 0px;
}

#content-top
{
    background-image: url(/images/bgFrameHeaderSub.gif);
    background-repeat: no-repeat;
    background-position: left top;

    height: 14px;
    padding: 0px;
	height: 35px;
 /*   display: none;*/
}

/* ------------------ top menu -------------------*/
/* also provides style base for sub-menu */

#topMenu
{
    float: none;
    clear: both;
    margin-right: 0px;
    color: white;
    background-image: none;
    background-repeat: no-repeat;
    width: 100%;
    height: 34px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-right: 0px;
	padding: 0px;
    margin: 0px;
}

.menu  ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: 55px;
	width:   auto;
	border: 0px solid red;
	/*float: left;
	clear: both;
	width: 100%;*/
}

*   html    .menu  ul
{
	margin-bottom: -10px; /* IE 5.5 */
	border: 0px solid yellow;
	float: left;
	margin-left: 35px;
	padding-left: 0px;
}

.menu  ul    li
{
    float: left;
    background-image: none;
    background-repeat: no-repeat;
	margin-left:   0px;
	margin-right:   0px;
    padding-left:   11px;
    padding-top: 5px;
    padding-bottom: 0px;
	height: 34px;
	
	border: 0px solid red;
	
	height: 30px; /* FF, IE 7 - OK */
}

*   html    .menu  ul    li
{
    margin: 0px;
    padding-bottom: 0px;
    height: 25px;
}
.menu  ul    li  a
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: right top;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
	height: 34px;
	color: #E8DECF;
	text-decoration: none;
}

.menu a:hover
{
    color: white;
    text-decoration:  underline;
}

.menu  ul    li.Sel
{
    float: left;
    background-image: url(/images/bgTabLeftAct.gif);
    background-repeat: no-repeat;
    padding-left:   20px;
    padding-top: 10px;
    padding-bottom: 7px;
    
    height: 18px; /* FF, IE 7 - OK */
}

*   html    .menu  ul    li.Sel	/* IE 5.5 & 6 */
{
    margin: 0px;
    padding-bottom: 0px;
    height: 25px;
    padding-top: 0px;
    
	padding-bottom: 6px; /* for IE 5.5 */
	paddin\g-bottom: 0px; /* for IE 6 (iE 5.5. won't pick it up */
	margin-bottom: 0px;
}

.menu  ul    li.Sel  a
{
    background-image: url(/images/bgTabRightAct.gif);
    background-repeat: no-repeat;
    background-position: right top;
	padding-left:   10px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 15px;
	color: black;
	display: inline-block;
	height: 25px;
	margin-top: -10px; /* this solved a 10px padding issues in IE 7 */
	
	padding-bottom: 9px; /* FF, IE 7 - OK */
}

*	html	.menu  ul    li.Sel  a  
{
	margin-top: 0px; /* this is for IE5.5, IE6, but not for IE7 */
	padding-bottom: 10px;
	margin-top: 0px;
}

/* ------------------ sub menu -------------------*/

#subMenuContainer
{
    background-image: url(/images/bgFrameCenter.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 100%;
    float: left;
    height: auto;
    
    border: 0px solid red;
    
    padding-left: 4px;
}

#subMenu
{
    height: auto;
    /*width: 100%;*/
    width: 721px;
    float: left;
    background-image: url(/images/bgSubTab.gif);
    background-position: left top;
    background-repeat: repeat-x;
        
    height: 37px; /* FF, IE 7 - OK */
}

#subMenu	ul	li
{
	padding-top: 10px;
	background: url(/images/imgBulletArrow.gif) no-repeat 17px 15px;
	border: 0px solid silver;
	
	height: 27px; /* FF, IE 7 - OK */
}

#subMenu	ul	li	a 
{
	color: #101010;

	border: 0px solid silver;
}

#subMenu	ul	li	a:hover
{
	color: blue;
}

#subMenu	ul	li.Sel
{
    background-image: url(/images/bgSubTabLeftAct.gif);
    background-position: left top;
    padding-left:   20px;
    padding-top: 10px;
    padding-bottom: 7px;
	height: 20px; /* FF, IE 7 - OK */
}

*	html	#subMenu	ul	li.Sel
{
    paddin\g-top: 0px; /* for IE 6 */
}

#subMenu	ul	li.Sel	a
{
    background-image: url(/images/bgSubTabRightAct.gif);
    color: #52869C;
	font-weight: bold;
	padding-left:   5px;
    padding-right: 25px;
    padding-top: 15px;
    position: relative;
    top: 5px;
    *top: 0px;
    
	padding-bottom: 6px; /* FF, IE 7 - OK */
	height: 16px; /* FF, IE 7 - OK */

/*    	padding-top: 10px;  - does'nt work in FF */

}

html > body #subMenu	ul	li.Sel	a
{
	[top: 5px; /* for FF */
	top: 0px; /* for Safari */
	]
}

/*#subMenu	ul	li.Sel	a, x:-moz-any-link, x:default { top: 0px; } FF */

html>/**/body #subMenu	ul	li.Sel	a, x:-moz-any-link, x:default { top: 0px; } /* Only FireFox 3 */

/* ------------------ main content -------------------*/
#content
{
	clear: both;
    border: 1px solid #E0E0E0;
    border-right-color: silver;
    border-bottom-color: silver;
    padding: 5px;
    background-color: White;
    background-image: url(/images/bgFrameCenter.gif);
    background-repeat: repeat-y;
    border: none;
    padding: 20px;
    padding-top: 10px;
    color:  #3F3F3F;
    /*min-height: 30px;*/
}

*   html    #content
{
    padding-top: 20px;
    float: left;
    width: 730px; /* for IE 5.5 */
    w\idth: 690px; /* for IE 6 */
}

#footer
{
    background-image: url(/images/bgFrameFooter.gif);
    background-repeat:no-repeat;
    text-align: center;
    padding: 5px;
    padding-top: 25px;
	padding-bottom: 15px;
    font-size: 85%;
    color: #7799A8;
    clear: both;
}

#bottomMenu 
{
    margin-bottom: 10px;
    display: none;
}

h1  
{
    font-family: Lucida Sans, Verdana;
    font-size: 150%;
    margin: 10px;
    padding: 0px;
    color: #AC7009;
    border-bottom: dotted 2px #CBD9E0;
}

h2
{
    font-family: Lucida Sans, Verdana;
    font-size: 120%;
    margin: 10px;
    margin-top: 20px;
    padding: 0px;
    margin-left: 20px;
    color: #1C6B8A;
    font-style: italic;
    border-bottom: dotted 2px #E1E9ED;
}

h3
{
    font-family: Lucida Sans, Verdana;
    font-size: 105%;
    margin: 5px;
    margin-top: 10px;
    padding: 0px;
    margin-left: 30px;
    color: #303030;
    font-style: normal;
}

table.simpleForm    
{
    font-size: 100%;
    background: none;
}

table.simpleForm    th
{
    background: none;
    text-align: left;
    vertical-align: top;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-right: 15px;
    color: #1E6C8A;
    font-size: 90%;
}

table.simpleForm    td
{
    background: none;
    text-align: left;
    vertical-align: top;
    padding: 3px;
}

table.simpleForm   input, table.simpleForm   textarea
{
    font-size: 110%;
    font-family: Lucida Sans, Verdana;
}

.inputBox
{
    width: 300px;
    margin: 0px;
    float: left;
    background-color: #EBF0F3;
    border: solid 0.075em #1E6C8A;
    border-right-color: #CBD9E0;
    border-bottom-color: #CBD9E0;
}

.inputBox:hover, .inputBox:hover
{
    background-color: white;
}

.button
{
    width: auto;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    color: White;
    background-color: #1E6C8A;
    border: solid 0.075em #CBD9E0;
    border-right-color: #CBD9E0;
    border-bottom-color: #CBD9E0;
    cursor: pointer;
}

.msgInfo    
{
    margin: 10px;
    color: #1E6C8A;
}

/* Link to an external URL */
a.external {
	background-image: url(/images/ExternalLink.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 14px;
	background-image: url(/images/icoExtLink.gif);
}

.Content, .ContentAlt1, .ContentAlt2, .Content2Col, .Content2ColWB, .Content2ColWY, .Content2ColBY
{
    background-color: White;
    background-image: url(/images/bgFrameCenter.gif);
    background-repeat: repeat-y;
    border: none;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -20px;
    margin-right: -20px;
    float: left;
    width: 100%;
}

*   html    .Content, *   html    .ContentAlt1, *   html    .ContentAlt2, *   html    .Content2Col, *   html    .Content2ColWB, *   html    .Content2ColWY, *   html    .Content2ColBY
{
    margin-left: -10px;
}


.ContentAlt1
{
    background-image: url(/images/bgFrameCenterAlt1.gif);
}

.ContentAlt2
{
    background-image: url(/images/bgFrameCenterAlt2.gif);
}

.ContentAlt1    h1, .ContentAlt2    h1
{
    border-bottom-color: White;
}

.Content2Col
{
    background-image: url(/images/bgFrameCenter.gif);
    float: left;
    width: 100%;
}

.Content2ColWB
{
    background-image: url(/images/bgFrameCenter2ColWB.gif);
    float: left;
    width: 100%;
}

.Content2ColWY
{
    background-image: url(/images/bgFrameCenter2ColWY.gif);
    float: left;
    width: 100%;
}

.Content2ColBY
{
    background-image: url(/images/bgFrameCenter2ColBY.gif);
    float: left;
    width: 100%;
}

.Col1, .Col1Sep
{
    width: 58%;
    float: left;
    padding-right: 10px;
}

.Col2,  .Col2Sep
{
    width: 37%;
    float: left;
    padding: 0px;
    padding-left: 10px;
    margin-left: 10px;
}

.Col1Sep
{
    border-right: dotted 2px #CBD9E0;
}

.Col2Sep
{
    border-left: dotted 2px #CBD9E0;
}

.ContentAlt1    .Col2Sep, .ContentAlt2    .Col2Sep
{
    border-left-color: White;
}

.ContentAlt1    .Col1Sep, .ContentAlt2    .Col1Sep
{
    border-right-color: White;
}

.separator  
{
    border-bottom: dotted 2px #CBD9E0;
    width: 100%;
    height: 1px;
}

.hl 
{
    color:  #1F1F1F;
    font-weight:500;
}

a.link  
{
    background-image: url(/images/icoLink.gif);
    background-repeat: no-repeat;
    background-position: left 55%;
    padding-left: 10px;
}

@media print {
	body	{
		background:	none;
	}

	#container	{
		width: 100%;
	}

	#header-bottom {
		background:	none;
	}

	#header	{
		background:	none;
		padding: 0px;
		margin: 0px;
		height: auto;
		border-bottom: solid 2px gray;
	}

	#header	* {
		background:	none;
		color: black;
	}

	#content-top {
		display: none;
	}

	#content	{
		background:	none;
		padding: 0px;
	}

	#content	* {
		background:	none;
	}

	#footer	{
		background:	none;
	}
}