/******************************** CSS DOCUMENT ******************************/


* { margin: 0; padding: 0; }
a {outline:none;color:#0000FF;}
a:hover {text-decoration:none;}
img { border: 0; }
.center { margin:0px auto; }


.w804 { width: 810px; position:relative; } /* sets the width at 804px */
.sideHeader { width: 77px; height: 180px; float: left; } /* sets the width and height of the left and right images of page image headers */
#widthA { width: 810px; padding:0px; }
.flashHeader { margin: 0; padding: 0; width: 650px; height: 180px; float: left; display: inline; }



#bgIMG { background: url('images/gallery_24.jpg') no-repeat center center; } /* background image for the contents, after images/ change to name of image */

body { margin: 0 auto; background-color: #c0b6b3; margin-top:15px;}
#width { width: 807px; padding: 0 0 0 2px; }


#application_content, #application_form {
	padding:0px 80px 10px 80px;
}

#application_content table {width:70%;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC; border-collapse:collapse;margin-bottom:20px;}
#application_content th {}
#application_content th, #application_content td {text-align:left;font-size:12px;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:2px 3px;}
#application_content address {text-align:left;line-height:16px;margin-left:50px;font-size:12px;font-style:normal;}

#application_content p {
	font-size:12px;
	text-align:left;
	line-height:16px;
	padding:8px 0px 8px 0px;
}

#application_content a {
	
}

#application_links {
	padding:0px 0px 20px 0px;
	text-align:center;
}

#application_form {
	font-size:12px;
	text-align:left;
	line-height:16px;
}

#application_form .form_label {
	width:35%;
	padding-right:5px;
}

#application_form td {
	padding:3px 0px 3px 0px;
}

#application_form textarea {
	width:350px;
	height:75px;
}

#application_form h1, h2, h3, h4, h5, h6 {
	text-align:left;
	line-height:16px;
	margin-top:15px;
}

#application_form label,
#application_form input {
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}

#application_form input {
	width:200px;
}

#application_form .checkbox,
#application_form .radio_buttons {
	width:15px;
	height:15px;
}

#application_form .warning_msg {color:#FF0000;}

/******** SHOW TEXT **************/

#show_date_text h3,
#show_date_text p {
	width:100%;
	text-align:center;
	line-height:22px;
}

/*************************************************** Header Properties *****************************************/
.headerHeight { height: 180px; }

.headerBottom { background: url(images/headerBottom.jpg) no-repeat; height: 9px; padding:0px; }
.headerBottomhome { background: url(images/home_02__02.jpg) no-repeat; height: 9px; }
.homeLeft { background: url(images/home_top_left.jpg) no-repeat; }
.homeRight { background: url(images/home_01__03.jpg) no-repeat; display: inline; } /* Home header image */
.aboutLeft { background: url(images/about_01.jpg) no-repeat; }
.aboutRight { background: url(images/about_03.jpg) no-repeat; }
.contactLeft { background: url(images/contact_01.jpg) no-repeat; }
.contactRight { background: url(images/contact_03.jpg) no-repeat; }
.artisansLeft { background: url(images/artisans_01.jpg) no-repeat; }
.artisansRight { background: url(images/artisans_03.jpg) no-repeat; }
.galleryLeft { background: url(images/gallery_01.jpg) no-repeat; }
.galleryRight { background: url(images/gallery_03.jpg) no-repeat; }

