/* CSS Document */
html { 
	height: 100%; 
	margin-bottom: 1px; 
}
body {
	font-size: 80%;
	font-family: Trebuchet MS, Lucida Sans, Arial, Verdana;
}
table {
	border-width: 0px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}
table th {
	border-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color:#CCCCCC;
	font-weight:bold;
	vertical-align: top;
	text-align: left;
	font-size: 90%;	
	border-top: 2px solid black;	
	border-bottom: 2px solid black;
}
table td {
	border-style: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 90%;
	border-bottom: 1px solid black;
}
.tblAlternateRow {
	background-color: #EEE;
}
.tblAlternateBold {
	background-color: #EEE;
	font-weight: bold;
}

.tblFloatRight {
	float:right;
}
.tblFloatLeft {
	float:left;
}

#wrapper {
	background: #FFFFFF;
	margin-top: 15px;
}

#header {
	height: 0px;
}

#menu {
	height: 0px;
}
#menucontent {
	height: 0px;
}
#content {
	width: 100%;
}
#content H1 {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 140%;
	line-height: 30px;
	padding-top: 0px;
	margin-top: 20px;
}
#content H2 {
	border-bottom: 1px solid #000000;
	line-height: 25px;
	font-size: 110%;
	margin-bottom: 5px;
}
#content H3 {
	font-size: 110%;
	margin-bottom: 5px;
}
#content H4 {
	font-size: 100%;
	margin-bottom: 20px;
}
#content H5 {
	font-size: 100%;
}
#content a {
	color:#0066FF;
}
#content a:hover, #sub-section a:active { 
	color:#FF6600;
}
#content .note{ 
	font-size: 90%;
}
#content ul { 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px; 
	margin-bottom: 15px;
	padding: 0px;
}
#content li { 
	margin-left: 20px;
}
.content-img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

#sub-section {
	width: 0px;
	height: 20px;
}
#footer {
	border-top: solid 1px black;
}	
#footer p {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin-top: 6px;
}

/*** form elements ***/

input, select, textarea {
	font-size: 12px;
	font-family: Trebuchet MS, Lucida Sans, Arial, Verdana;
}
.inputtext {
	width: 320px; 
	height: 14px;
}
.inputtextsmall {
	width: 160px; 
	height: 14px;
}



/*******************************************************************/

/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
#header,#menu,#content,#sub-section,#footer {overflow:hidden;display:inline-block;text-align:left}
#header,#menu,#footer {width:100%} /* safari and opera need this */