/*Style sheet for CFP web site*/

BODY {
	background: #FFFFFF;
	font-family: Arial, Geneva, sans serif;
	font-size: 16px;
}

HR {
	color: #006699;

}

.dotted { style: dashed; }

.short {
	width: 150px;
	float: left;
}

H1 {
	font-family: Arial, geneva, sans serif;
	font-size: 150%;
	font-weight: bold;
	color: #CC3333;
}

H2 {
	font-family: Arial, geneva, sans serif;
	font-size: 130%;
	font-weight: bold;
	color: #CC3333;
}

H2.center {
	font-family: Arial, geneva, sans serif;
	font-size: 130%;
	font-weight: bold;
	color: #CC3333;
	text-align: center
}

H2.small {
	font-family: Arial, geneva, sans serif;
	font-size: 130%;
	font-weight: bold;
	color: #CC3333;
}

H2.label {
	font-family: Arial, geneva, sans serif;
	font-size: 100%;
	font-weight: bold;
	color: #006699;
}

H3 {
	font-family: Arial, geneva, sans serif;
	font-size: 120%;
	font-weight: bold;
	color: #CC3333;
}
H3.center {
	font-family: Arial, geneva, sans serif;
	font-size: 120%;
	font-weight: bold;
	color: #CC3333;
	text-align: center
}

.italic{
	font-family: Arial, genera, sans serif;
	font-weight: bold;
	font-style: italic;
	color: #CC3333;
}

H4 {
	font-family: Arial, geneva, sans serif;
	font-size: 100%;
	color: #000000;
	color: #CC3333;
}

H4.bold {
	font-family: Arial, geneva, sans serif;
	font-weight : bold
	font-size: 100%;
	color: #000000;
	color: #CC3333;
}

/* 
.center{
	font-family: Arial, genera, sans serif;
	font-weight: bold;
	text-align: center;
	color: #CC0000;
}
 */

Div.small {
	font-family: arial, geneva, sans serif;
	font-size: 60%;
	color: #CC3333;
}

P.times {
	font-family: times new roman;
	font-size: 70%;
}

P.timessmall {
	font-family: times new roman;
	font-size: 50%;
}

P.timeslarge {
	font-family: times new roman;
	font-size: 100%;
}

