/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	STANDARDIZE DEFAULTS

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

html,body,form,fieldset
	{
/*	clear-padded-elements */
	margin:0;
	padding:0;
	}

html,body
	{
	height:100%;
	}

body
	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:small;
	font-size:11px;
	line-height:1.2;
	text-align:center;
	color:#555;
	}

form label
	{
/*	accessibility friendly */
	cursor:pointer;
	}

fieldset
	{
/*	quirky because of Opera */
	border:0 solid;
	}

br	{
    clear:both;
    height: 0;
    line-height: 0;
    font-size: 0px; /*for IE*/
    }

table,thead,tbody,tfoot,tr,td
	{
	margin:0;
	padding:0 ;
/*	quirky because of Opera */
	border:0 solid;
	}

ul,ol,li,dl,dt,dd,div,img
	{
	padding:0;
	margin:0;
	}

table	{ border-spacing:0; border-collapse: collapse; }

td	{ vertical-align:top; }

img 	{ border:0px none; }

strong	{ font-weight:bold; }

ul	{ list-style:none; }

ul.bullet	{ list-style:square; margin-left:1.2em; }
ul.bullet li	{ margin-bottom:.4em; }

ul.horiz li
    {
    display:inline;
    }

input,select
	{
	font-size: 9px;
	color: #989898;
	}

input.alignWithImage
	{
	margin-bottom: 4px; /* this helps align the search box with the graphics on the left and right of it */
	}

.indented {
    margin-left: 30px;
    text-indent: -20px;
    }

.clear	{ clear:both;}

.hilite	{ color:#bc492a; }

.error { color:red; }

.bug { border:1px solid green; }

/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	ANCHORS

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */


a	{
	cursor:pointer;
	background-color:transparent;
	color:#444;
	font-weight:normal;
	}

a:link
	{
	background-color:transparent;
	text-decoration:underline;
	}

a:visited
	{
	background-color:transparent;
	text-decoration:underline;
	}

a:hover
	{
	background-color:transparent;
	text-decoration:none;
	}

a:active
	{
	background-color:transparent;
	text-decoration:none;
	}

a img
	{
	border:none;
	}


hr {
    height: 1px;
    width:100%;
    border:0;
    color:#999;
    background-color:#999;
    border-style:none;
    padding:0;
    margin:0;
    clear:both;
    }


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	Headlines for graduated semantic markup

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */


h1,h2,h3,h4,h5,h6,p
	{
	margin:0;
	padding:0;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}


h1	{ font-size: 200%; }
h2	{ font-size: 170%;
      color:#0073be;  
    }
h3	{ font-size: 150%; }
h4	{ font-size: 130%; }
h5	{ font-size: 120%; }
h6	{ font-size: 110%; font-weight:bold; }
h7	{ font-size: 100%; }


p	{ margin-bottom:8px; }

small { font-size:85%; }

big { font-size:110%; }

sup {
	vertical-align: baseline;
	font-size: 1.1em;
	position: relative;
	top: -.3em;
	}


/*-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~

	Classes used on form formatting

-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~ */

button {
	margin:0;
	padding:0;
}

label.labelOnLeft
    {
    font-size:10px;
    font-weight:bold;
    text-align:right;
    float:left;
    color:#000;
    width:90px;
    padding-top:2px;
    }

input.labelOnLeft,
select.labelOnLeft
    {
    display:block;
    clear:right;
	margin-left:95px;  /*5px more than the label width */
	margin-bottom:5px;
    }

p.labelOnLeft,
div.labelOnLeft
    {
    clear:right;
	margin-left:95px;  /*5px more than the label width */
	margin-bottom:5px;
    }


dl.checkbox,
dl.radio
    {
	font-size:90%;
	clear:both;
    }

dl.checkbox dd,
dl.radio dd
    {
    float:left;
    width:20px;
    margin-left:-2px;
    }

dl.checkbox dt,
dl.radio dt
    {
    padding-top:3px;
	margin-left:22px;  /*2px more than the dd width */
	margin-bottom:7px;
	clear:right;
    }

dl.checkbox dt a
    {
	display:block;
    }