/* Main Stylesheet */

/*

COMMON ELEMENTS

*/
html {
     overflow: -moz-scrollbars-vertical;
}

/* TODO - change font to % */

body
{
	margin:0 0 10px 0;
	padding:0;
	font-family:Arial, Verdana, Tahoma, Times New Roman, Sans-Serif;
	/*font-size:11px;	*/
	font-size:small;
	/*background-color:#cacaca;	*/
}
A
{
	text-decoration: underline;
	color:#722D24;
}

.img-shadow {
  /*float:left;*/
  background: url('/images/shadow.gif') no-repeat bottom right;
  height:auto;
  margin: 10px 116px 0 5px;
  }

#homepage .img-shadow #wrapper 
{
	/* center layout */
	width:750px;	
	position:relative;
	margin:  -6px 6px 6px -375px;
	left:50%;
	border: 1px solid #a9a9a9;
	height:auto;	
	background-color:White;
	display:block;
	padding: 0px;
}

#wrapper 
{
	/* center layout */
	width:750px;	
	position:relative;
	margin: 5px 0 5px -375px;
	left:50%;
	border: 1px solid #a9a9a9;
	height:auto;	
	background-color:White;
	padding: 0;
}

#content
{
	margin: 70px 0 0 0;
	padding:0;
	clear:both;
}

#TextContent 
{
	float:right;
	border: solid 1px #d6d1cd;
	margin:0 2px 0 2px;
	padding:10px;
	color: #333333;/* #717171;*/
	width:530px;
}

#TextContent H1
{
	font-family: Verdana;
	font-weight:bold;
	font-size: 109%;
	color: #722D24;
	text-decoration: none;
}

#TextContent H2
{
	font-family:Arial;
	font-weight:normal;
	font-size:100%;
	color: #722D24;
	text-decoration: none;
	margin-bottom:5px;
}

#TextContent P
{
	text-align:justify;	
	margin-top:0;	
}

#TextContent A
{
	text-decoration: underline;
	color:#722D24;
}

#TextContent IMG
{
	border:none;
}

/*

HOME PAGE ELEMENTS

*/

#homePage #wrapper
{
	overflow:hidden;
}


#homePage #Images
{	
	background-color:#DAD3C3;
	margin:0;
	padding:0;	
	height:200px;	
	
}

#homePage #imagesClear
{
	height:45px;	
}

#homePage #Images ul
{
	list-style:none;
	margin: 0;
	padding: 3px 0 0 0;
	height:133px;
	background-color:#fff;
}

#homePage #Images li
{	
	float:left;	
	margin:0 8px 0 0;
	padding:0;
	/*margin: 0 5px 0 0; -- todo - add margin here to fix ie box problem with padding below*/
}

#homePage #Images IMG
{
	/*border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;*/
	/*padding: 0 9px 0 0 ;*/
	padding:0;
	margin:0;
	border:none;
}

#homePage #Images #last
{
	padding:0;
	margin:0;
}


#homePage #Footer
{
	margin-top:100px;
}

/* HEADER */
#logo
{
	margin: 10px 0 3px 30px;
}

#logo IMG
{
	border:none;
}

#logoText
{
	width:750px;
	height:50px;
	background-color:#DAD3C3;	
	margin: 0;
	padding:0;
}

#logoText IMG
{
	margin: 12px 0 0 52px;
}

/* MAIN NAVIGATION LINKS */
#mainNav
{
	float:right;
	list-style:none;	
	color:#FFF;
	padding:0;
	margin:0;
}

#mainNav li
{
	float:left;
	margin:0;
	padding:0;
	font-size:85%;
}

#mainNav a
{
	float:left;
	display:block;
	padding:0;
	margin:0;
	color:#FFF;
	text-decoration:none;
	border-left: solid 2px #fff;	
	border-top:none;
	border-bottom:none;
	border-right:none;
	background: #777978;
	width:68px;
	line-height:20px;
	text-align:center;	
}	

#mainNav A:hover
{
	background:#78645D;
}

/* SIDE BAR CONTENT */

#Quote
{
	float:left;
	width:190px; /*197px;*/
	height:200px;
	background-color:#78645D;
	color:#fff;
	margin:0;
}

#Quote DT
{
	margin: 50px 40px 0 30px;
	text-align:left;
}

#Quote DD
{
	margin:10px 40px 0 30px;
	text-align:right;
}

/*

 SECONDARY NAVIGATION LINKS 

*/
#secNav
{
	float:right;
	list-style:none;	
	color:#78645D;
	padding:0;
	margin: 10px 0 0 0;
}

#secNav li
{
	float:left;
	margin:0;
	padding:0;
}

