/* base
----------------------------------------------- */
body {
	margin-top: 0;
	padding: 0;
	font-family;  Arial, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #46425b; 
	background: #009999;
}
* {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	font-size: 0.85em;
	text-align: center;
	color: #000000;
	padding-top: 0em;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
}
h2,h3,h4,h5 {
	font-family:  Arial Black, Arial Black, Gadget, sans-serif;
	margin-right: 5px; 
	margin-left: 5px;
}

h2 {
	color: #46425b;
	font-size: 110%;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0.25em;
}
h3 {
	font-size: 90%;
	color: #46425b;
	text-align: left;
	padding-top: 0em;
	margin-bottom: 0;
}
h4 {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 105%;
	color: #46425b;
	text-align: center;
        padding-top: 0em;
	margin-top: .5px;
	margin-bottom: 10px;
}
h5{
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #46425b;
	text-align: center;
	padding-top: 0em;
	margin-top: 0;
	margin-bottom: 0;
}


h6 {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 90%;
	color: #007d7d;   /*turquoise */
	padding-top: 0em;
	margin-top: 0;
	margin-bottom: 0;
}

p {
	color: #46425b;
	margin-right: 10px;
	margin-left:  15px;
margin-top: 8px;
	font-size: .8em;
	font-family;  Arial, Arial, Helvetica, sans-serif;
	line-spacing: 1em;
} 
ul {
	text-align: left;
	margin-left: 9px;
	list-style-type: none;
	line-height: 1em;
	 }
#wrapper {  /*stay*/
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.5em;
	text-align: left;
	border: 1px solid #ffffff;
	background: #ffffff;
	border-bottom: 1px solid #999999;

}
#header {  
	width: 600px;
	height: 140px;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #999999;
	border-left: 0px solid #ffffff;
	margin-left: 190px; 
	background-color: #ffffff;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.0em;
	background-image: url("http://www.circletenartgallery.com/images/C10Logo.gif");
	background-repeat: no-repeat;
	background-position: center;

}
#leftcolumn { 
	margin-top: 0px;
	width: 175px;
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 650px;
	float: left;
	background-image: url("http://www.circletenartgallery.com/images/navbkgd.gif");

	background-repeat: repeat-y;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff; */
	
} 
#leftnav {
	margin-top: 150px;
	margin-right: 4px;}

#leftnav a {
/*	font-weight: bold; */
	color: #ffffff;
}
#leftnav a:link {
	text-decoration: none;
}
#leftnav a:visited {
	color: #ffffff;
	text-decoration: none;
}
#leftnav a:hover {
	color: #00bfbf;  /*turquoise*/
	text-decoration: underline;
}
#leftnav li {
	color: #ffffff;
	font-size: 90%;
/*	font-weight: bold; */
	line-height: 1.5em;
}
#leftnav ul ul {
	margin-right: 5px;
	margin-bottom: 0.5em;
	text-align: right;
	font-size: 88%;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #ffffff;
	padding-left: 5px;
}
/*sets font size for first subset */
#leftnav ul ul li {
	color: #ffffff;
/*	font-weight: bold; */
	line-height: 1.4em;
}
#leftnav ul ul li a {
	color: #ffffff;
	font-size: 1em;
}
#rtcolumn {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 600px;
	border-left: 0px solid #333399;
	border-right: 0px solid #333399;
	border-top: 0px solid #333399;
	background-color: #ffffff; 
	margin-left: 180px;
	text-align: left;
}
#rtcolumncenter {
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 600px;
	border-left: 0px solid #333399;
	border-right: 0px solid #333399;
	border-top: 0px solid #333399;
	background-color: #ffffff; 
	margin-left: 180px;
	text-align: center;
}

#rtcolumn h1 {
	margin-top: .5em;
}
#rtcolumn ul {
	padding-top: -0.2em;
	text-align: left;
	color: #007d7d;
	font-size: 75%;
	font-style: italic;
	list-style-type: square;
}
#rtcolumn li {
	padding-top: 0.2em;
	margin-left: 40px;
	font-size: 90%;

}
#rtcolumn blockquote {
	font-style: italic;
	font-size: 0.97em;
	padding: 0px;
	margin: .5em 65px;
	color: #333399;
}

#rtcolumn cite {
	font-style: italic;
	font-size: 0.85em;
	text-align: right;
	padding: 0px;
	margin-top: -1.0em;	
	text-align: right;
	color: #333399;
}


/* Footer */
#footer { 
	font-size: 75%;
	font-family:  Arial, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	width: 800px;
	margin-top: 1px;
	margin-bottom: 1px;
        margin-right: auto;
        margin-left: auto;
	height: 50px;
	border: 1px solid #ffffff;
	background: #7e477e; 
	line-height: 1.3em;
	padding-top: 5px; 
	padding-bottom: 5px; 
		vertical-align: center;
}
#footer p { 
	text-decoration: none; 
	color: #ffffff; 
	text-align: center;
	margin-bottom: 0;
}

#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #ffffff;
	text-decoration: underline;
}

#spacer {
	width: 100%;
	line-height: .4em;
}

#tos {
        font-size: 80%;
}
#tos h3 {
        text-align: center;
}
/* Class Declarations */
.floatcolumnright{
	float: right;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 1em;
}

#contacttxt {
	font-family;  Arial, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
}
#officers {
	font-family;  Arial, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: center;
}
.currentpage {
	color: #ff0000;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.infocolumnlft {
	float: left;
	width: 350px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	border: 1px solid #ffffff;
}

/* infocolumnrt used only on the events page */
.infocolumnrt {
	float: right;
	width: 240px;
	text-align: left;
	font-size: 90%;
	margin-right: 0px;
	margin-left: 10px;
        margin-bottom: 20px;
	border: 1px solid #007d7d;
}


#rtcolumn .infocolumnrt p {
	letter-spacing: -.05px
	margin-right: 5px;

}
#rtcolumn .infocolumnrt h1 {
	margin-left: 5px;
	font-size: 90%;
        color: #46425b; 
	margin-bottom: 0px;
	margin-right: 5px;
	text-align: center;
	margin-top: -1em;
}
#rtcolumn .infocolumnrt h5 {
	font-family: Palatino Linotype, Book Antiqua, Palatino,	serif;
	color: #007d7d;
	margin-left: 5px;
	font-size: 105%;
	line-height: 1.3em;
	margin-bottom: 1em;
	margin-right: 5px;
	text-align: center;
	margin-top: 0.5em;
}
#rtcolumn .infocolumnrt h6 {
	font-family: Palatino Linotype, Book Antiqua, Palatino,	serif;
	color: #F90D35;
	margin-left: 5px;
	font-size: 115%;
	line-height: 2em;
	margin-bottom: 0;
	margin-right: 5px;
	text-align: center;
	margin-top: 0.3em;
}
#rtcolumn .infocolumnrt ul {
	margin-left: 0px;
	font-size: .85em;
	margin-right: 0px;
	margin-bottom: 0.5em;
}


img.floatLeft { 
    float: left; 
    margin: 4px; 
}

.smd_slimbox {
	float:left;
	width:600px;
	margin:1em 0;
	clear:both;
	list-style:none;
}
.smd_slimbox li {
	width:150px;
	height:150px;
	float:left;
	margin:1em auto;
	text-align:center;
}
.smd_slimbox img {
	margin:0 auto;
}
.smd_slimbox span {
	float:left;
	width:140px;
	padding:2px 0 0 5px;
}
.smd_slimbox_nav {
	clear:both;
	width:500px;
	padding:20px;
}
.smd_slimbox_prev {
	float:left;
}
.smd_slimbox_next {
	float:right;
}
.alignleft {
     text-align: left;
}
.alignrignt {
     text-align: right;
}
.mediastyle a {
    text-align: center
    font-size: 90%;
    color: #000000;
}

.slideinstr {
     text-align: right;
     font-size: 60%;
}
.arttable1 a {
	text-align: center;
         font-size: 90%;
         color: #000000;

}
.arttable2 {
	text-align: center;
         font-size: 70%;
         color: #000000;
         margin-bottom: 15px;
}
.alignCenter {text-align: center;}