#contents { background: url('images/scroll_01.png') repeat-y; }
#contentsHome { background: url('images/home_03.png') repeat-y; } /* Home has a gray background, this replaces the #contents background */
#navigation { margin: 0; padding: 0 0 20px 0; text-align: center; }
#logo { padding-bottom: 18px; background: url('images/logo.png') no-repeat; height: 85px; } /* Talmadge Art Show Logo */
#logoHome { margin-top:10px; padding-bottom: 18px; background: url('images/logoHome.png') no-repeat; width: 316px; height: 80px; } /* Home page Talmadge Art Show Logo */
#text, #textArtists, #textContent { padding: 0 150px; }
#text p { margin: 15px 0 0 0; }
#text p#aboutFirstParagraph { margin: 0; }
#textArtists { text-align: center; width: 495px; }
#textArtists h1 { margin-top: 10px; text-align: center; color:#CD511B}
.names { padding-right: 25px; text-align: right; width: 230px; float: left; }
.names ul, .names li, .art ul, .art li, #images ul, #images li { list-style-type: none; }
.names2 {text-align: center; }
.names2 ul, .names li, .art ul, .art li, #images ul, #images li { list-style-type: none; }
.art{ text-align: right; width: 230px; float: left; }
.art ul, .art li { text-align: left; } /* resets the list alignment of types of art */
.clear { clear: both; } /* moves the paragraph below the black/white image on About page */
#textContent { text-align: center; margin-top:30px;}
#images { padding: 60px 15px; } /* wraps around all featured images on Gallery page */
#images li { display: inline; }
#images img { padding: 18px; }
#images .left img { padding: 18px 18px 18px 0; } /* resets left padding for this image */
#images .right img { padding: 18px 0 18px 18px; } /* resets right padding for this image */
.download { padding: 0px 0 40px 0; text-decoration:none;}
#img1 { position: relative; margin: 0; padding: 0; width: 210px; height: 154px; float: right; top: -14px; } /* black/white image on About page */
#contentEnd { padding: 0 0 0 0; background: url('images/bottom_01.png') no-repeat bottom; } /* page end with shadow */
#contentEndcontact { padding-bottom: 10px; background: url('images/bottom_01.png') no-repeat bottom; position:relative;right:3px; } /* specifically for contact.html because it doesn't require bottom padding */
#contactImages { margin-bottom:20px; padding: 0; background: url('images/contact_imgs_new.jpg') no-repeat; height: 126px; } /* images at the bottom of contact.html */
#aboutImages { margin: 50px 0 20px 0; background: url('images/contact_imgs_new.jpg') no-repeat; height: 126px; } /* images at the bottom of contact.html */
#contentEndhome { padding: 0px; background: url('images/bottom_02.png') no-repeat bottom; height: 20px;position:relative;right:3px; } /*
 specifically for home.html because the background color is gray */ 
  
