body
{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-image: url(../theme/blbkgnd.gif);
	background-color: #000066;
}
	
a.one:link {color: #00FFFF}
a.one:visited{color: #00FFFF}
a.one:hover{color: #FFFFFF}
a.one:active{color: #FFFFFF}

a.two:link {color: #FFFF00}
a.two:visited{color: #FFFF00}
a.two:hover{color: #FF0000}
a.two:active{color: #FFFFFF}

a.three:link {color: #00FFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.three:visited{color: #00FFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.three:hover{color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
a.three:active{color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

a.four:link {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal;}
a.four:visited{color: #00FFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal;}
a.four:hover{color: #FFFFFF; background-color: #369; text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal;}
a.four:active{color: #FFFFFF; text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal;}

a.five:link {color: #00FF66}
a.five:visited{color: #FF0000}
a.five:hover{color: #FF00FF}
a.five:active{color: #FF00FF}

a.six:link {
	color: #000;
	font-weight: bold;
}
a.six:visited{color: #00F}
a.six:hover{color: #00F}
a.six:active{color: #OOF}

a.rollover {        /*rollover button for imagefolio site*/
   display: block;
   width: 140px;
   height: 24px;
   text-align: center;
   text-decoration: none;
   background: url("http://www.gotosnapshot.com/ImageFolio4_files/skins/cool_blue/images/if_but.gif") no-repeat 0px 0px;
   }
	
a.rollover:hover {
   text-decoration: none;
   background: url("http://www.gotosnapshot.com/ImageFolio4_files/skins/cool_blue/images/if_but_1.gif") no-repeat 0px 0px;
   }
	
a.rollover:active {
   text-decoration: none;
   background: url("http://www.gotosnapshot.com/ImageFolio4_files/skins/cool_blue/images/if_but_1.gif") no-repeat 0px 0px;
   }
   
a.rolloverbook {        /*rollover button for bookmark this page*/
   display: block;
   width: 140px;
   height: 24px;
   text-align: center;
   text-decoration: none;
   background: url("http://www.gotosnapshot.com/gifs/bookmarka.gif") no-repeat 0px 0px;
   }
	
a.rolloverbook:hover {
   text-decoration: none;
   background: url("http://www.gotosnapshot.com/gifs/bookmarkb.gif") no-repeat 0px 0px;
   }
	
a.rolloverbook:active {
   text-decoration: none;
   background: url("http://www.gotosnapshot.com/gifs/bookmarkb.gif") no-repeat 0px 0px;
   }


h1
{
	color: #00FFFF;
	font: 200% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
	text-align:center;
	text-decoration:none;
}
	
h2
{
	color: #FFFFFF;
	font: 150% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
	text-align:center;
}
	
h2 a { text-decoration: none; }
	
h3
{
	color:#00FFFF;
	font: 150% georgia, times, "times new roman", serif;
	font-weight: bold;
	text-decoration:none;
	margin-top: 0;
	text-align:center;
}

h4
{
	color: #FFFF00;
	font: 110% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin-top: 0;
	text-align:center;
}	
h5
{
	font-weight:bold;
	font:120% Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFFF00;
	text-align:left;
}
h6
{
	font-weight:bold;
	font:120% Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #00ffff;
	text-align:center;
}
h7
{
	font-weight:bold;
	font:100% Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #FFFF00;
	text-align:center;
}
h8fb
{
	color: #FFFFFF;
	font: 140% georgia, times, "times new roman", serif;
	font-weight: bold;
	margin: 0 0 2px 0;
	text-align:center;
}

.links a:link {color: #00FFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.link a:visited{color: #00FFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.links a:hover{color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.links a:active{color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

p {
	text-align:left;
	margin-top: 0;
}
p.style1 { /*Text for emphasis in paragraph*/
	color:#FFFF00;
	font-weight: bold;
}

p.style2 { /*Text for white background*/
	color: #0000FF;
}
p.style3 {  /*Text for javascript contact on blue page*/
	color:#FFFF00;
}
p.style4	{/* font for search box for words and-or-phrase*/
	color:#ffffff;
	font-size:12px;
}
p.style5    {/*white text for javascript contact-b.js*/
	color:#ffffff;
	font-weight: bold;
}

p.caption {  /*Text for horizontal captions*/
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:106%;
	margin-left:10%;
	margin-right:10%;
	margin-top:0;
	color: #FFFF00;
}
p.body700 {   /*700 pixel wide left aligned text - good with photos*/
	text-align:left;
	margin-right:5%;
	margin-left:5%;
	margin-top:0;
}
p.body650 {   /*650 pixel wide left aligned text - good with photos*/
	text-align:left;
	width:650px;
	margin-top:0;
	margin-left:10%;
}
p.body600 {   /*600 pixel wide left aligned text - for screen saver page*/
	text-align:left;
	width:600px;
	margin-top:0;
	margin-left:0;
}
p.thumbrt1 {/*This will apply left margin to text with thumbnail-helps to center*/
	text-align:left;
	margin-top:0;
	margin-left:50px;
	font-weight: bold;
	color: #FFFF00;
	color: #FFFF00;
}
p.center {text-align:center;
margin-top:0;
}

#contents
{
	margin-right: 0px;
	margin-left: 150px;
	width: 630px;
	background-color: #000066;
}

#counter-table
{
padding: 1;
margin: 0;
border-spacing:1;
border-width:thin;
border-color: #CCCCCC;
border-style: solid;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap
	{
	color : #000000;
	background: transparent;
	width: 798px;
	}

.columns-float
	{
	float: left;
	width: 532px;
	}
.column-one
	{
	float: left;
	width: 266px;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-left: 266px; }
.column-three {margin-left: 532px;}
/* */
.column-one-content, .column-two-content, .column-three-content
	{
	padding: 6px;
	border: none;
	}

/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ p\osition: relative; }
/* */

/*Footer for the basic_css template*/
div#foot {
	background-color: #000066;
	width: 700px;
	clear: both;
	position: relative;
	margin-top: auto;
	margin-left: 100px;
}
/*Footer for the digital photography template*/
div#foot2 {
	background-color: #000066;
	width: 800px;
	clear: both;
	position: relative;
	margin-top: auto;
	margin-left: 0px;
}
/*Container for a centered 800px wide page*/
div#wrapper {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 20px;
    width:800px;
    background-color: #000066;
}
#footer
{
	clear: both;
	height: 20px;
	margin-left: 140px;
	margin-right: 0px;
	background-color: #000066;
}
/*Container for a centered 1024px wide page*/
div#wrapper2 {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 20px;
    width:1024px;
    background-color: #000066;
}
#footer2
{
	clear: both;
	height: 20px;
	margin-left: 140px;
	margin-right: 0px;
	background-color: #000066;
}
/*Table Properties*/
#form_input { 
	 background-color: #666699; 
}
#select_long { 
	 background-color: #FFFFCC; 
	 color: #000000;
	 width:350px;
}
#select_medium { 
	 background-color: #FFFFCC; 
	 color: #000000;
	 width:200px;
}
#textarea {
	background-color: #EFF3F7;
	color: #000000;
}
#form { 
 	border: 1px solid #330099;
 	width: 650px; 
 	padding: 5px;
 	background-color:#B5CBEF;
 	border-collapse:collapse;
 	padding:5px;
}


.text_head { 
	 font-size: 16px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 color:#FFFFFF;
	 font-weight:bold;
	 background-color: #B5CBEF;
	 background-image:url(phpform/tile_back.gif); 
	 border: 1px solid #000066;
	 text-align:center; 
}
.row_normal{
	background-color: #B5CBEF;
  	background-image:url(phpform/tile_sub.gif);
  	color:#000066;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000066;
	color: #000000;
	text-align:left;
  }
.row_normal2{
	background-color: #D6DFEF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFFFFF;
	color: #000000;
	text-align:left;
  }
  
.labelcell { 
 	font: 16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 	color: #000066; 
 	background-color: #EFF3F7;
 	border: 1px solid #FFFFFF;
 	text-align:left;
} 
.labelcell2 { /*This has smaller text size than labelcell*/
	 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	 color: #000066; 
	 background-color: #B5CBEF;
	 border: 1px solid #FFFFFF;
	 text-align:center; 
} 
.fieldcell { 
	 background-color:#FFFFCC; 
	 color: #000000; 
	 text-align: left; 
	 margin-right: 0px; 
	 padding-right: 0px;
	 font-family:Arial, Helvetica, sans-serif; 
} 
/*End of form fields*/
#header
{
	height: 100px;
	background-position: 0 0;
	position: relative;
	background-image: url(../theme/snapshot-top-1.png);
	background-repeat: no-repeat;
	width: 800px;
}

#header h1
{
	font-size: 1px;
	text-align: right;
	color: #fff;
	margin: 0;
	padding: 0;
}
#leftcol
{
	float:left;
	margin-left: 0px;
	width: 45%;
	margin-right:15px;
	padding: 1em;
}
#menu
{
	float: left;
	width: 140px;
	background-color: #000066;
}
/*Vertical Javascript Menu*/
#menu-v
{
	float: left;
	width: 140px;
	height: 640px;
	background-color: #000066;
}
/*horizontal rollover button using snapshot style buttons*/
/* button styles */
#menubut { /*This works well for three image buttons*/
	height: 24px;
	margin-right:15%;
	margin-left:15%;
	/*margin: 3em 0; padding:0 1em;*/
	}
#menubutw { /*This works well for five image buttons*/
	height: 24px;
	margin-right:5%;
	margin-left:5%;
	/*margin: 3em 0; padding:0 1em;*/
	}	
	
#menubut2 { /*This worked well for one image button*/
	height: 24px;
	margin-right:40%;
	margin-left:40%;
	/*margin: 3em 0; padding:0 1em;*/
	}
	
#menubut2c { /*This worked well for one image button centered in a 256 px wide table box*/
	height: 24px;
	margin-right:20%;
	margin-left:20%;
	/*margin: 3em 0; padding:0 1em;*/
	}
	
#menubut2L { /*This worked well for one image button aligned left*/
	height: 24px;
	margin-right:40%;
	margin-left:40%;
	/*margin: 3em 0; padding:0 1em;*/
	}
	
#menubut3 { /*This works well for three image buttons on 800px wide sheet*/
	height: 24px;
	margin-right:20%;
	margin-left:20%;
	/*margin: 3em 0; padding:0 1em;*/
	}
#menubut4 { /*This works well for three image buttons on 800px wide sheet or two on a 640px sheet*/
	height: 24px;
	margin-right:30%;
	margin-left:30%;
	/*margin: 3em 0; padding:0 1em;*/
	}
#menubut5 { /*This works well for three image buttons on 800px wide sheet when they won't fit with menubut3 or 4*/
	height: 24px;
	margin-right:10%;
	margin-left:10%;
	/*margin: 3em 0; padding:0 1em;*/
	}
#menubut6 { /*This works well for four image buttons on 800px wide sheet*/
	height: 24px;
	margin-right:15%;
	margin-left:15%;
	/*margin: 3em 0; padding:0 1em;*/
	}
	
#menubut7 { /*This works well for two image buttons on 800px wide sheet*/
	height: 24px;
	margin-right:32%;
	margin-left:32%;
	/*margin: 3em 0; padding:0 1em;*/
	}

#menubut8 { /*This works well for four image buttons on 640px wide sheet*/
	height: 24px;
	margin-right:5%;
	margin-left:5%;
	/*margin: 3em 0; padding:0 1em;*/
	}
	
#menubut9 { /*This works well for two image buttons on 640px wide sheet*/
	height: 24px;
	margin-right:27%;
	margin-left:27%;
	/*margin: 3em 0; padding:0 1em;*/
	}
	
