/* css Zen Garden submission 151 - 'Contempo Finery', by Ro London, http://www.intersmash.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Ro London */
/* Added: Jan. 31st, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



*{
 margin:0;
 padding:0;
 background-repeat:no-repeat; 
/* position: relative; */
}

body {
 font-family:verdana,arial,helvetica,sans-serif;
 color:#888; 
 font-size:small;
}

img {
	border: 0;
}

table {
 width: 100%;
}

#pager {
 width: 100%;
 text-align: left;
 vertical-align: top;
/* background-color: #fafafa; */
 border-collapse: collapse; 
 border-spacing: 0px; 
 color: #003366;	
 margin-top: 25px;
 margin-bottom: 25px;
} 
#pager tr {
/* background-color: #fafafa; */
 border-top: 1px #6699CC dotted;
}

#pager a {
    font-weight: normal;
}

#pager tr:hover{
 background-color: #D4D0C8;
}

textarea, input {
	 font-family:verdana,arial,helvetica,sans-serif;
	 color: black;
	 font-size:small;

	width: 300px;

}

#buttons {
	width: 100px;
}
#radios {
	width: 15px;
	margin-right: 10px;
    vertical-align: middle;
}

a {
	text-decoration:none;
    font-weight: bold;
	color:#6699CC;
}

p {
	margin-top: 15px;
	margin-bottom: 15px;
}

#container{
 width:800px;
 padding: 10px;

 margin-top: 25px;
 margin-left:auto;
 margin-right:auto;
}
#lresources a:hover{
 background-color:#6699CC;
 color: white;
}
#intro{
 background-image:url(images/03_blu.gif);
 background-position:0 0; 
 height: 72px;
}


#pageHeader{
    position: relative;
	height: 18px;
	top: 14px; 
    left: 72px;
	margin-right: 72px;
	border-bottom: 1px solid #003366;
	background: url(images/asi.gif) no-repeat top right;
}
#quickSummary{
	position: relative;
	top: 14px; 
	left: 72px;
	margin-right: 72px;
	padding-left: 53px;
	border-bottom: 1px dotted #003366;
    padding-bottom: 2px;
	z-index: 5;
}
#quickSummary a:hover{
 background-color:#6699CC;
 color: white;

}

#preamble {
	position: relative;
	z-index: 6;
	float: right;
	top:-5px;
/*	position: relative;
	text-align: right;
	float: right;
	top:-5px;
	right: 0px;
	z-index: 6;
	padding-left:5px;
	padding-right: 5px;
	border-left: 1px dotted #003366; */
}
#preamble a:hover{
 background-color:#6699CC;
 color: white;
}

#explanation {
 font-weight:bold;
color:#6699CC;
text-align:justify;
width: 660px;
float:right;
padding-bottom: 20px;
}

#lresources {
	position: relative;
	float: left;
	top: -38px;
    width: 125px;
	height: 100%;
	padding-left: -10px;
	margin-top: 16px;
	padding-top: 16px;
	z-index:5;
	border-right: 1px dotted #003366;
}
#lresources a{
    display: block;
}
#lresources li{
	padding-top: 1px;
	list-style-type:none;
	width: 115px;
}

#lresources li #level0 {

	border-bottom: 1px solid lightgrey;

	margin-left: 0px;

}

#lresources li #level1 {

	border-bottom: 1px solid lightgrey;

	margin-left: 5px;
}
#lresources li #level2 {

	border-bottom: 1px solid lightgrey;

	margin-left: 10px;

}
#lresources li #level3 {

	border-bottom: 1px solid lightgrey;
	margin-left: 15px;
}
#lresources li #level4 {
	border-bottom: 1px solid lightgrey;
	margin-left: 20px;
}

#supportingText {
text-align:justify; 
width: 660px;
float:right;
padding-bottom: 50px;
}


#supportingText li {
    vertical-align:  middle;
	margin-left: 25px;
	width: 635px;

}

#supportingText #error {
	text-align: center;
	color: red;
    font-weight: bold;

} 