/* CSS Document */

/* basic elements */
body {
	background-color: #fff;
	font: normal 100% Arial;
	height: auto;
	margin: 0px;
	text-align: center;
	width: auto;
	}

a {
	color: #037;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

h1 {
	font: normal 103% Arial;
	font-weight: bold;
	margin: 0px 0px -10px 0px;
	}

h2 {
	color: #999;
	font: normal 65% Arial;
	margin: 0px;
	}

html>body h2 {
	color: #999;
	font: normal 65% Arial;
	margin: 0px 0px -1px 0px;
	}

h3 {
	color: #666;
	font: normal 65% Arial;
	margin: 0px;
	text-align: right;
	}

img {
	border: 0px;
	}

p {
	font: normal 70% Arial;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
	}


/* classes */

.red {
	color:#FF0000;
}

.formfield {
	background-color:#fff;
	border:1px solid #ccc;
	font: normal 100% Arial;
	margin-right:0px;
	margin-top:2px;
	padding:2px;
	width:212px;
	height:18px;
	font-weight:normal;
	color:#000;
}

.formfieldcomment {
	background-color:#fff;
	font: normal 100% Arial;
	margin-right:0px;
	margin-top:2px;
	border:1px solid #ccc;
	padding:2px;
	width:212px;
	height:72px;
	font-weight:normal;
	color:#000;
}

.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* specific divs */

#clear {
	clear: both;
	}

#container {
	font: normal 100% Arial;
	height: 100%;
	margin: 0px;
	position: relative;
	text-align: center;
	width: 748px;
	}

#footer {
	background: #E5E5E5 url(../../s/art/ui/pgadbg.gif) no-repeat;
	float: left;
	padding: 6px 11px 6px 11px;
	width: 750px;
	}

html>body #footer {
	background: #E5E5E5 url(../../s/art/ui/pgadbg.gif) no-repeat;
	float: left;
	padding: 6px 0px 6px 0px;
	width: 750px;
	}

#left {
	float: left;
	margin: 10px 0px 0px 6px;
	text-align: center;
	width: 502px;
	height: 520px;
	}

#bio {
	float: left;
	margin: 10px 0px 0px 6px;
	padding: 15px 10px 0px 0px;
	text-align: left;
	width: 502px;
	}

html>body #bio {
	float: left;
	margin: 10px 0px 0px 6px;
	padding: 15px 10px 0px 0px;
	text-align: left;
	width: 492px;
	}

html>body #left {
	float: left;
	margin: 10px 0px 0px 11px;
	text-align: center;
	width: 502px;
	height: 520px;
	}

#left h3 {
	text-align: right;
	}

#extrawideleft {
	float: left;
	margin: 0px 0px 0px 6px;
	text-align: left;
	width: 502px;
	}

html>body #extrawideleft {
	float: left;
	margin: 0px 0px 0px 11px;
	text-align: left;
	width: 502px;
	}

#extrawideleftbottom {
	float: left;
	margin: 0px 0px 0px 6px;
	text-align: left;
	width: 502px;
	}

html>body #extrawideleftbottom {
	float: left;
	margin: 0px 0px 0px 11px;
	text-align: left;
	width: 502px;
	}

#moregalleries {
	background: #fff url(../../s/art/ui/moregalleriesbg_130h.gif) no-repeat;
	float: left;
	font: normal 70% Arial;
	height: 145px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
	width: 212px;
	}

html>body #moregalleries {
	background: #fff url(../../s/art/ui/moregalleriesbg_130h.gif) no-repeat;
	float: left;
	font: normal 70% Arial;
	height: 128px;
	margin: 0px 0px 7px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	width: 212px;
	}

#moregalleries li {
	line-height: 16px;
	list-style-image: url(../../s/art/ui/bullet_square3.gif);
	margin: 0px 0px 0px -18px;
	}

#moregalleries li#current {
	color: #999;
	list-style-image: url(../../s/art/ui/bullet_arrow1.gif);
	}

#moregalleries li#more {
	line-height: 28px;
	list-style-image: url(../../s/art/ui/bullet_square4.gif);
	}

#showcase {
	background: #fff url(../../s/art/ui/photographersshowcasebg.gif) no-repeat;
	float: left;
	font: normal 70% Arial;
	height: 145px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
	width: 212px;
	}

html>body #showcase {
	background: #fff url(../../s/art/ui/photographersshowcasebg.gif) no-repeat;
	float: left;
	font: normal 70% Arial;
	height: 128px;
	margin: 0px 0px 7px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	width: 212px;
	}

#showcase li {
	line-height: 16px;
	list-style-image: url(../../s/art/ui/bullet_square3.gif);
	margin: 0px 0px 0px -18px;
	}

#showcase li#current {
	color: #999;
	list-style-image: url(../../s/art/ui/bullet_arrow1.gif);
	}

#showcase li#more {
	line-height: 28px;
	list-style-image: url(../../s/art/ui/bullet_square4.gif);
	}

#right {
	float: right;
	margin: 7px 11px 0px 11px;
	text-align: left;
	width: 212px;
	}

#right h2 {
	margin: 0px 0px 5px 0px;
	}

html>body #right h2 {
	margin: 0px 0px 10px 0px;
	}