#secNav a
{
	padding: 0 5px 0 5px;
	margin:0;
	color:#78645D;
	text-decoration:none;
	text-align:center;
}	

#secNav A:hover
{
	text-decoration:underline;
}

/* FOOTER ELEMENTS */

#Footer
{
	clear:both;	
	color:#78645D;
	/*font-size:10px;*/
	font-size:85%;
	margin: 10px;
	padding: 20px 0 20px 0;
	border:solid 1px white;	
}

#GlicDesign
{	
	float:left;	
}

#GlicDesign #Glic
{
	font-family:"Century Gothic", Arial, Verdana, Tahoma, Times New Roman, Sans-Serif;
	color:#860F23;
	/*font-size:11px;*/
}

#GlicDesign A
{
	color:#860F23;
	text-decoration:none;
}

#GlicDesign A:hover
{
	text-decoration:underline;
}

#Copyright
{
	float:right;		
}	

.imgLeft
{
	float:left;
	margin-bottom:5px;
	margin-right:5px;
}

.clear
{
	/*border:solid 1px #fff;*/
	clear:both;
}

/* PAGE SPECIFIC ELEMENTS */

/* 1. Gallery.aspx */

#Gallery #Quote
{
	height:237px;
}

#Gallery #Quote DT
{
	/*width:100px;*/
	text-align:left;	
}

#Thumbnails
{
	float:right;
	border:none;
	margin:0;
	padding:0;
	color: #333333; /* #717171;*/
	width:555px;
	/*background:green;*/
}


#galleryThumbs
{
	width:100%;
	margin-top:0px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	list-style:none;	
}

#galleryThumbs li
{
	float:left;
	margin-left:1px;
	margin-right:0px;
	margin-bottom:1px;
	margin-top:0;
	padding:0;	 
	width:77px;
	height:77px;
}

.gallery img
{
	border:none;	
	margin:0;
	padding:0;
	width:77px;
	height:77px;
}

.galleryHover img
{
	border:none;
	filter:alpha(opacity=20); 
	-moz-opacity: 0.2; 
	opacity: 0.2;
	width:77px;
	height:77px;
}

.galleryHover a:hover
{
	display:block;
	filter:alpha(opacity=20); 
	-moz-opacity: 0.2; 
	opacity: 0.2;
	background-color:#D95A4B;	
	border:none;
}

.galleryHover #GalleryThumbs a:hover li 
{
	background-color:#D95A4B;
}

#galleryNames
{
	float:right;
	border: solid 1px #d6d1cd;
	margin:30px -1px 0 0;
	padding:0;
	color: #333333; /* #717171;*/
	width:544px;	
}

#GalleryNames UL
{
	/*border:solid 1px;*/
	height:100px;
	/*width:100%;*/
	margin:0;
	padding:5px;	
	list-style:none;
	text-align:left;
	font-family: arial;
	color: #78645D;
}

#GalleryNames UL LI
{
	float:left;
	width:160px;
}

#GalleryNames UL LI A
{
	font-family:Arial;	
	color: #78645D;
	text-decoration:none;
}

#GalleryNames A:hover
{
	text-decoration:underline;
}

/* 2. Gallery_Bio.aspx 

Inherits most image list properties from 1. Gallery.aspx (above)

*/

#GalleryBio #Quote
{
	width:120px;
}

#GalleryBio #BioFirstName
{
	margin:186px 0 0 0;
	padding:0 2px 0 0;
	text-align:right;
	/*font-size:11px;*/
	font-family:Arial;
	font-weight:bold;
}
#GalleryBio #BioLastName
{
	float:left;	
	margin:186px 0 0 0;
	padding:0 0 0 2px;
	text-align:right;
	/*font-size:11px;*/
	font-family:Arial;
	font-weight:bold;
	color:#78645D;	
	width:70px;
	text-align:left;
}


#GalleryBio #Thumbnails
{
	margin:0;
	padding:3px 0 0 0;
	background-color:#DAD3C3;
	height:92px;
	width:558px;
}

#GalleryBio #galleryThumbs 
{
	margin:0 0 0 19px;
	padding:0;		
}

#GalleryBio #galleryThumbs li
{
	float:left;
	margin: 0 5px 0 5px;
	padding:0 7px 0 7px;	 
}

#PhotoDesc
{	
	margin: 4px 0 0 0;
	padding: 5px 30px 0 7px;
	/*height:100px;	*/
	/*width:430px;*/
	width:395px;
	float:right;
	text-align:justify;
}

#PhotoDescLine
{
	float:left;
	height:30px;
	width:115px;
	margin: 0 0 0 0;
	padding:0;
	border-left:solid 1px #777978;
	border-bottom:solid 1px #777978;	
}
#GalleryBio IMG
{	
	border:none;
}

