/*
* flori.css
*
*Version 1.02
* PAH september 2005
*/

/* general declarations */
 @media screen {
html {
font-family: Verdanna,  Arial, Helvetica, sans-serif;
color: #000;
background-color: #fff;
}

/* browser */
body {
margin: 0;
padding: 0;
font-size: 100%;

}

p {
font-family: 'Lucidia Grande', Verdanna, Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
font-size: 1.3em;
padding: 5px;
margin: 0;
text-align: justify;
}

img {
border: 0px solid;
vertical-align: top;
float: left;
padding-right: 1em;
}



blockquote p{
font-family: courier, sans-serif;
font-size:1.3em;
padding: 0.3em
}
h1 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:normal;
color: #000;
background: #fff;
font-size: 2.0em;
margin-right: 1.0em;
margin-left: 1.0em;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:normal;
color: #000;
background: #fff;
font-size: 1.8em;
margin-right: 1.0em;
margin-left: 1.0em;
margin-top: 0;
margin-bottom: 0;
}

h3{
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:normal;
color: #000;
background: #fff;
font-size: 1.6em;
margin-right: 1.0em;
margin-left: 1.0em;
margin-top: 0;
margin-bottom: 0;
}

h4 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;

color: #000;
background: #fff;
font-size: 1.4em;
margin-right: 0.7em;
margin-left: 0.7em;
margin-top: 0;
margin-bottom: 0;
}

/* div declarations fonts and position */

/* logo header */

div#header {
display: block;
	text-align: center;
	margin: 0 auto;
background: #fff;
color: #000;
height: 10em;
border-bottom: ridge 0.2em #000;

}

/* main content */

div.spacer a{
text-decoration: none;
font-size: 1.0em;
margin: 4em;
color: #f30;
background:#fff;
}


div.container {
color: #000;
border: 0.0em  solid #000;
background-color: #fff;
margin-left: 13em;
margin-right: 21em;
  }

	 div.container a{
	 color: #a03;
	 border: 0.0em  solid #000;
	 background-color: #fff;
	 text-decoration:none;
	 margin-left: 0em;
	 margin-right: 0em;
  }
    div.container  li{
         list-style-image: url(images/bullet.gif);
	 vertical-align:middle;
         font-size: 1.3em;
         list-style-type: circle;
         padding-left: 2px;
         border: 0;
          margin-left: 0em;
	  list-style-position: inside;
    }
    
    div.container  ul{
         list-style-image: url(images/bullet.gif);
	  vertical-align:middle;
         font-size: 1.3em;
         list-style-type: circle;
         padding-left: 2px;
         border: 0;
          margin-left: 0em;
	  list-style-position: inside;
    }
	  
 div.container p li{
     list-style-image: url(images/bullet.gif);
      vertical-align:middle;
     font-size: 1.3em;
     list-style-type: circle;
     padding-left: 8px;
     border: 0;
      margin-left: 0em;
      list-style-position: inside;
}

div.container p ul{
     list-style-image: url(images/bullet.gif);
      vertical-align:middle;
     font-size: 1.3em;
     list-style-type: circle;
     padding-left: 8px;
     border: 0;
      margin-left: 0em;
      list-style-position: inside;
}

.switchcontent{
color:red;
background:#fff;
}

.showstate{
color:red; 
background:#fff;
}
	  
div.textbox{
font-family: Verdanna,  Arial, Helvetica, sans-serif;
margin-left: 5em;
margin-right: 1em;
background-color: #fff;
border-width: 0.1em;
border-color: #000;
color:#000;
border-style:solid;


padding-left: 0.2em;
padding-right: 0.2em
 }
div.textbox fieldset{
border-width: 0;
}
div.textbox ul{
list-style-image: url(images/bullet.gif);
font-size: 1.0em;
list-style-type: circle;
padding-left: 0.2em;
border: 0;
margin-left: 0em;
}
div.colimageleft {
text-align: right;
width: 20.2em;

margin: 1em;
float: left;

font-size: 1.0em;
 }
    