div.outer-book {
	float: left;
	width: 140px; height: 24px;
	margin: 0 0px 0 0;
	}
	
div.outer-book2 {
	width: 100%; height: 24px;
	margin: 0 0px 0 0;
	}

div.outer {
	float: left;
	width: 140px; height: 24px;
	margin: 0 0px 0 0;
	background: url(theme/combob.gif) 0px -24px no-repeat;
	}
div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 10px/1 Georgia, serif;
	color:#FFFFFF;
	text-decoration: none;
	background: url(theme/combob.gif) top left no-repeat;
	}
div.outer span {
	display: block;
	/*margin:0; padding: 7px 0 0 18px;*//*top, right, bottom. left*/
	margin-left:0px;
	margin-right:0px;
	text-align:center;
	margin-top:7px;
	}
div.outer a:hover {
	background-image:none;
	color: yellow;
	}
/*div.outer a:active {
	color: black;
	}*/
/* End of horizontal menu with previous - top of page - home - next menu for topmenu_css template*/

/*New horizontal nav menu 2 for basic_css template*/
#navcontainer2 ul
{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #000066;
	color: #FFF;
	width: 700px;
	font: normal 90% arial, helvetica, sans-serif;
	text-align: center;
}

#navcontainer2 li { display: inline; }

#navcontainer2 li a
{
	text-decoration: none;
	background-color: #000066;
	color: #FFF;
	padding: .2em 1em;
/*border-right: 1px solid #fff;*/
}