#GalleryBio #MainPhoto
{	
	float:right;
	border: solid 1px #d6d1cd;
	margin:80px -1px 0 0;
	padding:25px 0 0 0;
	color: #333333; /* #717171;*/
	width:549px;
	text-align:center;	
	text-align: -moz-center;
}

#GalleryBio #MainPhoto #PhotoContainer
{
	text-align:center;
	text-align: -moz-center;
	background-color:#F2F2F2;
	height:350px;
	width:350px;
	margin:auto;
}

#GalleryBio #MainPhoto H1
{
	color:#666666;
	font-family:Verdana, Tahoma, Times New Roman, Sans-Serif;
	/*font-size:10px;*/
	font-size:85%;
}

#GalleryBio #PhotoNavBar 
{
	clear:both;
	background-color:#78645D;
	height:30px;	
	line-height:30px;	
}

#GalleryBio #PhotoNavBar A
{
	text-decoration:none;
	font-family:Arial,Verdana, Tahoma, Times New Roman, Sans-Serif;
	color:#fff;
	/*font-size:11px;*/
}

#GalleryBio #PhotoNavBar #Back
{
	float:left;
	margin:0 0 0 20px;
}

#GalleryBio #PhotoNavBar #Next
{
	float:right;
	margin:0 20px 0 0;
}

#ArtistBio
{
	color:#333333;/* #717171;*/
}


/* Contact Us */

fieldset 
{
	margin: 0;
	padding: 0;
	background:white;
	border:none;
}
legend
{
	font-weight:bold;
}

label
{
	float:left;
	width:100px;
}

input
{
}

textarea
{
	width:275px;
	height:100px;
}

.imgBtn
{
	width:auto;
}

#ContactUs #TextContent
{
	float:right;
	border: solid 1px #d6d1cd;
	margin:0 2px 0 2px;
	padding:10px;
	color: #333333;/* #717171;*/
	width:530px;
	height:260px;
}

input:focus, textarea:focus
{
	background:#ffc;
}

input[type="text"], textarea
{
	border-top:2px solid #999;
	border-left:2px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.required
{
	/*font-size:10px;*/
	font-size:85%;
	color:#760000;
}

fieldset p
{
	margin:5px;
	padding:0;
}

/* Book submission */

table {
	font-size: small;
	color: #333333;
	font-family: Arial, Verdana, Tahoma, "Times New Roman", Sans-Serif;
}

#BookSubmission  #TextContent
{
	float:right;
	border: solid 1px #d6d1cd;
	margin:0 2px;
	padding:10px;
	color: #333333;/* #717171;*/
	width:530px;
	
}

.booksubmission {
	width: 200px;
	text-align: left;
	float: left;
	clear: none;
}
.checkbox {
	width: 20px;
	float: left;
}

/* Error Page */

#Error #TextContent P
{
	text-align:left;
	
}

/* workshops */

#Workshops #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}

/* membership */

#Membership #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}

/* events */

#Events #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}

#Events #TextContent_small
{
	height:260px;
}

/* exhibitions */

#Exhibitions #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}

/* FAQs */

#FAQs #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}


/* Resources */

#Resources #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}

/* About Us */

#AboutUs #Quote
{
	height:250px;
}

#AboutUs #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}

#AboutUs #Quote DT
{
	text-align:left;
}

/* error */

#Error #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}


/* members only */

#MembersOnly #Quote DD
{
	margin:8px 0 0 0;
	text-align:center;
}

#MembersOnly #TextContent
{
	height:260px;
}

/* Admin Console */
#adminLogin #TextContent
{
	height:308px;
}

#Error #TextContent
{
	height:308px;
}

#ViewMember #TextContent
{
	width:730px;
}

#ViewMember #TextContent TABLE
{
	border-top:solid 1px #666666;
	border-left:solid 1px #666666;
}


#ViewMember #TextContent TABLE TH
{
	padding:5px;
	font-family:Verdana;
	font-weight:bold;
	font-size:109%;
	color: #722D24;
	text-decoration: none;
	text-align:left;
	border-bottom: solid 1px #666666;
	border-right:solid 1px #666666;
}

#ViewMember #TextContent TABLE TD
{
	padding:5px;
	font-family:Arial, Verdana, Tahoma, Times New Roman, Sans-Serif;
	/*font-size:11px;*/
	border-bottom: solid 1px #666666;
	border-right:solid 1px #666666;
}

#editMember .chkBox input , #editMemberArt .chkBox input
{
	width:20px;
		
}

#HomePage #TextContent
{
	margin:20px 0px 0 0px;
	width:540px;
	border-right:none;
	
}