div.colimageright {
text-align: right;
width: 20.2em;

margin: 0;
float: right;

font-size: 1.0em;
 }
    

div.coltext {
width:60%;

display: block;
float: left;
margin: 0;
background: #fff;
color:#000;
overflow: auto;
 }
    
div.siterow {
border-color: #eed;
 }


/*  by line under header for special links etc */

div#byline p{
text-align: center;
margin: 0;
background: #fff;
color: #000;
font-size: 0.9em;

border-bottom: ridge 0.2em #000;
}

div#byline  a{
text-decoration: none;
color: #000;
background:#fff;
 }


/* left navigation bar */

div#leftnav {
float: left;
margin-bottom: 0;
width: 11em;
margin-left: 0.1em;
background-color: #fff;
border-right: solid 0px #000;
padding: 0;
color: #eed;
}

/* left navigation bar links list*/

div#leftnav ul {
list-style: none;
padding: 0;
border: 0;
margin: 0;
}

div#leftnav li {
text-align: left;
margin: 0;
padding-left: 0;
border-bottom: 0.2em solid #b6b66f;
font: 1.2em/1.6em Verdanna, Lucida, Arial, sans-serif;
color: #ffe;
background: #633;
text-decoration: none;
width: 10em;

}

/* left navigation bar puts line on top of first link to complete button border*/
#leftnavtop {
border-top: 0.2em solid #b6b66f;
text-decoration: none;
width: 10em;

}

/* left navigation bar treats each item in list as a block*/

div#leftnav li a {
display: block;
font-weight: normal;
padding: 0;
border-left: 0.2em solid #b6b66f;
border-right: 0px solid #b6b66f;
color: #ffe;
background:#633;
text-decoration: none;
width: 10em;


}

html#leftnav li a {
width: 9.8em;
background:#fff;
color:#633;
}

div#leftnav li a:hover {
font-weight: bold;
border-left: 0.2em solid #b6b66f;
border-right: 0.2em solid #b6b66f;
background: #ffe;
color: #000;
text-decoration: none;
width: 10em;

}

div#leftnav p a{
color: #000;
background:#fff;
}

/* right bar */

div#rightbar {
background-image: url(images/rightbarback.gif);
background-position: left top;
background-repeat: repeat;
float: right;
top: 12.1em;
width: 19.0em;
right: 0.1em;
padding: 0;
margin-right: 0em;
color: #000;
background:#ffe;

}

div#rightbar a{
text-decoration: none;
font-size: 1.0em;
color: #000;
background:#ffe;
}

div#rightbar p{

font-size: 1.0em;
color: #000;
background: #ffe;
padding: 0;
}

div#rightbar h1{

text-align: center;
font-size: 1.3em;
font-weight: bold;
color: #000;
background:#ffe;
padding: 0;
}

div#rightbar h2{

font-size: 1.1em;
font-weight: bold;
color: #000;
background:#ffe;
padding: 0;
}

div#rightbar h3{

font-size: 1.2em;
font-weight: bold;
color: #660;
background:#ffe;
padding: 0;
}

html#rightbar {
width: 15.0em;
}

div#rightbar ul a{
list-style: none;
padding: 0;
border: 0;
margin: 0;
}

div#rightbar p a{
text-decoration: none;
text-align: left;
font-weight: bold;
margin: 0;
padding-left: 0;
font: 1.1em/1.2em Verdanna, Lucida, Arial, sans-serif;
color: #f00;
background-color: #ffe;
}

div#rightbar p{
text-decoration: none;
text-align: left;
font-weight: bold;
margin: 0;
padding-left: 0;
font: 1.1em/1.2em Verdanna, Lucida, Arial, sans-serif;
color: #000;
background-color: #ffe;
}

div.smalltextbox{
font-family: Verdanna, Verdanna,  Arial, Helvetica, sans-serif;
margin-left: 1em;
margin-right: 1em;
border-style:solid;
border-color:#000;
border-width:0.1em;
background-color:#ffe;
color:#000;
padding-left: 0.4em;
padding-right: 0.4em
}

