/*------CSS Document-------*/
/* Copyright and Developer notice not to be removed */
/* Copyright 2010 Shawn M. Sloan  All rights reserved. */
/* Designed and developed by Northwestwebcreations.com */

html,body { height:100%; }
	 
body {
	padding: 0px;
	margin: 0 auto;
	width: 100%;
	font-family:Georgia;
	font-weight:normal;
	font-size:12px;
	background-color:#464646;
}

#background {
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
background-position:top;
}

#header_row {
background-image:url(../images/header_row.jpg);
background-repeat:repeat-x;
}

#footer_row {
background-image:url(../images/footer_row.jpg);
background-repeat:repeat-x;
}

#footer_left{
	padding: 2px 1px 1px 5px;
	margin: 0px auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;	
}

#footer_right, #footer_center{
	padding: 2px 5px 1px 1px;
	margin: 0px auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}

/* Header Row */
#header {
	padding: 0px;
	margin: 0px auto;
	width: 100%;	
	height: 50px;
}
/* Main Row */
#main_left, #main_center, #main_right {
	background-color:#000000;
	padding: 15px 0 0 0;
	margin: 0px auto;
	height:auto;
	vertical-align:top;
}

/* Navigation Row */
#nav_left, #nav_center, #nav_right {
	background-color:#000000;
	padding: 0px;
	margin: 0px auto;
	height: 25px;
	vertical-align:top;
}	

/* Footer Row */
#footer {
	padding: 0px;
	margin: 0px auto;
	width: 100%;	
	height: 25px;
}

/* Left Column */
#main_left, #nav_left {
	padding: 5px 0 0 0;
	margin: 0px auto;
	width: 200px;
}

/* Center Column */
#main_center, #nav_center {
	padding: 35px 0 0 0;
	margin: 0px auto;
	width: 500px;		
}

/* Right Column */
#main_right, #nav_right {
	padding: 5px 0 0 0;
	margin: 0px auto;
	width: 300px;	
}

/* ***Horizontal Image Formatting*** */
#hmain_left, #hnav_left {
	padding: 5px 0 0 0;
	margin: 0px auto;
	width: 165px;
	vertical-align:top;
}

#hmain_center, #hnav_center {
	padding: 35px 0 0 0;
	margin: 0px auto;
	width: 635px;
	vertical-align:top;	
}

#hmain_right, #hnav_right {
	padding: 5px 0 0 0;
	margin: 0px auto;
	width: 200px;
	vertical-align:top;	
}

div#jas-hthumbnails{
	float: left;
	clear: left;
	width: 190px;
}

div#jas-hthumbnails ul{
	list-style: none;
	width: 190px;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}

div#jas-hthumbnails ul li{
	float: left;
	width:auto;
	height: 100px;
	margin: 0 10px 10px 0;
}

div#jas-hthumbnails ul li img{
	width:auto;
	height: 100px;
	cursor: pointer;
	padding: 1px; /*Added to put some distance between the border and image*/
	border: 1px solid #FFFFFF;
}

div#jas-hthumbnails ul li.selected-parent{
	width:auto;
	height: 96px;
	padding: 1px;
	border: 1px solid #FFCC00;
}

div#jas-hthumbnails ul li img.selected{
	width:auto;
	height: 96px;
}

/* ***END - Horizontal Image Formatting*** */
/*Main Image Display*/
#display_frame {
	background-color:#000000;
	border-width:thick;
	border-style:inset;
	border-top-color:#999999;	
	border-right-color:#666666;
	border-bottom-color:#666666;
	border-left-color:#999999;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

/* Tag-specific */
form, fieldset, li, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, input{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.email {
	color:#FFCC66;
	text-decoration:underline;
	font-size:18px;
	font-style:normal;
	}

a.email {
	color:#FFCC66;
	text-decoration:none;
	font-size:18px;
	font-style:normal;
	}	

dt{
	font-weight: bold;
}

img{
	border: none;
}

/* General */
div#container{
	width:inherit;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#jas-container{
	/* Width HAS to be here for IE to render the filter */
	width:auto;
	height:auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#jas-frame{
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

div#jas-thumbnails{
	float: left;
	clear: left;
	width: 290px;
}

div#jas-thumbnails ul{
	list-style: none;
	width: 290px;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}