#homeImages { margin-top: 35px; padding: 0; background: url('images/home_imgs_new.jpg') no-repeat; height: 134px; } /* images at the bottom of home.html */
#footer { padding: 0 0 3px 0; text-indent: 1em; } 
.copy { margin-top: 6px; margin-right: 1em; float: left; } /* footer text */
.siteby { margin-top: 6px; margin-right: 1em; float: right; } /* Site by Vibrant TWIST */
.centerfooter { margin-left: 105px; margin-top: 0px; margin-right: 1em; float: left; }
form { padding-bottom: 5px; display: inline; }
input { background-color: #e8cfb0; }
.submit { padding: 1px 4px 1px 4px; background-color: #C48D33; }
#submit_contact { background-color: #C48D33; border: 1px solid #C48D33;}
#submit_gallery { background-color: #F2CFB1; border: 1px solid #F2CFB1;}
#submit_artisans { background-color: #CD511B; border: 1px solid #CD511B;}
#submit_about { background-color: #36529B; border: 1px solid #36529B;}
.first {padding-top:20px;}

/********************************* TEXT FORMATTING ******************************************/
body { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
#text, #textArtists, #footer { font-size: .7em; }
h1 { font-size: 1em; font-weight: normal; text-transform: capitalize; display: inline; }
#textArtists h1 {font-size: 1.5em; font-weight: bold; line-height: 1.6em;}
#textContent { font-size: .95em; line-height: 2em; }
.submit { font-size: .8em; color: #fff; font-weight: bold; }
#email_address {font-weight:bold;}
#email {margin-top:-10px;}
#information {font-weight:bold;}
#phone_number { font-weight:bold;}
#next_show { font-weight:bold;margin-top:20px;font-size:1.15em;color:#C48D33}
#mailer_label { font-size:1em; vertical-align:bottom;}

/********************************* LINK FORMATTING ********************************************/
#navigation, #navigation a, #navigation a:visited, #navigation a:hover, #navigation a:active { font: .9em verdana; color: #000; font-weight: bold; text-decoration: none; }
#textContent a, #textContent a:visited { font-weight: bold; color: #000; text-decoration: underline; }
#textContent a:hover, #textContent a:active { font-weight: bold; color: #666666; text-decoration: none; }
#email_address a, #email a:visited, #email a:hover, #email a:active { color: #2d2264; text-decoration: none; }
.siteby a {text-decoration:none; color:#CD0000; font-weight:bold;}
#siteby_contact a{color:#C48D33}
#siteby_gallery a{color:#F2CFB1}
#siteby_artisans a{color:#CD511B}
#siteby_about a{color:#36529B}

/* ARTIST PAGE LINKS ON ARTISANS.HTML */

.artist_page_link, .artist_medium {
	height:31px;
	line-height:31px;
	padding:0px;
	margin:0px;
}

.artist_page_link a {
	background-image:url(images/artist_page_sun.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:31px;
	line-height:31px;
	font-size:11px;
	padding:10px 0px 10px 35px;
	font-weight:bold;
	text-decoration:none;margin:0px;
}

.artist_page_link a:hover {
	background-image:url(images/artist_page_sun.gif);
	background-repeat:no-repeat;
	background-position:0px -32px;
	text-decoration:underline;
}

/* LINKS TO PREVIOUS SHOWS */

#previous_wrapper,
#previous_wrapper_right {
	width:140px;
	text-align:center;
	border:0px solid #000000;
	position:absolute;
	left:10px;
}

#previous_wrapper {
	left:10px;
}

#previous_wrapper_right {
	left:645px;
}

#previous_wrapper a,
#previous_wrapper_right a  {
	display:block;
	height:140px;
	width:140px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}


.previous_shows {
	margin-bottom:20px;
}

.previous_shows a:link,
.previous_shows a:visited {
	background-position:right;	
	color:#000000;
}

.previous_shows a:hover,
.previous_shows a:active {
	background-position:left;
	color:#666666;	
}

.previous_shows .previous1 span {
	position:relative;
	top:20px;
	right:25px;
}

.previous_shows .previous1 {
	background-image:url(images/circle_link.jpg);
	background-repeat:no-repeat;
	text-align:right;
}

.previous_shows .previous2 span {
	position:relative;
	top:20px;
	left:25px;
}

.previous_shows .previous2 {
	background-image:url(images/circle_link2.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

.previous_shows .previous3 span {
	position:relative;
	top:30px;
	right:15px;
	color:#FFFFFF;
}

.previous_shows .previous3 {
	background-image:url(images/circle_link6.png);
	background-repeat:no-repeat;
	text-align:right;
}

.previous_shows .previous4 span {
	position:relative;
	top:20px;
	right:25px;
	color:#FFFFFF;
}

.previous_shows .previous4 {
	background-image:url(images/circle_link4.jpg);
	background-repeat:no-repeat;
	text-align:right;
}

.previous_shows .previous5 span {
	position:relative;
	top:20px;
	right:75px;
	color:#FFFFFF;
}

.previous_shows .previous5 {
	background-image:url(images/circle_link5.png);
	background-repeat:no-repeat;
	text-align:right;
}

/* PROCESS EMAIL MAILING LIST PAGE */
.warning_msg {color:#FF0000; font-size:1.1em;}
#mailing_list .submit {}
#mailing_list #submit_artisans { background-color: #CD511B; border: 1px solid #CD511B;}
#mailing_list label {font-size:1em; font-weight:bold;}


#gallery_list_container {
	width:100%;
	text-align:center;
	padding:0px 0px 36px 0px;
}


#gallery_list_container h1 {font-size:24px;padding-bottom:0px;}
#gallery_list_container h2 {font-size:20px;padding-bottom:16px;font-weight:normal;text-align:center;}

#gallery_list {
	margin:24px auto;
}

#gallery_list h2 {font-size:16px;}
#gallery_list p {font-size:14px;}
#gallery_list th, #gallery_list td {vertical-align:bottom;padding:0px 0px 12px 0px;border-bottom:1px solid #CCCCCC;}
#gallery_list th img {padding:0px;margin:0px;margin-right:18px;border:1px solid #000000;}
.visit_gallery {padding-top:6px;}
#gallery_list td p a, .visit_gallery a { color:#000000; }