/* footer */
div#footer p{
clear: both;
background: #fff;;
border-top: 0.4em ridge #000;
border-bottom: 0.4em ridge #000;
font-size: 0.9em;
color: #000;
padding: 0;
text-align: center;
}

div#footer p a{
font-weight: normal;
padding: 0;
color: #000;
background: #fff;;
text-decoration: none;
}

 /* form formatting */
 div#formstyle h1{
 font-size: 1.4em;
 color: #000;
 background: #b6b66f;
 font-family:  Verdanna, Arial, Helvetica, sans-serif;
  }
    
 
div#formstyle fieldset{
border: 0.1em solid #000;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0em;
    color: #000;
    background: #fff;;
    
    
    }
    div#formstyle legend{
    color: #000;
    background: #fff;;
    font-weight: bold;
    font-size: 1.3em;
    }
    
    #title {
    	width: 50em;
    	height: 2.6em;
    	color: #000;
	background:#fff;
    	font: bold 1.0em/1.8em Verdanna,  Arial, Helvetica, sans-serif;
    	padding-top: 0.5em;
    	text-transform: uppercase;
    	letter-spacing: 0.2em;
    	text-align: center;
    }
    
    form {
    	width: 36em; 
	 background-image: url(images/formback.jpg); 
	 background-repeat:no-repeat;
    }
    
    .col1 {
    	text-align: right;
    	width: 12em;
    	height: 3.0em;
    	
    	float: left;
    	margin-right: 0.2em;
    	font-size: 1.3em;
    }
    
    .col2 {
    	width: 20em;
    	height: 3em;
    	display: block;
    	float: left;
    	margin: 0;
	font-size: 1.2em;
    }
    
    .col2comment {
    	width: 25.0em;
    	height: 9.8em;
    	margin: 0;
    	display: block;
    	float: left;
    	font-size: 1.2em;
    }
    
    .col1comment {
    	text-align: right;
    	width: 15em;
    	height: 9.8em;
    	float: left;
    	display: block;
    	
    	font-size: 1.3em;
    }
    
    .col3comment {
    	width: 0.5em;
    	height: 9.8em;
    	display: block;
    	float: left;
    	margin: 0;
    	color: #f00;
	background:#fff;
    	font-weight: bold;
    }
    
    
    .col3 {
    	width: 0.5em;
    	height: 3.0em;
    	display: block;
    	float: left;
    	margin: 0;
    	color: #f00;
	background:#fff;
    	font-weight: bold;
    }
    
    
    div.row {
    	clear: both;
    	width: 50em;
    }
    
    .submit {
    	height: 2.9em;
    	width: 50em;
    	padding-top: 0.5em;
    	clear: both;
    	color: #f00;
	background:#fff;
    } 
    
    .input {
    	background-color: #ffe;
    	font: 1em/1.0em Verdanna, Arial, Helvetica, sans-serif;
    	color: #000;
    	margin: 0.4em 0 0.5em 0.8em;
    	padding: 0.1em;
    	border: 0.1em solid #000;
    }
    
    .textarea {
    	border: 0.1em solid #000;
    	background-color: #ffe;
    	font: 1.0em/1.4em Verdanna,  Arial, Helvetica, sans-serif;
    	color: #000;
  	margin: 0.4em 0 0.5em 0.5em;
    }
    
    .checkbox {
    background-color: #ccc;
    font: 1em/1.0em Verdanna,  Arial, Helvetica, sans-serif;
        	color: #000;
        	margin: 0.4em 0 0.5em 0.8em;
        	padding: 0.1em;
    	border: 0.1em solid #000;
   }

      }
    
        @media print {
           div#header {
           display:none;
           }
           div#byline {
           
           display:none;
           }
           div#leftnav {
           
           display:none;
           }
           div#rightbar {
           
           display:none;
           }
           div#footer {
           
           display:none;
           }
}