html
{
height: 100%;
}

body
{
    height: 100%;
    margin: 0px;
    font-family: 'Century Gothic' , Arial;
    font-size: 10pt;
}

#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#content
{
padding-bottom: 9em;
}

#footer
{
position: relative;
margin-top: -4.4em;
} 

h1
{
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial;
	margin: 0px;
	display: inline;
}


h1.short {
line-height: 0%;
}

h1.styled {
font: bold 32px monospace;
color: #cc3300;
}


hr
{
    border: none 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #efefef;
    width: 80%;
    height: 2px;
    margin: 10px auto 0 0;
    text-align: left;
}

.line
{
    background: #fff url(i/crx_hr.jpg) no-repeat center bottom;
    margin: 8px auto;
    height: 1px;
}

A.footer
{
    color: white;
}

/* Round corner popup */
.rcTop, .rcBottom {display:block; background:transparent; font-size:1px;}
.rc1, .rc2, .rc3, .rc4 {display:block; overflow:hidden;}
.rc1, .rc2, .rc3 {height:1px;}
.rc2, .rc3, .rc4 {background:#FFFFFF; border-left:1px solid #AAAAAA; border-right:1px solid #AAAAAA;}
.rc1 {margin:0 5px; background:#AAAAAA;}
.rc2 {margin:0 3px; border-width:0 2px;}
.rc3 {margin:0 2px;}
.rc4 {height:2px; margin:0 1px;}
.rcContent {display:block; background:#FFFFFF; border:0 solid #AAAAAA; border-width:0 1px;}

/* Clear calendar's float */
#container .bd:after {content:".";display:block;clear:left;height:0;visibility:hidden;}

/* Have calendar squeeze upto bd bounding box */
#container .bd {padding:0;}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {border:none;padding:1em}