/* ********* Stylesheet file for Kent Art Association (www.kentart.org) 
site redesigned 2/08 by Joe Baker, Monterey, MA, 01245: joeATbakerworks.com.
This file is for the home page only: index.htm and copies (html, default.htm, etc). 
Stylesheet file for the rest of the site is kaa_styles.css in this directory.
*****************/

body  {
	color: #0000AA;
	margin: 5px auto;
	margin-top: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
      background-color: #5B551A;
	width: 780px;
	border: 0px dotted yellow;
	}

#Pg {
	width: 780px;
	border: 0px solid black;
	height: 40px;
}
.clear {
	clear: both;
}

/* *********** TITLE BAR *****************/

#TitleBar {
	margin: 0 auto;
	width: 780px;
	height: 60px;
	top: 0px;
	left: 0px;
	border: 0px dotted yellow;
}

#PgTi {
	margin: 0 auto;
	border: 0px dotted yellow;
	float: left;
	position: relative;
	width: 291px;
	height: 46px;
	top: 8px;
	left: 28px;
}

#PgTi2 {
	margin: 0 auto;
	border: 0px dotted yellow;
	float: right;
	position: relative;
	width: 265px;
	height: 29px;
	top: 8px;
	margin-right: 44px;
}
#srch {
	margin: 0 auto;
	border: 0px solid yellow;
	float: right;
	top: 4px;;
	position: relative;
	height: 30px;
	width: 240px;
	font: normal normal 11px/13px Verdana, Helvetica, Arial, sans-serif;
	color: #eaeaea;
}
#srch form {
	margin: 0 auto;
	width: 200px;
	height: 30px;
	font-size: 11px;
	border: 0px solid pink;
	font-weight: bold;
	}
#srch a {
	color: #eaea4a;
	font-decoration: none;
}
#srch a:hover {
	color: #eaeaea;
	font-decoration: underline;
}
.cpts {
	background-color: #cdcccc;
	color: black;
	border: none;
}

/* *************  NAVIGATION BAR  **********************/

#container {
	position: relative;
	margin: 0 auto;
	margin-top: 14px;
	width: 50em;
	background: #F4ECD9;
	text-align: left;
	border: 0px dotted pink;

}

#nav, #nav ul {
	float: left;
	width: 50em;
	list-style: none;
	line-height: 1.2;
	background: #abaa6a;
	font-weight: bold;
	padding: 0;
	border: solid #b2bbb2;
	border-width: 1px 0;
	margin: 0 0 0em 0;
}

#nav a {
	display: block;
	width: 7em;
	w\idth: 6em;
	color: #880606;
	text-decoration: none;
	padding: 0.25em 1em;
}
#nav a:hover {
	color: #dd2222;
}
#nav a.daddy {
	background: url(images/rarrow.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 7em;
	text-align: center;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15.4em;
	w\idth: 14.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	z-index: 4;
}

#nav li li {
	padding-right: 1em;
	width: 14em;
	text-align: left;
}

#nav li ul a {
	/*display: block;*/
	width: 14em;
	w\idth: 13em;
}

#nav li ul ul {
	margin: -1.75em 0 0 12em;
	z-index: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #c2ccc2;
}
/* ****** END NAV BAR *****************/

/* ****** HOME PAGE SLIDE SHOW *****************/

#contentM {
	clear: left;
	/*position: relative;*/
	top: 10px;
	left: 0px;
	width: 780px;
	height: 100px;
	text-align: left;
	border: 0px dotted pink;
}

#MainCaption {
	clear: left;
	margin: 0 auto;
	width: 550px;
	height: 40px;
	font: normal normal 12px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #dddd88;
	left: -90px;
      background-color: #5B551A;
	border: 0px solid pink;
	margin-left: 0px;
	margin-right: 160px;
	margin-top: 64px;
	margin-bottom: 24px;
}
#MSStable {
	background: #a2a1a1;
	font: normal normal 12px/14px Verdana, Helvetica, Arial, sans-serif;
	border-collapse: collapse;
}
#MSStable  th {
	text-align: center;
	font-weight: bold;
	color: #eeee33;
	padding: 6px;
	background-color: #828181;
}

#MSStable2 {
	background: #626161;
	font: normal normal 12px/14px Verdana, Helvetica, Arial, sans-serif;
	border-collapse: collapse;
}
#MSStable2  th {
	text-align: center;
	font-weight: bold;
	color: #eeee33;
	padding: 6px;
	background-color: #424141;
}
#MSStable2  td {
	color: #222222;
	background-color: #eaeaea;
	padding: 12px 12px;
}
.cpt {
	background-color: #a2a1a1;
	color: black;
	border: none;
}
#ctrlnk {
	float: right;
}
#ctrlnk a {
	color: #9b9a5a;
	text-decoration: none;
	font-size: 11px;
}
#ctrlnk a:hover {
	color: #eeeeee;
	text-decoration: underline;
}

