/*whitesmoke=F5F5F5  ghostwhite=F8F8FF  gainsboro=DCDCDC  slategray=708090  dimgray=696969*/

body {background-color:white; color:gray; font-size:10pt; 
      font-family:"Arial","Verdana","Helvetica",sans-serif; text-decoration:none; font-weight:normal;
      scrollbar-arrow-color:white;
      scrollbar-track-color:"white";
      scrollbar-shadow-color:silver;
      scrollbar-face-color:white;
      scrollbar-highlight-color:#F5F5F5;
      scrollbar-darkshadow-color:gray;
      scrollbar-3dlight-color:silver;}

a {text-decoration:underline; color:fuchsia;} 
a.overline {text-decoration:overline; color:fuchsia;} 
a:hover {text-decoration:underline overline; color:blue;}

span.small {font-size:8pt;} 

abbr, .help {border-bottom: 1px dotted blue; cursor: help; }

acronym {text-decoration:underline; color:fuchsia; cursor: help;}
abbr.explain {border-bottom: 1px dotted blue; cursor: help; }

h1 {font-size: 14pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color:#708090; display:inline;}
h1 a {font-size: 14pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color:#708090;}
h1 a:hover {font-size: 14pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: underline overline; color:blue;}
h1 a.not {font-size: 14pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color:#708090; cursor:text;}
h1 a.not:hover {font-size: 14pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color:#708090; cursor:text;}
h2 {font-size: 13pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color: gray;}
h2 a {font-size: 13pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color:gray;}
h2 a:hover {font-size: 13pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: underline overline; color:blue;}
h2 a.not {font-size: 13pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color:gray; cursor:text;}
h2 a.not:hover {font-size: 13pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color:gray; cursor:text;}

h3 {font-size: 12pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color: gray; display:inline;}
h4 {font-size: 11pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color: gray; display:inline;}
h5 {font-size: 10pt; font-family: "Arial", "Verdana", "Helvetica", sans-serif; 
		font-weight: normal; text-decoration: none; color: gray; display:inline;}

hr {color: #DCDCDC; height: 1px;}

img.preload{display:none;}

span.smallspacer {font-size:2pt;}

table.indeximages {background-color:white; color:gray; font-size:10pt; 
      font-family:"Arial","Verdana","Helvetica",sans-serif; text-decoration:none; font-weight:normal}
table.indeximages tr td {padding: 0px 35px 0px 35px;}
table.galleryimages {background-color:white; color:gray; font-size:9pt; 
      font-family:"Arial","Verdana","Helvetica",sans-serif; text-decoration:none; font-weight:normal}
table.galleryimages tr td strong {font-size:10pt; font-weight:bold;}
table.about {background-color:white; color:gray; font-size:9pt; 
      font-family:"Arial","Verdana","Helvetica",sans-serif; text-decoration:none; font-weight:normal}
table.about tr td {padding: 0px 10px 0px 10px;}
table.topnavi {background-color:white; color:gray; font-size:8pt; 
      font-family:"Arial","Verdana","Helvetica",sans-serif; text-decoration:none; font-weight:normal}
table.topnavi tr td {padding: 0px 15px 0px 15px;}


input {background-color:white; color:black; border-color:blue; border-width:1pt;}
input:hover {background-color:lightcyan; color:black; border-color:blue; border-width:1pt;}

input[type=radio]:hover {background-color:blue; color:blue;}
input[type=text]:hover {background-color:lightcyan; color:black;}
input[type=text] {background-color:white; color:black; border-color:blue; border-width:1pt;}

textarea {border-color:blue; border-width:1pt; color:black;}
textarea:hover {background-color:lightcyan; border-color:blue; border-width:1pt; color:black;}

select {color:blue; border-color:blue; border-width:1pt; background-color:white; }
select:hover {color:blue; border-color:blue; border-width:1pt; background-color:lightcyan; }
option {color:blue; background-color:white; border-color:blue; border-width:1pt; }
option:hover {color:blue; border-color:blue; border-width:1pt; background-color:lightcyan; }


table.popup { visibility:hidden; background-color:white; 
	position:absolute; border: 1px solid blue; }
table.popup td {padding-right:10px; padding-left:10px;}

td.padboth10 {padding-right:10px; padding-left:10px;}
td.padboth15 {padding-right:15px; padding-left:15px;}

/* ul.pink has pink (fuchsia) round bullets,
   the <b> tag is used to turn the text (within the <li> tags) back to gray, 
   with weight: normal to make it non-bold 
   in general, list items are moved 25px to the left (making them non-indented)*/
ul.pink {text-align:left; color: fuchsia; list-style-type:circle;}
ul.pink li b {font-weight:normal; color:gray;}
li {left:-25px; position:relative;}

/*list-style-type:square; list-style-image:url("layout_images/bullet_kiss.jpg");*/

.greybg {background-color: gray;}
.goldbg { background-color: #FFCC33; color: black;}
#stylerj {position:relative; float:right}
#styletextlj {text-align:left;}