P.arial {
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

P.menulist{
	font-family: arial, geneva, sans serif;
	color: #006699;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
}

P.center{
	font-family: arial, geneva, sans serif;
	color: #006699;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
}

P.right{
	font-family: Arial, geneva, sans serif;
	font-family: times new roman;
	font-size: 100%;
	text-align: right;
}

P.centersmall {
	font-family: arial, geneva, sans serif;
	font-size: 100%;
	color: #CC3333;
	text-align: center;
}

P.small {
	font-family: arial, geneva, sans serif;
	font-size: 70%;
}

P.alert {
	font-family: Arial, geneva, sans serif;
	font-family: times new roman;
	font-size: 100%;
	font-weight: bold;
	font-variant: small caps;
	color: #FF0000;
	text-decoration: blink;
}

P.title {
	font-family: Arial, geneva, sans serif;
	font-size: 100%;
	font-weight: bold;
	color: #CC3333;
	vertical-align: middle;
}

.bold {font-weight: bold;}

span.color {
	font-family: times new roman;
	font-size: 100%;
	color: #CC3333;
}

TABLE.home {
	border-width: 1px;
	text-align: center;
//	vertical-align: text-top;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	spacing: 5px;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.clear {
	border-width: 0px;
	text-align: left;
//	vertical-align: text-top;
	cellpadding: 6px;
	cellpadding: 6px;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.clearcentre {
	border-width: 2px;
	text-align: center;
//	vertical-align: text-top;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.full {
	border-width: 0px;
//	vertical-align: text-top;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	spacing: 5px;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.little {
	border-width: 0px;
	width: 80%;
	text-align: center;
//	vertical-align: text-top;
	padding: 5px;
	spacing: 5px;
	font-family: arial, geneva, sans serif;
	font-size: 110%;
}

TABLE.catalogue {
	border-width: 1px;
	width: 90%;
//	vertical-align: text-top;
	padding: 5px;
	spacing: 5px;
	fon-tamily: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.display {
	border: 5px;
	width: 80%;
	text-align: center;
//	vertical-align: text-top;
	padding: 5%;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.incm {
	border: 5px;
	border-color: #F0F8FF;
	width: 70%;
	vertical-align: text-bottom;
	padding: 5px;
	spacing: 5px;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.menu {
	border: 0px;
	float: left;
//	vertical-align: text-top;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.bib {
	width: 580px;
	border: 0px;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
}

TABLE.background {
	border-width: 5px;
	width: 100%;
	text-align: center;
//	vertical-align: text-top;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 5px;
	padding-bottom: 0px;
	spacing: 5px;
	font-family: arial, geneva, sans serif;
	font-size: 100%;
	background-color: #99CCFF;
}

TABLE.small {
	border-width: 2px;
	width: 80%;
	text-align: left;
//	vertical-align: text-top;
	padding: 1px;
	spacing: 1px;
	font-family: arial, geneva, sans serif;
	font-size: 15px;
}

.opaque {
	background-color: #FFFFFF;
	width: 60%;
	padding-top: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 50px;
	text-align: center;
	font-size: 100%;
}

TD {
//	vertical-align: text-top;
	text-align: left;
}

TD.menu {
//	vertical-align: text-top;
	text_align: left;
	width: 30%;
}

TD.body {
//	vertical-align: text-top;
	text_align: left;
	width: 70%;
}

TD.left {
//	vertical-align: text-top;
	text-align: left;
	color: #CC3333;
}

TD.leftspace {
//	vertical-align: text-top;
	white-space: normal;
	text-align: left;
	color: #CC3333;
}

TD.width {
//	vertical-align: text-top;
	text-align: left;
	color: #CC3333;
	width: 100px;
}

TD.right {
//	vertical-align: text-top;
	text-align: right;
	color: #CC3333;
}

TD.rightwidth {
//	vertical-align: text-top;
	text-align: right;
	color: #CC3333;
	width: 15px;
}

TD.center {
//	vertical-align: text-top;
	text-align: center;
	color: #CC3333;
}

img.small {
	width: 100px;
	height: 100px;
	border-width: none;
}

img.center {
	text-align: center;
	border-width: none;
}

ul.a {
    list-style-type: none;
}

li.a {
    list-style-type: none;
    margin-left:5em;
}

LI	{
	list-style: disc;
	font-size: 100%;
	color: #990000;
}

LI.trace {
	list-style: disc;
	font-family: arial, geneva, sans serif;
	font-weight: bold;
	font-size: 100%;
	font-style: oblique;
	color: #006699;
}

#element1 {
	position: absolute;
	z-index: 4;
	top: 400px;
	left: 150px;
}

#element2 {
	position: absolute;
	z-index: 1;
	top: 300px;
	left: 90px;
}

#element3 {
	position: absolute;
	z-index: 2;
	top: 300px;
	left: 370px;
}

#element4 {
	position: absolute;
	z-index: 3;
	top: 700px;
	left: 250px;
}

#element5 {
	position: absolute;
	z-index: 0;
	top: 600px;
	left: 0px;
}

#element6 {
	position: absolute;
	z-index: 5;
	top: 200px;
	left: 10px;
}

#content { margin-top: 35px; }


.menuStyle {
	color: #000000;
	font-size: 100%;
	font-family: arial, geneva, sans serif;
	background-color: #99CCFF;
	text-align: left;
	padding: 10px;
	width: 100%;
}
	
#menuHead {
	backbround-color: #99CCFF;
	position: absolute;
	z-index: 50;
	top: 10px;
	left: 10px;
}

#menuHead1 {position: relative; }	

#menuHead2 {position: relative; }	

#menuHead3 {position: relative; }	

#menuHead4 {position: relative; }	

#menuHead5 {position: relative; }	

#menu1 {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 150px;
}

#menu2 {position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 150px;
}

#menu3 {position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 150px;
}

#menu4 {position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 150px;
}

#menu5 {position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 100px;
}

#submit {font-family: Arial, geneva;
	font-size: 100%;
	font-weight: bold;
}

input.small {
	font-family: arial, geneva, sans serif;
	font-size: 100%;
	color: #CC3333;
}

SELECT {font-family: Arial, geneva;
	font-size: 100%;
}
OPTION {font-family: Arial, geneva;
	font-size: 100%;
	font-weight: bold;
}

a {font-family: Arial, geneva;
   font-size: 100%;
   text-decoration: none;}

a:link {color: #006699;}
a:active{color: #00ffff;}
a:visited {color: #76BC76;}
a:hover   {color: #FF0099;
	text-decoration: underline;}

a.menulink:link {color: #CC3333;}
a.menulink:active {color: #66FF33;}
a.Menulink:visitied {color: #FF6633;}
a.menulink:hover {color: #FF0099;
	text-decoration: underline;}
	
a.title {
	font-family: arial, geneva, sans serif;
	font-size: 150%;
	font-weight:bold;
	text-decoration: none;
}

div.small {
	font-family: arial, geneva, sans serif;
	font-size: 95%;
	text-align: left;
}