/*
* firstlight.css
*
*Version 0.2
* PAH January 2005
*/

/* Fonts */
 @media screen {
html {
font-family: 'Lucidia Grande', Verdanna, Arial, Helvetica, sans-serif;
color: #9c9;
background: #9c9;
font-size: 11pt;
scrollbar-base-color: #030; 
scrollbar-track-color: #060;
scrollbar-face-color: #090;
scrollbar-highlight-color: #0f0;
scrollbar-3dlight-color: #0c0;
scrollbar-darkshadow-color: #000;
scrollbar-shadow-color: #030;
scrollbar-arrow-color: #0f0;


}

/* browser margins */

body {
margin: 0;
padding: 0;
scrollbar-base-color: #003; 
scrollbar-track-color: #006;
scrollbar-face-color: #009;
scrollbar-highlight-color: #00f;
scrollbar-3dlight-color: #00c;
scrollbar-darkshadow-color: #000;
scrollbar-shadow-color: #003;
scrollbar-arrow-color: #f00;

}

[data-src] {
    outline:1px dashed red;
}


p {
font-family: 'Lucidia Grande', Verdanna, Arial, Helvetica, sans-serif;
color: #060;
background: #9c9;
font-size: 11pt;
padding: 8px;
margin: 0;
}
ul li {
font-family: 'Lucidia Grande', Verdanna, Arial, Helvetica, sans-serif;
color: #060;
background: #9c9;
font-size: 11pt;
padding: 2px;
margin: 0;
}
img {
float: left;
}

h1 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:small-caps;
color: #330;
background: #9c9;
font-size: 130%;
margin-right: 10px;


margin-left: 10px;
}
h2 {
font-family:  Verdanna, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style:italic;
font-variant:small-caps;
color: #9c9;
background: #030;
font-size: 90%;
	   margin-right: 10px;
margin-left: 10px;
}

div#maincontent ul {
font-size: 12px;
font-weight: bold;
list-style-type: disc;
list-style-image: url('images/bullet.gif')
color: #060;
}

       div#maincontent li {
       font-size: 12px;
       font-weight: bold;
       list-style-type: disc;
       list-style-image: url('images/bullet.gif')
       color: #060;
}
div#maincontent  p {
font-size: 12px;
margin-left: 20px;
text-align: justify;
padding: 0px;

}

div#maincontent td {
font-size: 12px;
margin-left: 20px;
text-align: justify;
padding: 0px;
color: #030;
}

/* div declarations fonts and position */

/* logo header */

div#header {
text-align: center;
margin: 0;
background-image: url(images/headerback4.jpg);
background-repeat:no-repeat;
color: #fff;
height: 60px;
border-bottom: ridge 0px #030;
}

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

div#byline p{
margin: 0;
background: #9c9;
color: #fff;
font-size: 11px;
height: 15px;
border-bottom: ridge 0px #030;
}

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


/* left navigation bar */

div#leftnav {
float: left;
margin-bottom: 0;
width: 140px;
margin-left: 5px;
background-color: #060;
border-right: solid 0px #00f;
padding: 0;
color: #fff;
}

/* 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: 1px solid #003;
font: 14px/18px Verdanna, Lucida, Arial, sans-serif;
color: #fff;
background: #060;
}

/* left navigation bar puts line on top of first link to complete button border*/
#leftnavtop {
border-top: 1px solid #003;
}

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

div#leftnav li a {
display: block;
font-weight: normal;
padding: 0;
border-left: 1px solid #00c;
border-right: 0px solid #00c;
color: #fff;
text-decoration: none;
width: 140px;
voice-family: "\"}\"";
voice-family: inherit;
width: 138px;

}

html#leftnav li a {
width: 138px;
}

div#leftnav li a:hover {
font-weight: bold;
border-left: 1px solid #003;
border-right: 1px solid #003;
background: #030;
color: #ff0;
text-decoration: none;
}

/* right bar */

div#rightbar {
float: right;
top: 79px;
width: 190px;
right: 0px;
background-color: #030;
padding: 0;
color: #fff;
voice-family: "\"}\"";
voice-family: inherit;
width: 188px;
}

div#rightbar a{
text-decoration: none;
font-size: x-small;
color: #9c9;
}

div#rightbar p{
background: #030;
font-size: x-small;
color: #cfc;
padding: 0;
}

