/*css for Georgia O'Keeffe: Circling Around Abstraction */
body {
	background: #ffffff url(../img/bg.jpg) top left no-repeat;
	font: 90% 'Lucida Grande', Verdana, sans-serif;
}

a:link {
	text-decoration: underline;
	background:none;
	color:#a61414;
	font-weight:bold;
}

a:link.nobg {
	background:none;
}

a:hover {
	background:none;
	color:#999999;
}

img {
	border: none;
}

p { 
	/*margin:1em 5%;*/
	margin-top:5px;
	font: .9em/1.5em 'Lucida Grande', arial, verdana, sans-serif;
	word-spacing: 0.1em;
	color: #666;
	padding-bottom:10px;
	padding-left:10px;
}

p.callout { 
	margin-top:5px;
	font: 700 1em/1.5em 'Lucida Grande', arial, verdana, sans-serif;
	color: #000;
	margin-bottom:10px;
	word-spacing: 0;
}


#superheader
{
	padding:0;
	/*height:50px;*/
	width:100%;
	margin: 0 auto;
	background-color: #666;
	overflow: auto;
}

#superheader div {
	float:right;
	margin-right:20px;
	padding:10px;
}

#space
{
	clear:both;
	height: 5px;
	width:100%;
	margin: 0 auto;
	background-color: #ededed;
}

#header
{
	height: 157px;
	margin: 0 0 0 33px;
	background: transparent url(../img/header.gif) top left no-repeat;
}

#wrap {
	margin:0;
	padding:0;
	/*overflow: auto;
	width:100%;*/
}

#content
{
	margin: 30px 100px 30px 225px;
	float: left;
	/*padding:0 0 0 10px;*/
	padding:0;
	background: none;
	position:absolute;
	width: 625px;
}

#contentH {
	/*background-color:#afdcef;*/
	/*background-color:#ddeff9;*/
	/*background-color:#fff;*/
	background-color: transparent;
	float:left;
	margin-bottom:20px;
	padding:2px 0 8px 10px;
	color: #fff;
	width:100%;
	border-bottom:1px solid #999;

}

#contentT {
	float:left;
	margin:0 auto;
	margin-bottom:30px;
	height: 275px;
	width:100%;
}

#contentB {
	float:left;
	padding-bottom:40px;
	/*max-width:678px;*/
}

#contentB1 {
	float:left;
	padding:0 30px 40px 0;
	width:350px;
}

#tixclix {
	padding:20px;
	background-color:#ffffff;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
}

#tixclix div {
	padding:20px 10px 10px 10px;
	background-color:#ededed;
}

#sponsor {
	font: 10px 'Lucida Grande', arial, verdana, sans-serif;
	clear: left;
	/*background-color:#fff;*/
	padding:10px 0;
	margin:10px 0;
	overflow: auto;
	width:730px;
	border-top:1px solid #ccc;
}

#sponsorL {

	width:280px;
	float: left;
	padding:10px 10px 10px 0;
	margin:0;
	border-right: 1px solid #ccc;
	padding-right:20px;
}

#sponsorL p{
	line-height:2em;
	padding:0;
	padding-right:10px;
	vertical-align:top;
}

#sponsorR {
	width:380px;
	float: left;
	padding:10px;
	padding-left:20px;
	margin:0;
}

#sponsorR p{
	line-height:2em;
	vertical-align:top;
}

#sponsorR p img{

}


#notice{
	border-top:1px solid #999;
	font: normal 9px 'Lucida Grande', arial, verdana, sans-serif;
	width:100%;
	margin-top:20px;
	padding:5px 10px;
	float:left;
	color:#666;
}

#slideshow {
	/*background-color:#afdcef;*/
	background-color:#999999;
	width:118px;
	margin-left:30px;
	padding:5px;
	margin-top:10px;
	
}

#slideshow p {
	text-align:center;
	margin:0 auto;
	padding:5px;
	font: normal bold 9px 'Lucida Grande', arial, verdana, sans-serif;
	color: #fff;
}


#footer
{
	clear: both;
	height: 50px;
	background-color: white;
	margin-bottom: 10px;
}

#navbox
{
	padding:0 0 0 20px;
	float: left;
	width: 178px;
	/*height: 500px;*/
	display: inline;
	height:100%;
	margin:0 auto;
	margin-top:30px;
}

.nav{
	/*width: 100%; 
	height: 100%;*/
   /* margin: 10px auto; */
    margin: 0;
    margin-left:17px;
    padding: 0;
    position: relative;
    /*border-bottom:1px solid #ccc;*/
}

div.uppernav {
	border-top:1px solid #666;
	margin-left:17px;
}

div.midnav {
	border-top:1px solid #ccc;
	margin-left:17px;
}


.nav ul, .nav li {
	list-style-type: none;
}

.nav li ul, .nav span {
	display: block;
	margin-left:10px;
}

.nav li, .nav li ul li {
	width:178px;
	margin: 10px;
	padding: 0;
	list-style-type: none;
    /*position: absolute
    top: 0;*/
}

.nav li, .nav a , .nav li ul li, .nav li ul li a {
    height: 10px; 
    display: block;
}

.navblock {
	display: block;
   	height: 10px;
  	width:178px;
	margin: 10px;
}

