@charset "utf-8";
a {
	text-decoration:none
} /*All links on the site have underline removed*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	color:#000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:#006666;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#artname {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#006666;
	font-size:36px;
	padding-top: 5px;
	padding-bottom:10px;
}
#category {
	color: #FF0000;
	font-weight: bold;
}
#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background-color:#6F7CA2;*/
	/*background-color:#7979A6;*/
	background-color:#000000;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
	border: 3px solid;
	border-color:#000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#email {
	color:#006666;
	font-weight:bold;
}
#footer {
	padding: 0 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color:#FFFFFF;
	background-image:url(../Trash/scroll_hor.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
#gallerytile {
width:186px;
height:182px;
text-align:center;
float:left;
}
#main {
	background-color:#FFFFFF;
	width: 780px;
}
#mainwithside {  /* css big problem is that if you have multiple columns, the shorter column ends ungracefully. The background color doesn't extend all the way down. So this main content has a background jpg that has the column color drawn in. If the sidebar content is short, this background will draw in the rest of the gray column down to the footer. if you ever change the width of sidebar you'll need to adjust the jpg.  */
	background-image:url(../images/mainwithside.jpg);
	background-repeat:repeat-y;
	width: 780px;
}
#mainContent { /* assumes there's a sidebar on the right */
	background-color:#FFFFFF;
	width: 560px;
	vertical-align:text-top;
	padding-left:10px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:10px;
	font-size:12px;
	text-align:left;
}
#mainContent_noside { /* no sidebar on the right, so the main content is wider */
	background-color:#FFFFFF;
	width: 748px;
	vertical-align:text-top;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
}
#navigation {  /* the main links in the header and footer */
	padding-top:10px;
	padding-bottom:5px;
}
#navigation a {
	color: #ffffff;
	text-decoration:none;
	letter-spacing:0.05em;
	font-size:12px;
	clear:both;
	text-align:center;
	}
#navigation a:hover {
	color: #33FFFF;/*background-color:#FFFFFF*/
}
#pic_left { /* for pictures that appear on the left side of a text block */
	padding-right: 6px;
	float:left;
}
#pic_right { /* for pictures that appear on the right side of a text block */
	padding-left: 6px;
	float:right;
}
#scrollbox {  /* a box that scrolls any overflow. Used on the home page to list LAA shows for the year */
	font-size:10px;
	text-align:left;
	overflow:auto;
	padding-left:3px;
	height:400px;
	line-height: 13px;
	background-color: #CCCCCC;/*background-color:#CCCCCC; */
}
#sidebar {  /* the sidebar used to have a border and background color declared, but now I use the mainwithside tag with a jpg to control it. */
	clear: both;
	margin: 0;
	float:right;
	width: 173px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	vertical-align:top;
	padding: 15px 10px 0px 4px; /* top right bottom left */
	font-size:12px;
}
#sidebar_titles {
	font-size:17px;
}
#titles {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000000;
	font-size:24px;
}
#upcomingtitles {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#006666;
	font-size:20px;
    line-height:26px;
}
#footer-left {
	font-size:10px;
	color:#FFFFFF;
	padding-top:5px;
	width:300px;
	float:left;
}
#footer-right {
	font-size:10px;
	color:#FFFFFF;
	padding-top:5px;
	float:right;
}
#website {
	color:#006666;
	font-weight:bold;
}
#whitebox {
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding: 4px;
}