#navcontainer2 li a:hover
{
	background-color: #369;
	color: #fff;
}
/*End of horizontal nav menu 2*/

/*Horizontal nav menu 3 for topmenu_css template*/
#navcontainer3 ul
{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #000066;
	color: #FFF;
	width: 800px;
	font: normal 90% arial, helvetica, sans-serif;
	text-align: center;
}

#navcontainer3 li { display: inline; }

#navcontainer3 li a
{
	text-decoration: none;
	background-color: #000066;
	color: #FFF;
	padding: .2em 1em;
/*border-right: 1px solid #fff;*/
}

#navcontainer3 li a:hover
{
	background-color: #369;
	color: #fff;
}     
/*End of horizontal nav menu 3*/

#rightcol
{
	position:absolute;
	margin-left: 0px;
	padding: 1em;
	left: 459px;
	width:35%;
	top: 145px;
	overflow: auto;
	height: 1600px;
}
.clear {
	clear:both;
} 
.clearboth { clear: both; }
.floatright { 
	float: right; 
	margin: 0 0 10px 10px;/*top, right, bottom, left*/
}
.floatimgright { /*This will float a 325px or smaller image right*/
	float: right; 
	margin: 10px 30px 0px 0px;/*top, right, bottom, left*/
	width:330px;
	text-align:center;
}
.floatthumbright { /*This will float a thumbnail image right*/
	float: right; 
	margin: 0 50px 0px 0px;/*top, right, bottom, left*/
	width:150px;
	text-align:center;
}
.floatleft { 
	float: left; 
	margin: 0 10px 10px 0;
}
.floatimgleft { /*This will float a 300px or smaller image left*/
	float: left; 
	margin: 10px 0px 0px 30px;
	width:330px;
	text-align:center;
}
.floatimgleft2 { /*This will float a 300px or smaller image left, same as above but with the width removed, use for single images with text*/
	float: left; 
	margin: 10px 0px 0px 40px;
	text-align:center;
}
.listHeader {
	color:#FFFFFF;
	font-weight:bold;
}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#000066; /*reCaptcha widget background color*/
}
 
#recaptcha_table {
   border-color: #000066; /*reCaptcha widget border color*/
}
 
#recaptcha_response_field {
   border-color: #000066; /*Text input field border color*/
   background-color:#FFFFFF; /*Text input field background color*/
}

.thumbnail /*uses a black background*/
{
	float: left;
	width: 180px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;  /*top, right bottom, left*/
	background-color:#000000;
	padding: 5px;
	text-align:center;
}

.thumbnail2 /* uses a snapshot blue background and no border, will fit two images on page*/
{
	float: left;
	width: 250px;
	margin: 0 15px 15px 20px;
	background-color:#000066;
	padding: 5px;
	text-align:center;
}

/*Vertical navigation menu used in basic_css template*/
.vertnav a{
	color: white;
	display: block;
	width: 140px;
	height: 20px;
	padding-right: 0px;
	padding-top:7px;
	margin-bottom: 0px;
	background-image: url(theme/blvbs.gif);
	background-repeat: no-repeat;
	background-position:left center;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:center;
}

.vertnav a:hover
{
	background-image: url(theme/blvbh.gif);
}
/*End of vertical navigation menu used in basic_css template*/