div#jas-thumbnails ul li{
	float: left;
	width:auto;
	height: 100px;
	margin: 0 10px 10px 0;
}

div#jas-thumbnails ul li img{
	width:auto;
	height: 100px;
	cursor: pointer;
	padding: 1px; /*Added to put some distance between the border and image*/
	border: 1px solid #FFFFFF;
}

div#jas-thumbnails ul li.selected-parent{
	width:auto;
	height: 96px;
	padding: 1px;
	border: 1px solid #FFCC00;
}

div#jas-thumbnails ul li img.selected{
	width:auto;
	height: 96px;
}

#image_title{
	padding-top: 1em;
}

#jas-image-text{
	text-align: center;
	color:#FFFFFF;
	font-family: Georgia;
	font-size:16px;
	font-style:normal;

}

ul#links{
	/*display: block;*/
	clear: left;
	padding: 2em 0 1em 4em;
}

ul#links li{
	line-height: 2em
}

ul#navigation-controls{
	list-style: none;
	margin: 0 auto;
	color:#FFFFFF;
}

ul#navigation-controls li{
	float: left;
	line-height: 1.5em;
	margin-right: 0.5em;
}

ul#navigation-controls li#image-counter{
	margin: 0 0.75em 0 0.5em;
}

li.slideshow-item{
	margin-left: 3em;
}

/* --------------- */
/* John Arthur Bio */
/* --------------- */
#bio_row {
	background-color:#000000;
	width: 800px;
}

.bio_container{
	padding: 1em 1em .5em 0;
	background-color:#000000;
	margin: 0px auto;
	height:auto;
	vertical-align:top;
}

.bio_pic{
	border:0;
	padding: 1em 2em 1em 0;
	margin: 0 0 0 0;
	width: 220px;
}

div#bio_header{
	padding: 1em 0 0 0;
	text-align:left;
	text-decoration:none;
	font:Georgia;
	font-size:24px;
	font-variant:small-caps;	
	color:#FFCC66;
}

div#bio_header2{
	padding: 0 0 0 0;
	text-align:center;
	text-decoration:none;
	font:Georgia;
	font-size:24px;
	font-variant:small-caps;	
	color:#FFCC66;
}

div#bio_text:first-letter {
	line-height:80px;
	padding-top:1px;
	padding-right:5px;
	font: Georgia;
  	font-size: 6em;
	vertical-align:top;
	float:left;
}
div#bio_text{
	padding: 1em 3em 1em 2em;
	text-align:justify;
	font:Georgia;
	font-size:16px;
	color:#FFCC66;
}
div.bio_text2{
	padding: 0em 0em 0em 0em;
	text-align:center;
	font:Georgia;
	font-size:16px;
	color:#FFCC66;
}
hr.line{
	size: 1;
	color:#FFCC66;
	padding: 0 0 0 0;
	width:93%;
}

/* --------------- */
/* John Arthur New */
/* --------------- */
div.new_header{
	padding: 0 2em 0 2em;
	text-align:left;
	font:Georgia;
	font-size:26px;
	color:#FFCC66;
}

#h_pic{
	border: 0;
	padding: 0 0 1em 0;
	margin: 0 0 0 0;
	width: 650px;
}

#v_pic{
	border: 0;
	padding: 0 2em 1em 0;
	margin: 0 0 0 0;
	height: 550px;
}

p.new_text{
	padding: 0 0 1em 0;
	text-align:justify;
	font:Georgia;
	font-size:16px;
	color:#FFCC66;
	width:650px;
	
}

hr.new_line{
	size: 1;
	color: #FFCC66;
	padding: 0 0 0 0;
	width:100%;
}

p.copy {
	font-size:12px;
	color: #FFCC66;
	text-align:left;
}

/* ---------------------- */
/* Menu System Stylesheet */
/* ---------------------- */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 165px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
/*border-bottom-width: 0;*/
}

.glossymenu a.menuitem{
background: black url(../images/glossyback2.gif) repeat-x bottom left;
font: normal 16px Georgia;
color: white;
display: block;
position: relative; /*To help in the anchoring of the .statusicon icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-color:#666666;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid black;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 15px Georgia;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background-color:#CCCCCC;
color: black;
}
/* -------------End Menu Styling --------------- */