/* CSS Document */

body { 
margin: 20 0 0 0;
padding:0px; 
}

img { 
padding: 0px 0px 0px 0px; 
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

.bodygray2 {
	/*background-color: #7e7e7e;*/
	background:url(graphics/filmgrainbk1.jpg);
	}
.body_sightseer {
	background:url(graphics/filmgrainbk1.jpg);
	}
.bodygrayLight {
	background-color: #e4e4e4;
	width:758px;
	}
.grayLight {
	background-color: #e4e4e4;
	}
.graybk1 {
	visibility:hidden; 
	align:center;
	position:absolute;
}
	
.hometbl
{
background-image:url('graphics/roger_main.jpg');
height: 762px;
width: 755px; 
margin-top: 0px;
background-repeat: no-repeat;
}
  
.homelinkstbl
{
margin-left:425px;
margin-top:135px;
width:200px;
}

.homecurrphoto
{
/*
margin-left:425px;
margin-top:110px;
*/
margin-left:415px;
margin-top:117px;

width:200px;
}

	
.banner
{
background-image:url('graphics/banner.jpg');
height: 87px;
width: 758px; 
}

.thinblackborder{
 	border-width:1px; 
	border-style:solid; 
	border-color:black;
}

.thinltgrayborder{
 	border-width:1px; 
	border-style:solid; 
	border-color:#e4e4e4;
}

.thinblueborder{
 	border-width:1px; 
	border-style:solid; 
	border-color:#00ffff;
}


.black9bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
}

.black10bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
}
.black12bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
}

.white9bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
}

.white9bold a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #ababab;
}

.ltgray10bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #aaaaaa;
}

.ltgray10bold a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #cccccc;
}

.medgray10bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #666666;
}

.medgray10bold a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #999999;
}

.menuitems {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #eeeeee;
}

.menuitems a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	/* color: #cc6633; */
	/* color: #cc3300; */
	/* color: #990000; */
	/* color: #00cc99; */
	color: #00cccc;
}

.hdr_alt {
	font-family: Palatino, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #660000;
	letter-spacing:3px;
}


.menuitemsGallOnBanner {
text-align:center; 
margin-left: auto;
margin-right: auto; 
margin-bottom: 0px;
vertical-align: bottom; 
display:inline;
}


.menuitemsGallBottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #660000;
}



.menuitemsGallBottom a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	/* color: #cc6633; */
	/* color: #cc3300; */
	/* color: #990000; */
	/* color: #00cc99; */
	color: #009999;
}

.menuitemsGallBottomTest {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #333333;
}

.menuitemsGallBottomTest a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	/* color: #cc6633; */
	/* color: #cc3300; */
	/* color: #990000; */
	/* color: #00cc99; */
	color: #009999;
}


.buttonMaroonText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #660000;
}

.buttonMaroonText a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #009999;
}


.white10bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
}

.white10bold a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #00cc99;
}

.black10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: black;
}

.black10 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #009999;
}

.text_highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	/* color: #990000; */
	/*color: #660000;*/
	color: #666666;
}

.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    /* background-color: #efefef; */
	color: #111111;
    border-width:1px; 
	/* border-style:solid; 
	border-color:#666666; */
}

.copy a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #006666;
    border-width:1px; 
}

.copy2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #e4e4e4;
}

.copy2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #00cccc; 
}


.copytiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #111111;
    border-width:1px; 
}



.indentedListItem {
	text-indent: -25px;
}

.underReview {
	width:520px;
	background-color:white;
	/*position:absolute;*/
	border-width:1px; 
	border-style:solid; 
	border-color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: black;
	/* visibility: hidden; */
}

.underBio {
	background-color:white;
	padding-left:30;
	padding-right:25;
	border-width:1px; 
	border-style:solid; 
	border-color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-top:5px;
	color: black;
}

.underResume {
	background-color:white;
	border-width:1px; 
	border-style:solid; 
	border-color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: black;
	padding-top:5px;
	padding-left: 30px;
	padding-right: 15px;
	/* padding-left:65; padding-right:40; */
}


.underContact {
	background-color:white;
 	border-width:1px; 
	border-style:solid; 
	border-color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: black;
	padding: 10px;
	padding-top: 15px;
}