#right2 {
	margin: 7px 11px 0px 11px;
	text-align: left;
	width: 212px;
	}

html>body #right2 {
	float: right;
	margin: 7px 11px 0px 11px;
	text-align: left;
	width: 212px;
	}

#right2 h2 {
	margin: 0px 0px -1px 0px;
	padding-bottom: 10px;
	}

html>body #right2 h2 {
	margin: 0px 0px 10px 0px;
	}

#righttop {
	height: 358px;
	}

html>body #righttop {
	height: 361px;
	}

#emailform {
	height: 486px;
	}

#emailform em {
	color: #f00;
	font: normal 100% Arial;
	}

#thankyou {
	height: 505px;
	}

#top {
	width: 750px;
	background: #fff url(../../s/art/ui/topper_photogalleriesbg3.jpg) no-repeat;
	line-height: 12px;
	margin-top: 0px;
	padding: 3px 0px 3px 0px;
	text-align: left;
	height: 41px;
	}

.top_logo {
	width: 120px;
	padding: 0px 20px 0px 0px;
	float: left;
	margin-top: -3px;
	}

html>body #top {
	background: #fff url(../../s/art/ui/topper_photogalleriesbg3.jpg) no-repeat;
	line-height: 12px;
	margin-top: 0px;
	padding: 3px 0px 3px 0px;
	text-align: left;
	width: 750px;
	height: 35px;
	}

#wideimage {
	float: left;
	padding: 0px 0px 0px 12px;
	text-align: left;
	width: 750px;
	height: 325px;
	}

html>body #wideimage {
	float: left;
	margin: 0px 0px 2px -13px;
	text-align: left;
	width: 750px;
	height: 318px;
	}


/* use these in image tag for border style */
.copyright {
	position:absolute;
	left:525px;
	top:552px;
	width:212px;
	}

.imagebox {
	text-align: center;
	margin: 0 auto; }

.imagebox h3 {
        text-transform: uppercase;
}

.pic{
	border: solid #000 1px;
	}


/* for use of background links */
div.body span#ImageControl {
	font-size: 115%;
}

a.bglinks:link{
	color: #037;
	text-decoration: none;
}

a.bglinks:visited{
	color: #666;
	text-decoration: none;
}

a.bglinks:hover{
	text-decoration: underline;
}

.backgrounds{
	border-top:1px solid #A1A1A1;
	border-bottom:1px solid #A1A1A1;
}

/* More Headlines list */
.iconbglink li, .iconindex li, .listcol li{
	font-size: 71%;
	color: #666;
	line-height:110%;
}

.listcol{
	float: left;
	width: 50%;
}

li.morelink{
	margin: 8px 0px 0px -13px ;
}

/* background link bullets */

li.Audio, li.Video, li.King_Video, li.AP_video, li.Graphic_Animation, li.Talk_About_It, li.Internal, li.Related_story, li.Photograph, li.Photo_Gallery, li.External, li.Inset_box{
	padding: 3px 0 4px 24px;
	margin: 1px 0 0 0;
}

li.Audio{
	background: url(../../s/art/ui/Audio_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}

li.Video{
	background: url(../../s/art/ui/Video_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}
li.King_Video{
	background: url(../../s/art/ui/Video_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}
li.AP_video{
	background: url(../../s/art/ui/Video_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}
li.Graphic_Animation{
	background: url(../../s/art/ui/Graphic_Animation_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}

li.Talk_About_It{
	background: url(../../s/art/ui/Talk_About_It_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}

li.Internal, li.Related_story, li.Inset_box{
	background: url(../../s/art/ui/General_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}

li.Photograph, li.Photo_Gallery{
	background: url(../../s/art/ui/Photo_Gallery_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}

li.External{
	background: url(../../s/art/ui/External_link.gif) no-repeat 2% 20%;
	background-color: #F8F9F4;
}

li.Inset_box{
	font-size: 85%;
}

/* index link bullets */
.iconindex,.iconbglink{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.iconindex li.Audio, ul.iconindex li.Video, ul.iconindex li.AP_video, ul.iconindex li.King_Video, ul.iconindex li.Graphic_Animation, ul.iconindex li.Talk_About_It, ul.iconindex li.Internal, ul.iconindex li.Related_story, ul.iconindex li.Photograph, ul.iconindex li.Photo_Gallery, ul.iconindex li.External, li.Inset_box{
	padding: 0px 0px 0px 20px;
	margin: 3px 0px 0px 0px;
}

ul.iconindex li.Audio{
	background:url(../../s/art/ui/Audio_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.Video{
	background: url(../../s/art/ui/Video_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.King_Video{
	background: url(../../s/art/ui/Video_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.AP_video{
	background: url(../../s/art/ui/Video_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.Graphic_Animation{
	background:url(../../s/art/ui/Graphic_Animation_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.Talk_About_It{
	background:url(../../s/art/ui/Talk_About_It_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.Internal, ul.iconindex li.Related_story, li.Inset_box{
	background:url(../../s/art/ui/General_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.Photograph, ul.iconindex li.Photo_Gallery{
	background:url(../../s/art/ui/Photo_Gallery_link.gif) no-repeat 0% 0%;
}

ul.iconindex li.External{
	background:url(../../s/art/ui/External_link.gif) no-repeat 0% 0%;
}