#ae { background: transparent url(../img/about.gif) top left no-repeat; }
#ep { background: transparent url(../img/preview.gif) top left no-repeat; }
#intro { background: transparent url(../img/introduction.gif) top left no-repeat; }
#i { background: transparent url(../img/preview1.gif) top left no-repeat; }
#ii { background: transparent url(../img/preview2.gif) top left no-repeat; }
#iii { background: transparent url(../img/preview3.gif) top left no-repeat; }
#iv { background: transparent url(../img/preview4.gif) top left no-repeat; }
#v { background: transparent url(../img/preview5.gif) top left no-repeat; }
#vi { background: transparent url(../img/preview6.gif) top left no-repeat; }
#vii { background: transparent url(../img/preview7.gif) top left no-repeat; }
#pe { background: transparent url(../img/toursevents.gif) top left no-repeat; }
#post { background: transparent url(../img/discussion.gif) top left no-repeat; }
#cat { background: transparent url(../img/buycatalogue.gif) top left no-repeat; }
#tix { background: transparent url(../img/tickets.gif) top left no-repeat; }

a:hover #ae , #ae.active{ background: transparent url(../img/about.gif) 0 -10px no-repeat; }
a:hover #ep, #ep.active{ background: transparent url(../img/preview.gif) 0 -10px no-repeat; }
#intro a:hover, #intro.active { background: transparent url(../img/introduction.gif) 0 -10px no-repeat; }
#i a:hover, #i.active { background: transparent url(../img/preview1.gif) 0 -10px no-repeat; }
#ii a:hover, #ii.active { background: transparent url(../img/preview2.gif) 0 -10px no-repeat; }
#iii a:hover, #iii.active { background: transparent url(../img/preview3.gif) 0 -10px no-repeat; }
#iv a:hover, #iv.active { background: transparent url(../img/preview4.gif) 0 -10px no-repeat; }
#v a:hover, #v.active { background: transparent url(../img/preview5.gif) 0 -10px no-repeat; }
#vi a:hover, #vi.active { background: transparent url(../img/preview6.gif) 0 -10px no-repeat; }
#vii a:hover, #vii.active{ background: transparent url(../img/preview7.gif) 0 -10px no-repeat; }
a:hover #pe, #pe.active { background: transparent url(../img/toursevents.gif) 0 -10px no-repeat; }
a:hover #post, #post.active { background: transparent url(../img/discussion.gif) 0 -10px no-repeat; }
a:hover #cat, #cat.active { background: transparent url(../img/buycatalogue.gif) 0 -10px no-repeat; }
a:hover #tix, #tix.active{ background: transparent url(../img/tickets.gif) 0 -10px no-repeat; }



.imgbox {
	margin 0;
	padding: 0;
	width:325px;
	float:left;
	margin-top:10px
}

.img {
	margin: 0;
	padding: 0 20px 0 10px;
	font: italic 9px/1.5 'Lucida Grande', arial, verdana, sans-serif;
	float:left;
}

.img img {
	float:left;
}

.img div div{
	text-align:left;
	padding-left:10px;
}

.txt {
	float:right;
	display:block;
}

.caption {
	font: normal 9px/1.5 'Lucida Grande', arial, verdana, sans-serif;
}

#RedFlower {
	height:370px;
	width:325px;
	background: transparent url(../img/RedFlower.png) top left no-repeat;
}


#okeeffe {
	height:210px;
	width:263px;
	background: transparent url(../img/okeeffe_img/small/at_lake_george.png) top left no-repeat;
}

#PelvisSide {
	width:178px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/PelvisSide.png) top left no-repeat;
}

#MusicPinkAndBlue {
	height:210px;
	width:180px;
	background: transparent url(../img/okeeffe_img/small/MusicPinkAndBlue.png) top left no-repeat;
}


#BlueII {
	width:171px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/BlueII.png) top left no-repeat;
}

#Early {
	width:174px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/Early.png) top left no-repeat;
}

#No20Music {
	width:179px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/No20Music.png) top left no-repeat;
}

#LakeGeorge {
	width:182px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/LakeGeorge.png) top left no-repeat;
}

#FigureInBlack {
	width:151px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/FigureInBlack.png) top left no-repeat;
}

#Abstraction {
	width:155px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/Abstraction.png) top left no-repeat;
}

#DarkRedApples {
	width:167px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/DarkRedApples.png) top left no-repeat;
}

#GreenApple {
	width:184px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/GreenApple.png) top left no-repeat;
}

#Fig {
width:184px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/Fig.png) top left no-repeat;
}

#CityNight {
	width:142px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/CityNight.png) top left no-repeat;
}

#WhiteRose {
	width:179px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/WhiteRose.png) top left no-repeat;
}

#PieceOfWood1 {
	width:179px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/PieceOfWood1.png) top left no-repeat;
}

#BlackAbstraction {
	width:272px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/BlackAbstraction.png) top left no-repeat;
}

#RedPinkRocks {
	width:161px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/RedPinkRocks.png) top left no-repeat;
}

#Rodeo {
	width:166px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/Rodeo.png) top left no-repeat;
}

#PelvisMoon {
	width:174px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/PelvisMoon.png) top left no-repeat;
}

#Pedernal {
	width:274px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/Pedernal.png) top left no-repeat;
}

#PelvisIV {
	width:230px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/PelvisIV.png) top left no-repeat;
}

#BlueCircle {
	width:271px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/BlueCircle.png) top left no-repeat;
}

#Abstraction5 {
	width:166px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/Abstraction5.png) top left no-repeat;
}

#Abstraction4 {
	width:163px;
	height:210px;
	background: transparent url(../img/okeeffe_img/small/Abstraction4.png) top left no-repeat;
}