div#rightbar h1{
background: #060;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #ff3;
padding: 0;
}

div#rightbar h2{
background: #090;
font-size: 9px;
font-weight: bold;
color: #ffc;
padding: 0;
}


html#rightbar {
width: 198px;
}


div#lrightbar 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: 11px/12px Verdanna, Lucida, Arial, sans-serif;
color: #f00;
background: #9c9;
}


/* footer */

div#footer p{
clear: both;
background: #9c9;
border-top: 4px ridge #030;
border-bottom: 4px ridge #030;
font-size: x-small;
color: #000;
padding:0;
text-align: center;
}

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

/* main content block */

div#maincontent {
top: 85px;
margin-left: 145px;
margin-right: 15px;
padding-right: 10px;
text-align: justify;
background: #9c9;
}

div#maincontent  p{
top: 85px;
font-family: 'Lucidia Grande', Verdanna, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #060;
background: #9c9;
font-size: 10pt;
padding: 5px;
margin-left: 15px;
margin-right: 15px;
text-align: justify;
background: #9c9;
}

div#maincontent img {
padding-left: 5px;
padding-right: 6px;
border-right: 0;
}

   /* form formatting */
   	    div#formstyle{
	      background-image:url(images/formback.jpg);
	      background-repeat: no-repeat;
		 background-position: 0% 0%;
	      }
   
   div#formstyle h1{
   font-size: 14pt;
   color: #306;
   background: #fff;
   font-family: 'Lucidia Grande', Verdanna, Arial, Helvetica, sans-serif;
   }
   
   div#formstyle p{
   top: 85px;
   font-family: 'Lucidia Grande', Verdanna, Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #306;
   background: #fff;
   font-size: 10pt;
   padding: 5px;
   margin-left: 0px;
   margin-right: 0px;
   text-align: justify;
   background: #fff;
   }
   
   div#formstyle fieldset{
 
   border: 1px solid #306;
   margin-left: 10px;
   margin-right: 1px;
   padding: 10px;
   color: #306;
   
   
   }
   div#formstyle legend{
   color: #306;
   font-weight: bold;;
   }
   
   #title {
   	width: 500px;
   	height: 26px;
   	color: #5A698B;
   	font: bold 10px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   	padding-top: 5px;
   	text-transform: uppercase;
   	letter-spacing: 2px;
   	text-align: center;
   }
   
   form {
   	width: 500px;
   }
   
   .col1 {
   	text-align: right;
   	width: 200px;
   	height: 31px;
   	margin: 0;
   	float: left;
   	margin-right: 2px;
   	font-size: 10pt;
   }
   
   .col2 {
   	width: 250px;
   	height: 31px;
   	display: block;
   	float: left;
   	margin: 0;
   }
   
   .col2comment {
   	width: 250px;
   	height: 98px;
   	margin: 0;
   	display: block;
   	float: left;
   	font-size: 10pt;
   }
   
   .col1comment {
   	text-align: right;
   	width: 200px;
   	height: 98px;
   	float: left;
   	display: block;
   	margin-right: 2px;
   	font-size: 10pt;
   }
   
   .col3comment {
   	width: 5px;
   	height: 98px;
   	display: block;
   	float: left;
   	margin: 0;
   	color: #f00;
   	font-weight: bold;
   }
   
   
   .col3 {
   	width: 5px;
   	height: 31px;
   	display: block;
   	float: left;
   	margin: 0;
   	color: #f00;
   	font-weight: bold;
   }
   
   
   div.row {
   	clear: both;
   	width: 500px;
   }
   
   .submit {
   	height: 29px;
   	width: 500px;
   	padding-top: 5px;
   	clear: both;
   	color: #f00;
   } 
   
   .input {
   	background-color: #ccc;
   	font: 10px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   	color: #306;
   	margin: 4px 0 5px 8px;
   	padding: 1px;
   	border: 1px solid #306;
   }
   
   .textarea {
   	border: 1px solid #306;
   	background-color: #ccc;
   	font: 10px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   	color: #306;
   	margin: 4px 0 5px 8px;
   }
   
   .checkbox {
   background-color: #ccc;
   font: 10px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
   	color: #306;
   	margin: 4px 0 5px 8px;
   	padding: 1px;
   	border: 1px solid #306;
   }
   

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