#MainImg {
	position: relative;
	visibility: visible;
	left: 0px;
	top: 22px;
	border: 0px solid gray;
	width: 600px;
	height: 600px;
	/*background-color: #DDE3DD;*/
}


#MI9 {
	visibility: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0px;
	z-index: 10;
	border: 2px solid maroon;
	filter:alpha(opacity=10);
	opacity: 0.10;
	-moz-opacity:0.10;
}

/* slide show controls */
#controls {
	position: relative;
	left: 570px;
	top: -740px;
	visibility: vivible;
	border: 1px solid #6b6a2a;
	text-align: center;
	width: 160px;
	height: 90px;
	padding: 8px 4px 8px 4px;
	line-height: 1.6em;
}
#controls a {
	color: #9b9a5a;
	text-decoration: none;
}
#controls a:hover {
	color: #eeeeee;
	text-decoration: underline;
}
#marker {
	position: absolute;
	left: 75px;
	top: 6px;
}
/* ****** END HOME PAGE SLIDE SHOW ****************/

/* ****** HOME PAGE INFO PANEL ****************/

#panwrap {
	border: 0px dotted pink;
	position: relative;
	left: 550px;
	top: -720px;
	width: 219px;
}
#panwrap2 {
	border: 0px dotted pink;
	position: relative;
	left: 550px;
	top: -500px;
	width: 219px;
}
#panwrap3 {
	border: 0px dotted pink;
	position: relative;
	left: 250px;
	top: -500px;
	width: 219px;
}
#infpl {
	font: normal normal 12px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #222222;
	background: #aaaaaa url(images/bbk2.gif) repeat-y;
	width: 215px;
	z-index: 6;
}
#infpl h2 {
	background: #aaaaaa url(images/btop2.gif) no-repeat left top;
}

#infpl h3 {
	font: normal bold 15px/17px Verdana, Helvetica, Arial, sans-serif;
	color: #eeeeee;
	text-align: center;
	margin-top: -14px;
	margin-bottom: 8px;
}
#infpl .last {
	background: #aaaaaa url(images/bbot2.gif) no-repeat left bottom;
}
#infpl h3, #infpl p, #infpop p {
	padding-left: 8px;
	padding-right: 8px;
}
#ipt {
	width: 215px;
	padding-left: 20px;
	padding-right: 20px;
}
#ipt a {
	font-weight: bold;
}
#ipt b {
	font-weight: bold;
	color: #ddee6a;
}
#ipt em {
	font-weight: bold;
	color: #aa771a;
}
#ipt i {
	font-size: 10px;
}
#infpl a {
	color: #aa0606;
	text-decoration: none;
}
#infpl a:hover {
	color: #2222dd;
	text-decoration: underline;
}


/* ****** END HOME PAGE INFO PANEL ****************/

/* ****** HOME PAGE POPUP PANEL ****************/

#infpop {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}
#infS {
	left: 0px;
	top: 0px;
	width: 215px;
	font: normal normal 11px/13px Verdana, Helvetica, Arial, sans-serif;
	color: #222222;
	background: #aaaaaa url(images/bbk.gif) repeat-y;
	z-index: 15;
}
#infS h2 {
	background: #aaaaaa url(images/btop.gif) no-repeat left top;
}

#infS h3 {
	font: normal bold 14px/16px Verdana, Helvetica, Arial, sans-serif;
	color: #eeeeee;
	text-align: center;
	margin-top: -14px;
	margin-bottom: 8px;
}
#infpop .last {
	background: #aaaaaa url(images/bbot.gif) no-repeat left bottom;
}
#infS h3, #infS p {
	padding-left: 8px;
	padding-right: 8px;
}
#iptS {
	width: 182px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}
#iptS b {
	font-weight: bold;
	color: #eddeaa;
}
/* ****** END HOME PAGE POPUP PANEL ****************/

#ftrch {
	position: relative;
	top: -10px;
	left: 0px;
	width: 700px;
	height: 30px;
}
#ftrh {
	position: relative;
	top: -10px;
	left: 0px;
	width: 700px;
	height: 30px;
}
a.ctlnk {
	color: #aaaaaa;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
}
a.ctlnk:hover {
	color: #f4f4f4;
	text-decoration: underline;
}