/*Tag to make ie8 beta behave as ie7 in xhtml- funny bug with scalable images, plus if ie8 launched b4 mootools updated.

**Dif link style: border unsightly in IE, esp ie7 zoom.
**pages with ads in #lcol individually set in XHTML
**background imgs 2000px wide.left line @ 400px, right line@ 1640px*/


html, body, #container {min-height:100%;width:100%; height:100%}
html>body, html>body #container {
    height: auto;}
body
{background:#F3F3e7; color:#668;
font: 70%/145% verdana, helvetica, sans-serif;
padding: 0;
margin: 0;
max-width:2000px;
}

h1,h2,h3,h4,h5 
{font-family:  "Trebuchet MS", Helvetica, sans-serif;
font-weight: normal;
text-align: left;
}

p,h1,h2,h3,h4,h5
{margin-top: 0}/*reqd!!!*/

/**********main link styles - ******/

a:link 
{background: #F3F3E7;color: #578; font-weight: bold;}
html>/**/body a:link{text-decoration: none; border-bottom: 0.1em dotted #578;}
a:visited 
{background: #F3F3E7; color : #848; font-weight : bold;}
html>/**/body a:visited{text-decoration: none;border-bottom: 0.1em dotted #578;}
a:hover
{background: #cc9;color: #578; font-weight : bold;}
html>/**/body a:hover{text-decoration: none; border-bottom: 0.1em dotted #578;}

/***general & misc********/

p {text-align: justify}
.padamad{padding-top: 12em;}
.adline {margin-left:0.5em;}
.center{text-align:center}
.b {font-weight : bold}
.ptop {text-align: right;}
.showcenter {background: url(paint.gif) 0% 0% no-repeat; margin-top: -2%; text-align:center}/*for artcards sshow*/
.left {text-align:right; margin: 0; padding:0;}
.right {text-align:right; margin: 0; padding:0;}/*to align google search when in place*/
html>/**/body .right {margin-top: 0.5em}
.list a {display: block; padding: 2% 0% 0% 0%}/*for listed links pages*/
.scaled {width: 100%; }
.scaledb {width: 100%;padding-top:16% }/*see .fig */
img.scaled2 {width: 50%; border:0}/*this is addy image*/
img.rose {position: absolute; left: 16%;top:8%; padding:0; z-index: -1; opacity:0.25;}/*filter for ie placed in xhtml head*/


/*-----------------page Layout--------- calculated, see creating liquid faux colums. */



#container {min-width: 600px;
position:relative;/*for positioning footer*/
margin:0;
padding:0;    
}




#wrapper1b {background: url(bbgdf1.gif) 20% 0%}

#wrapper2 {background: url(bbgdrf.gif) 82% 0}

#mainear {background: url(ear1b.gif) 82% 0% no-repeat;padding:1.5em 1.5em 1.5em 0em}/*nasty when zoomed in ie7 *sigh*/

#wrapright {float:right; width: 80%}


/*-------------icon bar---------*/
.name {
background: #024;
color:#fdf;
font-weight:bold;
font-size:125%;
font-family: "Comic sans ms",cursive, sans-serif;
margin:  0 ; 
padding-left: 0.4em;
padding-top: 0.4em;
float:left;
position:relative
}

#icons {background: #024; color: #ccc; margin:0%; padding:0.4em 0 0.4em 0;}


#icons ul {margin:0% 1% 0% 20%; padding: 0em 0em 1.6em 0em ; list-style:none;}
#icons li{float:right;margin: 0% ; padding:0em 0em 0em 2em; }
#icons li a {display: inline;border:0;font-size:80%;font-weight:normal;text-decoration: none;white-space: nowrap;}
#icons li a:link {background: #024; color:#ccc;}
#icons li a:visited {background: #024; color:#ccc;}
#icons li a:hover{background:#cc9; color:#578}
#icons li a:active  {background: #024; color:#ccc;}
#icons li.map{background: url(map.gif) 0% 50% no-repeat;padding-right:1em}
#icons li.home{background: url(home.gif) 0% 50% no-repeat;padding-right:1em}
#icons li.contact{background: url(contact.gif) 0% 50% no-repeat;padding-right:1em}
#icons li.info{background: url(info.gif) 0% 50% no-repeat;}


/*--------------------------HEADER ---- */


#header
{
background:  #578 url(top1f.gif) top repeat-x;
color: #cc9;
overflow: hidden; 
position:relative;
width:100%; 
margin:0;
padding:0; 
}


#heading  /*contains headers. 9+9=18.*/
{
margin: 5% 18% 0% 20%;
border-bottom:solid 0.05em #356;
}
html>/**/body #heading {margin: 3% 18% 0% 20%;}

#heading h1    
{font-size:220%;
background: transparent url(paint.gif) 62% 30% no-repeat;
color: #134;
padding:4% 0% 4% 0%;   
margin:0%;
text-align:right;
height: 1%;   /*resolving peekaboo bug for ie6!!!*/
}
html>body #heading h1 {min-height:1%}   /*for ie7!!!!*/

#header h1:first-letter {font-size: 300%;font-family: "Times Roman", serif;font-weight:bold; text-transform:lowercase;}

#heading h2     
{
background: transparent url(sheet.gif) 14% 100% no-repeat;
color: #134;
text-align:right;
font: 120% "Comic sans ms",cursive, sans-serif;
letter-spacing: 0.1em;
white-space: nowrap;
padding:0% 0% 4% 0%; margin: -2% 0% 0% 0%;
}
html>/**/body #heading h2 {margin-top:-3%}
#header h2:first-letter {font-size:140%;font-weight:normal;}


/*--Left Colum. ---------------------------------------------------*/
#lcol 
{margin-right: 80%;margin-left:0%;
min-height:1%;
}


/*--MAIN center SECTION----------------------------------*/
/*be careful of styles that may be inheritted by slideshow*/
#main1 
{
position: relative;
float: left;
width: 80%;
margin:0;
padding:0;
min-height:1%;/*got peekaboo in ie6 at some point. check if needed*/
}


#main1 ul.top{ margin: 0% 9% 1% 6%; padding:0.4em 0em 6.4em 0em;list-style: none;height:1%;}
#main1 .top li{float: left;position:relative; margin: 1em 1.4em 0em 0em; }

#main1 .top li a
{background: url(strokeg.gif) 0% 85% repeat-x;
display: inline;font-size: 100%;
border:0;
font-weight: normal;font-family:"Trebuchet MS", Helvetica, sans-serif;
text-decoration: none;
padding-bottom:0.3em;
text-align: center;
white-space: nowrap;}
#main1 .top li a:visited{background: url(strokeg.gif) 0% 85% repeat-x;}
#main1 .top li a:hover{background: #cc9; color:#578}



#main1 ul.para {margin: 1% 19% 2% 14%;padding-bottom:3%}
html>/**/body #main1 ul.para {margin: 1% 9% 2% 4%;padding-bottom:3%}
#main1 li.para {float: left; margin: 0.6em}
#main1 em.para {background: #cc9; color: #578}



.slideshow {padding: 0.4em}

#main1 a.two {background: #F3F3E7; color:#578}
#main1 a.two:hover {background: #F3F3E7; color:#aa7;}
html>/**/body #main1 a.two:hover {border-bottom: 0.05em dotted #cc9}

#main1  p{margin: 2% 9% 2% 6%;}
#main1 .fig{float:right;position:relative;display:inline;width:20%;text-align: center; padding: 2%; border:solid #ccc 0.05em;height:1%/*display-inline necessary to overcome dble margin bug ie6*/}
#main1 .figshow{float:right;position:relative;display:inline;width:220px;text-align: center; padding: 2% 2% 0% 2%; line-height:6em;border:solid #ccc 0.05em;margin-right:9%;margin-left:2%; margin-top:2%;/*display-inline necessary to overcome dble margin bug ie6*/}

#main1 em {font-weight: bold; font-style: normal}
#main1 h2:first-letter{font-size: 200%;}
#main1 h2
{
background: transparent;
color: #958;
font-size: 150%;
padding:0;
margin: 2% 9% 0% 6%;
}

#main1 h3
{background: transparent;
color: #958;
font-size: 130%;
margin: 0% 9% 0% 6%;
padding:0.8em 0em 0em 0em;
}

/*--RIGHT Colum--*//* Trigger hasLayoutIF USING IMAGES!!.do NOT place a width #rcol - ie6 or earlier!

*/
#rcol 
{
margin-left: 80%;
margin-right:0%;
min-height:1%;
}
.bgl
{background: url(crackle1a.gif) repeat-x top; padding: 0em 0em 6em 0em; margin:25em 1em 0 0;min-height:1%;height:1%}
.bgr
{background: url(crackle1a.gif) repeat-x top; padding: 0em 0em 6em 0em; margin:25em 0 0 0;min-height:1%;height:1%}





/*-FOOTER--*/

#main2 
{background:#578; color:#134;
margin:0% ;
padding: 1% 0% 22% 0%; 
width:100%;
position: relative;
bottom: 0;
left:0
}

#main2 p 
{background:#578;color:#134;font-size:90%;
margin: 0% 18% 2% 20%;
padding-bottom:0%;
text-align: left;
}



#main2 a:link{background:#578; color:#cc9;}
html>/**/body #main2 a:link{text-decoration: none; border-bottom: 0.1em dotted #cc9;}
#main2 a:visited 
{background: #578; color : #848; font-weight : bold;}
html>/**/body #main2 a:visited{border-bottom: 0.1em dotted #848;}
#main2 a:hover{background:#cc9; color:#578;}
html>/**/body a:hover{border-bottom: 0.1em dotted #578;}


#main2end 
{background:#000 url(foot1.gif) repeat-x top; color:#ccc;width:100%;
position: absolute;
bottom: 0;
left:0;padding-top:20%
}


.clearfix:after {

  content: ".";

  clear: both;

  height: 0;

  visibility: hidden;

  display: block;

}



.clearfix {

display: inline-block; /* Fixes IE/Mac */

}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */