/* Resetting default padding and margin - http://www.clagnut.com/blog/1287/ */
* {margin:0;padding:0;}

/* basics */
body {font-size:12px; font-family:Arial,Helvetica,sans-serif; line-height:16px; color:#9B8F7D; background-color:#9B8F7D; }
.body2 {font-size:12px; font-family:Arial,Helvetica,sans-serif; line-height:16px; color:#9B8F7D; background-color:#EAE7A8; }

#wrapper {width: 851px; height: 608px; position:absolute; left: 50%; top: 50%; margin-left: -420px; margin-top: -290px;}
/* ie for mac hack \*//*/
* html #homewrapper {width: 851px; height: 578px; position:absolute; left: 50%; top: 50%; margin-left: -410px; margin-top: 220px; z-index: 0;}
/**/
#wrapper2 {width: 851px; position:absolute; left: 50%; top: 50px; margin-left: -420px; font-size:12px;  font-family: Arial, Helvetica, sans-serif; line-height:14px;}

.popuptxt { margin:10px 10px 10px 10px; }
.popuppic { margin:10px 0px 10px 10px; }

#logo {position:absolute;top:0px;left:0px;}
#banner {position:absolute;top:0px;left:193px;}
#menu01 {position:absolute;top:165px;left:0px; width:851px; height:46px; background-color:#AFA596;}
#menu01txt {position:absolute;top:180px;left:210px; color: #FFFFFF; z-index: 10;}
#menu02 {position:absolute;top:211px;left:0px; width:851px; height:26px; background-color:#BEB6AA;}
#menu02a {position:absolute;top:211px;left:0px; width:851px; height:28px; background-color:#BEB6AA;}
#content {position:absolute;top:237px;left:0px; width:851px; height:341px; background-color:#FFFFFF;}
#footer {position:absolute;top:533px;left:0px; width:851px; height:45px; background-color:#BEB6AA;}
#leftmenu01 {position:absolute;top:165px;left:0px;}

#content2 {position:absolute;top:237px;left:0px; width:851px; background-color:#FFFFFF;}
#footer2 {width:851px; height:45px; background-color:#BEB6AA;}
#footer2a {width:851px; height:25px; background-color:#9B8F7D;}




.footer { color:#BEB6AA; font-size:11px;}
a.footer:link, a.footer:visited,a.footer:active  { text-decoration: none; font-size:12px; color: #BEB6AA; }
a.footer:hover { text-decoration: underline; font-size:12px; color: #BEB6AA; }

#footer03 { position:absolute; top:581px; left:18px; width:820px; color:#BEB6AA; font-size:12px; background-color:#9B8F7D; }
#footer03a { width:600px; float: left; }
#footer03b { width:220px; float: left; text-align: right; color: #ffffff; }


#newsfooter {position:relative;top:0px;left:0px; width:820px; padding:4px 0px 0px 18px; height:46px; color:#BEB6AA; font-size:12px; background-color:#9B8F7D; }


.maryann01 {width:815px; background-color:#AD9B5D; padding:18px 18px 18px 18px; color: #FFFFFF;}
.maryann02 {width:815px; padding:18px 18px 18px 18px; }
.maryann03 {padding:12px 12px 12px 12px; background-color:#AD9B5D; color: #FFFFFF; }
.maryann04 {width:427px; background-color:#AD9B5D; padding:18px 18px 18px 18px; margin:18px 0px 18px 0px; color: #FFFFFF;}

a.menu01:link, a.menu01:visited,a.menu01:active  { text-decoration: none; font-size:12px; color: #FFFFFF; padding:0px 5px 0px 5px; }
a.menu01:hover { text-decoration: none; font-size:12px; color: #000000; padding:0px 5px 0px 5px; }

a.menu01a:link, a.menu01a:visited,a.menu01a:active  { text-decoration: none; font-size:12px; color: #000000; padding:0px 5px 0px 5px; }
a.menu01a:hover { text-decoration: none; font-size:12px; color: #000000; padding:0px 5px 0px 5px; }

a.menu01b:link, a.menu01b:visited,a.menu01b:active  { text-decoration: underline; font-size:12px; color: #FFFFFF; padding:0px 5px 0px 5px; }
a.menu01b:hover { text-decoration: none; font-size:12px; color: #000000; padding:0px 5px 0px 5px; }

a.menu02:link, a.menu02:visited,a.menu02:active  { text-decoration: underline; font-size:11px; color: #FFFFFF; line-height:14px; }
a.menu02:hover { text-decoration: underline; font-size:11px; color: #000000; line-height:14px; }

a.menu03:link, a.menu03:visited,a.menu03:active  { text-decoration: underline; font-size:14px; color: #681938; line-height:24px; }
a.menu03:hover { text-decoration: underline; font-size:14px; color: #AF7B81; line-height:24px; }

a.menu03a:link, a.menu03a:visited,a.menu03a:active  { text-decoration: underline; font-size:14px; color: #AF7B81; line-height:24px; }
a.menu03a:hover { text-decoration: underline; font-size:14px; color: #AF7B81; line-height:24px; }

a.menu04:link, a.menu04:visited,a.menu04:active  { text-decoration: underline; font-size:10px; color: #9B8F7D; }
a.menu04:hover { text-decoration: none; font-size:10px; color: #9B8F7D; }

a:link, a:visited,a:active  { text-decoration: underline; color: #9B8F7D; }
a:hover { text-decoration: none; color: #9B8F7D; }

.break01 { line-height : 10px; }
.break02 { line-height : 8px; }
.break03 { line-height : 19px; }
.break04 { line-height : 5px; }

p {margin-bottom: 10px; }

.side01 { margin-bottom: 20px; }
.side02 { margin-bottom: 12px; }
.side03 { margin-bottom: 10px; color:#FFFFFF; font-size:11px; }
.side04 { color:#FFFFFF; font-size:16px; font-weight: bold; }
h1.side05 { color:#FFFFFF; font-size:16px; font-weight: bold; line-height:18px; margin-bottom: 6px; }
p.side06 { margin-bottom: 10px; color:#FFFFFF; font-size:11px; line-height:12px; margin-bottom: 6px; width: 155px; }
ul.side07 { margin:0px 0px 6px 0px; }
li.side07 { list-style : disc; margin:0px 0px 0px 15px; color:#FFFFFF; font-size:11px; line-height:13px; font-weight: bold;} 

.title01 { color:#6D203E; font-size:18px; line-height:20px; margin-bottom: 10px;}
.title02 { color:#6D203E; font-size:14px; line-height:20px;}
.title03 { color:#6D203E; font-size:13px; font-weight: bold; }
.title04 { color:#FFFFFF; font-size:14px; margin-bottom: 10px;}
.title05 { color:#681938; font-size:18px; line-height:20px; margin-bottom: 10px;}
.title06 { color:#D69425; font-size:18px; line-height:20px; margin-bottom: 5px;}
.title07 { color:#6D203E; font-size:18px; line-height:20px; margin-bottom: 5px;}
.title08 { color:#681938; font-size:18px; line-height:20px; margin-bottom: 5px;}
.title09 { color:#FFFFFF; font-size:36px; line-height:25px; margin-bottom: 15px;}
.title10 { color:#AD9B5D; font-size:28px; line-height:25px; margin-bottom: 15px;}
.title11 { color:#AD9B5D; font-size:20px; line-height:20px; margin-bottom: 10px;}
.title12 { color:#FFFFFF; font-size:30px; line-height:20px; margin-bottom: 15px;}
.title13 { color:#6D203E; }

.big01 { font-size:18px; line-height:20px;}

.white { color:#FFFFFF;}
.white02 { color:#FFFFFF; font-size:10px; line-height:7px;}
.white03 { color:#FFFFFF; font-size:18px; line-height:20px;}
.white04 { color:#FFFFFF; font-size:14px;}



a.side03:link, a.side03:visited,a.side03:active  { text-decoration: underline; font-size:11px; color: #FFFFFF; }
a.side03:hover { text-decoration: none; font-size:11px; color: #FFFFFF; }

a.white02:link, a.white02:visited,a.white02:active  { text-decoration: underline; font-size:10px; color: #FFFFFF; }
a.white02:hover { text-decoration: none; font-size:10px; color: #FFFFFF; }

a.white03:link, a.white03:visited,a.white03:active  { text-decoration: underline; font-size:11px; color: #FFFFFF; line-height:14px; }
a.white03:hover { text-decoration: none; font-size:11px; color: #FFFFFF; line-height:14px; }

a.white05:link, a.white05:visited,a.white05:active  { text-decoration: underline; font-size:14px; color: #FFFFFF; }
a.white05:hover { text-decoration: none; font-size:14px; color: #FFFFFF; }

.field1 { background-color: #FFFFFF; font: 12px Arial,Helvetica,sans-serif; color: #9B8F7D; border: 1px solid #BEB6AA; height: 16px; width: 340px; }

.field2 { background-color: #FFFFFF; font: 12px Arial,Helvetica,sans-serif; color: #9B8F7D; border: 1px solid #FFFFFF; height: 14px; width: 160px; }

.comments { background-color: #FFFFFF; font: 12px Arial, Helvetica, sans-serif; color: #9B8F7D; border: 1px solid #BEB6AA; height: 70px; width: 340px; }

.submit { background-color: #681938; font: 12px Arial,Helvetica,sans-serif; color: #FFFFFF; border: 0px solid #681938; padding: 1px; width: 60px; height: 20px; }

.submit02 { background-color: #BEB6AA; font: 11px Arial,Helvetica,sans-serif; color: #681938; border: 0px solid #FFFFFF; width: 40px; height: 14px; }

.scrolling01 { scrollbar-base-color: #FFFFFF; 
scrollbar-face-color: #FFFFFF; 
scrollbar-track-color: #BEB6AA; 
scrollbar-arrow-color: #BEB6AA;
scrollbar-highlight-color: #BEB6AA; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-shadow-color: #BEB6AA;
scrollbar-darkshadow-color: #FFFFFF;
}

/* sidemenus */

#sidemenu01 { position: absolute; top: 180px; left: 15px; width: 167px; z-index: 2; color:#FFFFFF; color:#FFFFFF; font-size:11px; line-height:12px; }
#demospinner {color:#FFFFFF; font-size:11px; line-height:12px;}
#sidemenu01 h1, #demospinner h1 { color:#FFFFFF; font-size:14px; font-weight: bold; line-height:16px; margin-bottom: 6px; }
#sidemenu01 h2 { color:#FFFFFF; font-size:14px; font-weight: bold; line-height:16px; margin-bottom: 6px; }
#sidemenu01 p, #demospinner p { margin-bottom: 6px; }
.sidemenu01pic { float: right; margin:0px 0px 2px 2px;}

#sidemenu01 a:link, #sidemenu01 a:visited, #sidemenu01 a:active  { text-decoration: underline; font-size:11px; color: #FFFFFF; }
#sidemenu01 a:hover { text-decoration: none; font-size:11px; color: #FFFFFF; }

.more01 { text-align: right; }
a.more01:link, a.more01:visited,a.more01:active  { text-decoration: underline; font-size:11px; color: #FFFFFF; }
a.more01:hover { text-decoration: none; font-size:11px; color: #FFFFFF; }

a.more02:link, a.more02:visited,a.more02:active  { text-decoration: underline; font-size:11px; color: #F0E1B7; }
a.more02:hover { text-decoration: none; font-size:11px; color: #F0E1B7; }

#sidemenu02 { position: absolute; top: 181px; left: 15px; width: 167px; z-index: 2; color:#FFFFFF; color:#FFFFFF; font-size:11px; line-height:12px; }
.sidemenu02links { margin-bottom: 20px; }

a.more03:link, a.more03:visited,a.more03:active { text-decoration: underline; font-size:11px; color: #E5D4D2; }
a.more03:hover { text-decoration: none; font-size:11px; color: #E5D4D2; }

#sidemenu03 { position: absolute; top: 181px; left: 15px; width: 167px; z-index: 2; color:#FFFFFF; color:#FFFFFF; font-size:11px; line-height:13px; }
#sidemenu03 h1 { color:#FFFFFF; font-size:15px; font-weight: bold; line-height:17px; margin-bottom: 6px; }
#sidemenu03 p { margin-bottom: 6px; width: 155px; }

#sidemenu04 { position: absolute; top: 355px; left: 15px; width: 167px; z-index: 2; color:#FFFFFF; color:#FFFFFF; font-size:11px; line-height:13px; }
#sidemenu04 h1 { color:#FFFFFF; font-size:15px; font-weight: bold; line-height:17px; margin-bottom: 6px; }
#sidemenu04 p { margin-bottom: 6px; width: 155px; }


/* news */

#news01 {position:relative;top:0px;left:0px;width:815px; background-color:#AD9B5D; padding:18px 18px 18px 18px; color: #FFFFFF;}
#news01 h1 { color:#FFFFFF; font-size:18px; font-weight: bold; line-height:24px; margin:0px 0px 12px 18px; }
#news01 p { margin-bottom: 6px; }
#news01 img {border:none;} /* stops link border around images */
#news01 h1 a:link, #news01 h1 a:visited, #news01 h1 a:active  { text-decoration: none; color: #FFFFFF; }
#news01 h1 a:hover { text-decoration: underline; color: #FFFFFF; }

#news01a { float: left; width:260px; padding:0px 0px 0px 18px; }
.more04 { text-align: right; }
a.more04:link, a.more04:visited,a.more04:active  { text-decoration: underline; color: #FFFFFF; }
a.more04:hover { text-decoration: none; color: #FFFFFF; }

.news02 {position:relative;top:0px;left:0px;width:833px; background-color:#D6CDAE; padding:18px 18px 18px 0px; color: #6E5B19;}
.news02a { width:259px; padding:0px 0px 0px 18px; float: left; background-color:#D6CDAE; }
.news02apic { float: left; padding:0px 10px 0px 0px; }
.news02atitle { font-size: 15px; line-height:1.1em; font-weight: bold; }
.news02atxt { padding:15px 0px 10px 0px; height: 130px; }
.more05 { text-align: right; padding:10px 0px 0px 0px; }
a.more05:link, a.more05:visited,a.more05:active  { text-decoration: underline; color: #6E5B19; }
a.more05:hover { text-decoration: none; color: #6E5B19; }
.news02 img {border:none;} /* stops link border around images */
.news02 div.news02atitle a:link, .news02 div.news02atitle a:visited, .news02 div.news02atitle a:active  { text-decoration: none; color: #6E5B19; }
.news02 div.news02atitle a:hover { text-decoration: underline; color: #6E5B19; }

#news03 {position:relative;top:0px;left:0px;width:815px; background-color:#AD9B5D; padding:9px 18px 9px 18px; color: #FFFFFF;}
#news03title { font-size: 20px; line-height:1.1em; font-weight: bold; float: left; }
#news03archive { text-align: right; padding:3px 0px 0px 0px; }

#news04 {position:relative;top:0px;left:0px;width:833px; background-color:#FFFFFF; padding:18px 18px 18px 0px; color: #6E5B19;}
.news04column { width:259px; padding:0px 0px 0px 18px; float: left; background-color:#FFFFFF; }
.news04txt { padding:0px 0px 10px 0px; }

#news05 {position:relative;top:0px;left:0px;width:851px; background-color:#FFFFFF; color: #9B8F7D; background-image:url(images/bg_news.jpg); background-repeat: repeat; background-color:#FFFFFF;}

#news05a { width:193px; color:#FFFFFF; }
#news05ai { padding:18px 18px 37px 18px; font-size:11px; line-height:12px; }
.sidemenu02links { margin-bottom: 20px; }

#news05b { width:658px; }
#news05bi { padding:27px 18px 37px 18px; }
#news05bi ul { margin:0px 0px 12px 0px; }
#news05bi li { list-style : disc; margin:0px 0px 0px 25px; } 

.grey01 { background-color:#EAE8E4; padding:9px 25px 9px 25px; color: #796A54; margin-bottom: 12px; font-style : italic;}
#news05 h1 { font-size:20px; font-weight: bold; line-height:24px; margin-bottom: 12px; }
#news05 h2 { font-size:14px; font-weight: bold; line-height:16px; margin-bottom: 12px; }
#news05 p { margin-bottom: 12px; }

/* news-mary */

#news-mary-intro {position:relative;top:0px;left:0px;width:815px; background-color:#AD9B5D; padding:18px 18px 18px 18px; color: #FFFFFF;}
#news-mary-intro h1 { color:#FFFFFF; font-size:36px; line-height:25px; font-weight: normal; margin:0px 0px 12px 0px; }
#news-mary-intro h2 { color:#FFFFFF;  margin:0px 0px 10px 0px; line-height:22px; }
#news-mary-intro p { margin-bottom: 6px; }
#news-mary-introa { float: left; width:321px; padding:0px 0px 0px 18px; }
#news-mary-introa2 { float: left; width:660px; padding:0px 0px 0px 18px; }

#news-mary-intro a:link, #news-mary-intro a:visited, #news-mary-intro a:active  { text-decoration: underline; color: #ffffff; }
#news-mary-intro a:hover { text-decoration: none; color: #ffffff; }

#news-mary01 {position:relative;top:0px;left:0px;width:815px; background-color:#ECE8D9; padding:18px 18px 18px 18px; color: #6E5B19;}
#news-mary01 h1 { color:#6E5B19; font-size:24px; font-weight: bold; line-height:24px; margin:0px 18px 12px 0px; }
#news-mary01 p { margin-bottom: 6px; }
#news-mary01 img {border:none;} /* stops link border around images */
#news-mary01 h1 a:link, #news-mary01 h1 a:visited, #news-mary01 h1 a:active  { text-decoration: none; color: #6E5B19; }
#news-mary01 h1 a:hover { text-decoration: underline; color: #6E5B19; }

#news-mary01a { float: left; width:260px; padding:0px 18px 0px 0px; }
.more-mary04 { text-align: right; }
a.more04:link, a.more04:visited,a.more04:active  { text-decoration: underline; color: #6E5B19; }
a.more04:hover { text-decoration: none; color: #6E5B19; }

.news-mary02 {position:relative;top:0px;left:0px;width:833px; background-color:#D6CDAE; padding:18px 18px 18px 0px; color: #6E5B19;}
.news-mary02a { width:259px; padding:0px 0px 0px 18px; float: left; background-color:#D6CDAE; }
.news-mary02apic { float: left; padding:0px 10px 0px 0px; }
.news-mary02atitle { font-size: 17px; line-height:1.1em; font-weight: bold; }
.news-mary02atxt { padding:15px 0px 10px 0px; height: 130px; }
.more05 { text-align: right; padding:10px 0px 0px 0px; }
a.more05:link, a.more05:visited,a.more05:active  { text-decoration: underline; color: #6E5B19; }
a.more05:hover { text-decoration: none; color: #6E5B19; }
.news-mary02 img {border:none;} /* stops link border around images */
.news-mary02 div.news-mary02atitle a:link, .news-mary02 div.news-mary02atitle a:visited, .news-mary02 div.news-mary02atitle a:active  { text-decoration: none; color: #6E5B19; }
.news-mary02 div.news-mary02atitle a:hover { text-decoration: underline; color: #6E5B19; }

#news-mary03 {position:relative;top:0px;left:0px;width:815px; background-color:#AD9B5D; padding:9px 18px 9px 18px; color: #FFFFFF;}
#news-mary03title { font-size: 20px; line-height:1.1em; font-weight: bold; float: left; }
#news-mary03archive { text-align: right; padding:3px 0px 0px 0px; }

#news-mary04 {position:relative;top:0px;left:0px;width:833px; background-color:#FFFFFF; padding:18px 18px 18px 0px; color: #6E5B19;}
.news-mary04column { width:259px; padding:0px 0px 0px 18px; float: left; background-color:#FFFFFF; }
.news-mary04txt { padding:0px 0px 10px 0px; }

.listingclearer { clear:both; }

/* newsetup */

#wrappernews {width: 851px; position:relative; left: 50%; top: 50px; margin-left: -420px; font-size:12px;  font-family: Arial, Helvetica, sans-serif; line-height:14px;}

#logonews {position:relative;top:0px;left:0px; float:left;}
#bannernews {position:relative;top:0px;left:0px;}

#menu01news {position:relative;top:0px;left:0px; width:640px; height:32px; padding:18px 0px 0px 211px; background-color:#AFA596; color: #FFFFFF;}

#menu02news {position:relative;top:0px;left:0px; width:851px; height:26px; background-color:#BEB6AA;}
#content2news {position:relative;top:0px;left:0px; width:851px; background-color:#FFFFFF;}



#menu01anews {position:relative;top:0px;left:0px; width:640px; height:32px; padding:18px 0px 0px 18px; background-color:#AFA596; color: #FFFFFF; background-image:url(images/menu01anews.jpg); background-repeat: repeat; }

#menu02anews {position:relative;top:0px;left:0px; width:640px; height:26px; padding:9px 0px 0px 18px; background-color:#BEB6AA; color: #FFFFFF; background-image:url(images/menu02anews.jpg); background-repeat: repeat; }


/* PICTURE YOUR PINT - ENTER */

#pictureyourpint01 { width:815px; background-color:#ffffff; padding:18px 18px 0px 18px; }
#pictureyourpint01 h1 { font-family: Arial; color: #6D203E; font-size: 25px; line-height: 20px; margin-bottom: 10px; }
#pictureyourpint01 h2 { font-family: Arial; color: #6D203E; font-size: 13px; line-height:1.3em; margin-bottom: 31px; }

#pictureyourpintleft01 { width:320px; padding-top:10px; padding-right:10px; }
#pictureyourpintleft01 p { margin-bottom: 7px; line-height:1.3em; }

#pictureyourpintright01 { width:485px; padding-top:20px; padding-bottom:0px; background-color:#ffffff; }
#pictureyourpintright02 { width:485px; padding-top:20px; padding-bottom:20px; background-color:#d6cdae; }

.pictureyourpinttable01 { color: #6E5B19; width:221px; border-bottom: 4px solid #d6cdae; border-right: 4px solid #d6cdae; }
.pictureyourpinttable01a { color: #6E5B19; width:221px; border-top: 4px solid #d6cdae; border-bottom: 4px solid #d6cdae; border-right: 4px solid #d6cdae; }
.pictureyourpinttable02 { width:260px; border-bottom: 4px solid #d6cdae; font-size: 11px; }
.pictureyourpinttable02b { border-right: 8px solid #d6cdae; }

.pictureyourpinttable03 { border-bottom: 8px solid #d6cdae; line-height:1.3em; }
.pictureyourpinttable03a { color: #6E5B19; width:447px; border-right: 4px solid #d6cdae; }
.pictureyourpinttable03b { width:15px; border-right: 10px solid #d6cdae; }

.pictureyourpintfield01 { background-color: #FFFFFF; font-size:12px; font-family:Arial; color:#9B8F7D; padding: 2px; height: 15px; width: 240px; border: 1px solid #9c8d5a; }
.pictureyourpintfield02 { background-color: #FFFFFF; font-size:12px; font-family:Arial; color:#9B8F7D; padding: 2px; height: 60px; width: 240px; border: 1px solid #9c8d5a; }
.pictureyourpintfield03 { background-color: #FFFFFF; font-size:12px; font-family:Arial; color:#9B8F7D; padding: 2px; height: 22px; width: 246px; border: 1px solid #9c8d5a; }

.pictureyourpintbutton { background-color: #681938; font-size:12px; font-family:Arial; color: #FFFFFF; border: 0px solid #681938; padding: 2px 10px 2px 10px; height: 20px; }

a.pictureyourpintlink:link, a.pictureyourpintlink:visited,a.pictureyourpintlink:active  { text-decoration: underline; color: #6E5B19; }
a.pictureyourpintlink:hover { text-decoration: none; color: #6E5B19; }

#pictureyourpintbottom01 { height: 18px; background-color:#ffffff; }

#entergallery { position:absolute; top:490px; left:210px; }

.errormessage, .okmessage { position:relative; top:0; left:0; font-weight:bold; color:#ffffff; border:1px solid #ffffff; padding:5px 5px; margin:0px 14px -5px 14px; }
.errormessage {background-color:#cc0000;}
.okmessage {background-color:#00cc00;}


/* PICTURE YOUR PINT - GALLERY */

#pictureyourpintgallery01 { width:833px; background-color:#ffffff; padding:18px 0px 0px 18px; }

#pictureyourpintgallerytop01 { width:833px; }
#pictureyourpintgallerytopleft01 { width:416px; float: left; }
#pictureyourpintgallerytopleft01a { color: #6D203E; font-size: 25px; line-height: 20px; margin-bottom: 4px; }
#pictureyourpintgallerytopleft01b { margin-bottom: 17px; }
#pictureyourpintgallerytopright01 { width:399px; float: left; text-align: right; padding-right: 18px; }

.pictureyourpintgallery01a { width:178px; height: 115px; background-image:url(images/pictureyourpintgallerybg01.gif); background-repeat: repeat; margin-right:8px; margin-bottom:10px; padding:10px 10px 10px 10px; float: left; }
.border01 { border: 1px solid #afa596; }

#pictureyourpintgallerybot01 { width:833px; padding-bottom: 20px; }
#pictureyourpintgallerybotleft01 { width:416px; float: left; }
#pictureyourpintgallerybotright01 { width:399px; float: left; text-align: right; padding-right: 18px; }


/* ===== LIGHTBOX ====== */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* cdk additions*/
.news01afull {  width:538px; padding:0px 0px 0px 18px; }
.news01bfull {  width:538px; padding:0px 18px 0px 0px; }
.articleimg { margin:0px 0px 10px 10px; float:right; border-left:10px solid #ffffff; border-bottom:7px solid #ffffff; }
.article2col {column-count:2;column-gap: 10px; /* see http://www.csscripting.com/ */}
/* -----------------------------------------------------------------
multi column css requires the multicol.js javascript file 
examples:
.Article {	column-count: 3;column-gap: 20px;column-rule: 1px dotted #BBB;background-color: #FFFFFF;border-top: 1px solid #999;border-bottom: 1px solid #999;	padding: 8px;text-align: justify;}
.Article2Col {column-count:2;}
.Article3Col {column-count:3;}
----------------------------------------------------------------- */