.upleftcornerBack {position:absolute; left:10;top:20; z-index:1;}



:active, :focus{
    outline:none;
}



.days_style {
	visibility:hidden; 
	z-index:3; 
	position:absolute; 
	width:480px; 
	height:3520;
}

.wrapped_style {
	visibility:hidden; 
	z-index:4; 
	position:absolute; 
	width:480px; 
	height:750;
}

.sedimenta_style {
	visibility:hidden; 
	z-index:5; 
	position:absolute; 
	width:480px; 
	height:448;
}

.bare_style {
	visibility:hidden; 
	z-index:6; 
	position:absolute; 
	width:480px; 
	height:448;
}

.beauty_style {
	visibility:hidden; 
	z-index:7; 
	position:absolute; 
	width:480px; 
	height:900;
}

.post_style {
	visibility:hidden; 
	z-index:8; 
	position:absolute; 
	width:480px; 
	height:585;
}

.where_style {
	visibility:hidden; 
	z-index:9; 
	position:absolute; 
	width:480px; 
	height:450;
}

.clear_style {
	visibility:hidden; 
	z-index:10; 
	position:absolute; 
	width:480px; 
	height:525;
}

.wild_style {
	visibility:hidden; 
	z-index:11; 
	position:absolute; 
	width:480px; 
	height:510;
}

.children_style {
	visibility:hidden; 
	z-index:12; 
	position:absolute; 
	width:480px; 
	height:935;
}


.centeredcontainer {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  }
  
 
/* testing ... */ 
#center {
	position:absolute;
	top: 50%;
	left: 50%;
	width:400px;
	height:250px;
	margin-top: -125px; /*set to a negative number 1/2 of your height*/
	margin-left: -200px; /*set to a negative number 1/2 of your width*/
	border: 1px solid;
	background-color: #eeeeee;
	overflow: auto;
}


ul { 
list-style:none; 
margin-left:0; 
padding-left:0; 
line-height:17px;
display: inline;
} 


ul li{
color : #000000;
/* background-color : transparent; */
background-color : #000000;
display: inline;
}

td {
vertical-align: bottom;
}

.smalltitleWiderSpacing {
color: #660000;
letter-spacing:3px;
}


html {
min-height: 100%; margin-bottom:1px;
}


.arrownav a {
	display: block; 
	width: 250px; 
	height: 25px; 
	/*background:  url("/graphics/turq_arrow_right.gif")  no-repeat;*/ 
	margin-top: 0px; 
	text-align:left;
	padding-left:20px;
	/*font-family: Palatino, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	color: #333333;
}
.arrownav a:hover {
	background:  url("graphics/turq_arrow_right.gif")  no-repeat;  
	text-decoration:none;
	color:#333333;
}


/* start suckerfish-style menu */
/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  border-left: 1px solid #000000;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold .65em Verdana, Arial, Helvetica, sans-serif;
  /*
  background: #565656;
  color: #959595;
  */
  background: #000000;
  color: #ffffff;
  display: block;
  /*padding: 0 9px;*/
  /*padding: 0px 38px;*/
  padding: 0px 58px 2px 4px;
  /*text-transform: lowercase;*/
  text-decoration: none;
}


.nav li a:hover {
  /*
  background: #ccc;
  color: #000;	
  */
  background: #000000;
  color: #ffffff;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  /*
  background: #ccc;
  color: #000;
  */
  background: #000000;
  color: #00cccc;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  /*
  background: #565656;
  color: #959595;
  */
  background: #000000;
  color: #ffffff;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  /*
  background: #ccc;
  color: #000;
  */
  background: #000000;
  color: #00cccc;
}

.nav ul {
  /*background: #565656;*/
  background: #000000;
  border-bottom: 1px solid #000000;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;

}
.nav li:hover ul,
.nav li.sfHover ul {
  /*top: 25px;*/
  top: 12px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #000;
  border-bottom: 0;
  /*padding-right: 20px;*/
  /*width: 80px;*/
  width: 100px;
  background: #000000;
  white-space: nowrap;
}
.nav ul a:hover {
  /*background: #ccc;*/
  /*color: #000;*/
  background: #000000;
  color:#00cccc;
}

/* end suckerfish-style menu */