/* CSS Document */



h1 {

color:#FFFFFF; font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif;}

h2 { color:#00467B; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif;}

h3 { color:#FFFFFF; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif;}

body { background-color:#76a720; background-image: url(../images/bg.gif); background-repeat:repeat-x; margin-top:0; }



/*////////////// STRUCTURAL ELEMENTS ////////////////*/

#c1 {width:960px; padding:0; margin:0; background-image: url(../images/pageBG.gif); background-repeat: repeat-y;}

#banner { width:960px; height:106px; padding:0 0 0 0; margin:0; text-align:left;}

#bannerRotate { width:620px; height:106px; padding:0 0 0 30px; margin:0; text-align:left; float:left;}

#bannerLogo { width:220px; height:106px; padding:0 40px 0 0; margin:0; text-align:right; float:left;}

#container { clear:both; width:960px; padding:0; margin:0; height:100%; /*background-image: url(../images/pageBG.gif); background-repeat: repeat-y;*/}

#shadowLeft{ clear:both; float:left; width:10px; min-height:760px; padding:0; margin:0; background-image:url(../images/shadow_Left2.jpg); background-repeat:no-repeat;}

#shadowRight{ float:left; width:10px; min-height:760px; padding:0; margin:0; background-image:url(../images/shadow_Right2.jpg); background-repeat:no-repeat;}

#bar01 { clear:both; width:940px; height:7px; padding:0; margin:0; background-image: url(../images/bar01.gif); background-repeat:repeat-x;}

#columnLeft { clear:both; float:left; width:940px; padding:0; margin:0; vertical-align:top;}

#columnLeft h3{ margin-left:40px; margin-right:30px; margin-top:20px; color:#460000; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft p{ margin-left:60px; margin-right:30px; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft a{ color:#460000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline;}

#columnLeft a:hover{ color:#CC6600; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline;}

#columnLeft2 { clear:both; float:left; width:590px; padding:0; margin:0; vertical-align:top;}

#columnLeft2 h3{ margin-left:40px; margin-right:30px; margin-top:20px; color:#460000; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft2 h4{ margin-left:50px; margin-right:30px; margin-top:20px; color:#CC6600; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft2 p{ margin-left:60px; margin-right:30px; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft2 a{ color:#460000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline;}

#columnLeft2 a:hover{ color:#CC6600; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline;}

#columnLeft_home { clear:both; float:left; width:615px; padding:0; margin:0; vertical-align:top; background:url(../images/homeflash_bk.gif) repeat-x;}
#home_flash{width:572px; height:318px; padding:3px; border:1px solid #FFF; margin:15px auto;}
#columnLeft_home h3{ margin-left:40px; margin-right:30px; margin-top:20px; color:#460000; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft_home h4{ margin-left:50px; margin-right:30px; margin-top:20px; color:#CC6600; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft_home p{ margin-left:60px; margin-right:30px; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft_home a{ color:#460000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline;}

#columnLeft_home a:hover{ color:#CC6600; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:underline;}

#columnLeft4 { clear:both; float:left; width:940px; padding:0; margin:0; vertical-align:top;}

#columnLeft4 h3{ margin-left:40px; margin-right:30px; margin-top:20px; color:#460000; font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft4 p{ margin-left:60px; margin-right:30px; color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left;}

#columnLeft4 a{ color:#460000; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:none;}

#columnLeft4 a:hover{ color:#CC6600; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; text-decoration:none;}

#columnRight_home{ float:right; width:322px; margin-right:2px;background:url(../images/homeright_bk.gif) repeat-x;}
#home_book{text-align:center;height:348px;overflow:hidden;}
#home_book h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;font-size:12px;line-height:40px;height:40px;margin:0;padding:0 0 20px 0}
#home_book img{padding:3px; border:1px solid #fff;}
#book_navi{padding:15px 30px 15px 0;}
.book_link{width:40px;height:25px;line-height:25px;background:#FFF;float:right;margin-left:5px;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.book_link a{color:#460000;}
#book1{display:none;}
#book2{display:block;}
#book3{display:block;}

#homePoem { height:480px; background: url(../images/poemBG.jpg) center top no-repeat;font-family:Arial, Helvetica, sans-serif;padding:0 25px;}

#homePoem h2{ color:#ffcc00; font-size:15px; letter-spacing:2px; padding:20px 0 10px 0;}

#homePoem h3{ color:#ffcc00; font-size:12px; text-align:right;padding-bottom:100px;}

#homePoem p{ color:#ffffff; font-size:11px; line-height:20px;}

#homePoem a:link, #homePoem a:visited{color:#500000;}


#columnRight { float:right; width:258px; height:550px; padding:30px 25px 0 25px; margin:0; background-image: url(../images/poemBG.jpg); background-position:top right; background-repeat:no-repeat;}

#columnRight h2{ color:#ffcc00; font-size:15px; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px; padding-bottom:15px;}

#columnRight h3{ color:#ffcc00; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right;padding-bottom:100px;}

#columnRight p{ color:#ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:20px;}

#columnRight a:link, #columnRight a:visited{color:#500000;}

#columnRight2 { float:left; width:280px; height:550px; padding:40px 35px 0 35px; margin:0; background-image: url(../images/poemBG2.jpg); background-position:top right; background-repeat:no-repeat; text-align:center;}

#columnRight3 { float:left; width:330px; height:550px; padding:40px 10px 0 10px; margin:0; background-image: url(../images/poemBG2.jpg); background-position:top right; background-repeat:no-repeat; text-align:center;}

#footerBox { clear:both; width:960px; height:60px; padding:0 0px 0 0px; text-align:center; background-image: url(../images/footerBG02.gif); background-repeat:no-repeat;}

#footer { width:934px; height:60px; text-align:left;}

#footer p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#927070; padding:20px 20px 0 20px;}

#footer a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#927070; text-decoration:none;}

#footer a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ccb9b9; text-decoration:underline;}

#burke { float:right; width:150px; height:35px; padding:17px 20px 0 0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#927070; text-decoration:none; vertical-align:middle;}

#burke a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#927070; text-decoration:none;}

#burke a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ccb9b9; text-decoration:underline;}

.indent{padding:0 0 0 10px;}





/*///// Main Content Area & Watermark Changes ///////*/

#main { float:left; width:940px; float:left; padding:0px 0px 0px 0px; }

#main2 { float:left; width:940px; float:left; padding:0px 0px 0px 0px; }

#bio { float:left; width:940px; float:left; padding:0px 0px 0px 0px; }

#galleries { float:left; width:940px; float:left; padding:0px 0px 0px 0px; background-image: url(../images/watermark_galleries.jpg); background-position:bottom right;background-repeat:no-repeat;}

#purchase { float:left; width:940px; float:left; padding:0px 0px 0px 0px; *background-image: url(../images/watermark_purchase.jpg); background-position:bottom right;background-repeat:no-repeat;}

#articles { float:left; width:940px; float:left; padding:0px 0px 0px 0px; background-image: url(../images/watermark_articles.jpg); background-position:top right;background-repeat:no-repeat;}

#links { float:left; width:940px; float:left; padding:0px 0px 0px 0px; background-image: url(../images/watermark_links.jpg); background-position:bottom left;background-repeat:no-repeat;}

#contact { float:left; width:940px; float:left; padding:0px 0px 0px 0px; background-image: url(../images/watermark_contact.jpg); background-position:bottom left;background-repeat:no-repeat;}


/*/////////////// 	- MENU -	////////////////////*/



.menu { height:35px; float:left; padding:0px 0px 0px 0px; background-image:url(../images/menuBG.gif); background-repeat:repeat-x;}

.menu ul { padding:0px 0px 0px 0px; margin:0; list-style-type:none; }

.menu ul li {padding:0px 0px 0px 0px; float:left; position:relative; height:35px; z-index:10;}/* float the top list items to make it horizontal */

.menu ul li { padding:0px 0px 0px 0px; margin:0 }



/* Main menu rollover styles, allows button to stay highlighted when on the dropdown */

.rollover { height:35px; display:block; padding:0; margin:0; float:left}

.rollover:hover { color:#FFFFFF;}

.rollover a { display:block; float:left; height:33px; line-height:20pt; font-size:13px; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:3px 33px 0px 32px; margin:0;}

.rollover a:hover { color:#FFFFFF; background-image:url(../images/menuBG02.gif); background-repeat:repeat-x;}/* Rollover fix for IE 6 */

.rollover :hover > a { color:#FFFFFF; background-image:url(../images/menuBG02.gif); background-repeat:repeat-x;}



.current { height:35px; display:block; background-image:url(../images/menuBG02.gif); background-repeat:repeat-x; padding:0; margin:0; float:left, color:#FFFFFF; }

.current a { display:block; color:#FFFFFF; float:left; height:33px; line-height:20pt; font-size:13px; font-weight:bold; text-decoration:none; padding:3px 33px 0px 32px; margin:0 }

.current a:hover {background:#FFFFF; color:#FFFFFF; }/* Rollover fix for IE 6 */



/* First level dropdown styles */

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul { width:135px; visibility:hidden; position:absolute; height:35px; top:35px; left:1px; margin-left:-1px; border-top:0px solid #FFFFFF;}

.menu ul ul li {display:block; width:135px; height:auto; position:relative; line-height:3px; border:none }

/* rollover styles */

.menu ul ul a { display:block; width:135px; background-color:#416607; height:18px; text-transform:none; line-height:12px; color:#FFFFFF; text-align:left; font-size:13px; text-decoration:none; font-weight:normal; padding:5px 5px 2px 15px; margin:0; border:solid #261204; border-width:0 1px 1px 1px;}

.menu ul ul a:hover {color:#FFFFFF; background-color:#460000;}

.menu ul ul :hover > a {color:#FFFFFF; background-color:#460000; background-image:url(../images/menuBG03.gif); background-repeat:repeat-x;}

* html .menu ul ul a {width:135px; w\idth:135px;}



/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; left:0; top:0; font-size:13px;}



/* Style the second level flyouts level background and rollovers */

.menu ul ul ul{left:177px; height:30px; top:0; width:135px; border:none }/* position the third level flyout menu */

.menu ul ul ul a {background:#FFFFFF;}

.menu ul ul ul a:hover {background:#00467B;}

.menu ul ul ul :hover > a {background:#00467B;}



/* Styles for the right side drop down */

.right ul ul { left:-26px;}

.right ul ul ul{left:-175px; top:0; width:135px; border:none }



/* make the second level visible when hover on first level list OR link */

.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../images/trans.gif);}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul {visibility:visible;}