/***Site by Wild Animal Publishing
	Keith M. Cowley, Creative Consultant
	www.wildanimalpublishing.com
	A deliverable with shared rights to
	Personal Circle Center for Awareness
	
	All rights reserved. Copywrite 2010***/


* { margin: 0; padding: 0; }
.clear { clear: both; }

body {
font-size: 12px; 
font-family: Arial;
text-align: center; 
background-color: #5b5a3a;
background-image: url(http://www.wildanimalpublishing.com/personalcircle/images/greenwoods.jpg);}


/**************************************************
************* TYPOGRAPHY SETTINGS *****************/

h1 { 
color: #ffffff;
font-size: 20px;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-indent: 10px;}
h2 {
color: #474747;
font-size: 1em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-style: italic;
text-align: justify;}
h3 {
color: #666;
font-size:28px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height: 1.5em;
margin: 6px 0;}
h4 {
color: #000;
font-size:32px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height: 1.5em;
margin: 6px 0; }
h5 { 
color: #666;
font-size:20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
line-height: 1.5em;
margin: 0px 0;}
h6 { }

p { 
color: #ffffff;
font-size: 1em;
line-height: 1.5em;
margin: 20px 20px;
text-indent: 10px; }

p2 { 
color: #2F1700;
font-size: 1em;
line-height: 1.5em;
margin: 20px 20px;
text-indent: 10px;
text-align: justify;}

a { }
a:hover { }
a:visited { }


/**************************************************
**************** LAYOUT DIVS ************/

#container {
width: 900px;
text-align: center;
margin-top: 20px; 
margin-right: auto; 
margin-left: auto; 
background-color: #5b5a3a;
border: 3px solid #20170F;}

/*** Defaults ***/
#header, 
#navigation,
#content,
#footer { 
width: 900px; 
text-align: left;
margin-left: auto;
margin-right: auto;}


/**************************************************
************* PAGE HEADER *************************/

#header { 
width: 900px;
height: 150px;
padding: 0px;
margin-bottom: 0px; 
border-bottom: 0px; }


/**************************************************
************* SUB-NAVIGATION *********************/

#navigation2 { height: 200px; width: 300px; background-color: #2F1700; background-image:url(../images/pcb-trinav-2011.jpg); text-align:center;}

#navigation2 ul { }
#navigation2 ul li {
float: left;
display:block;
background-color: #84765c;
width: 144px;
height: 29px;
border:inset;
padding: none;
border-color:#FFF;
line-height: 27px;
text-align: center;
list-style-type: none;
}

#navigation2 ul li a { 
color: #2F1700;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 16px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#navigation2 ul li.current { background-color: #6088c6; } 

#navigation2 ul li:hover { background-color: #bfaf95; color: #e7cfa9 }
#navigation2 ul li a:hover { background-color: #bfaf95; color: #e7cfa9 }

#navigation2 h1 {
font-size:20px;
color: #6088c6;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

/**************************************************
************* SITE NAVIGATION *********************/

#navigation { height: 30px; background-color: #bfaf95; border-bottom:solid 2px #84765c;}

#navigation ul { }
#navigation ul li {
float: left;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
list-style-type: none;
}

#navigation ul li a { 
color: #2F1700;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 16px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#navigation ul li.current { background-color: #84765c; color: #FFFFFF } 
#navigation ul li a.current { background-color: #84765c; color: #FFFFFF }

#navigation ul li:hover { background-color: #6088c6; color: #e7cfa9 }
#navigation ul li a:hover { background-color: #6088c6; color: #e7cfa9 }


/**************************************************
*************** PAGE CONTENT **********************/

#contentindex { margin-left: auto; margin-right: auto; padding: 0px 0; height: 600px; width: 900px; background-color: #5b5a3a; 
background-image: url(../../serve/images/serve-content2.png); background-repeat:no-repeat; }


.triCol {
width: 300px;
float: left;
margin-left: 0px;
margin-top: inherit;
}

.biCol {
width: 600px;
float: right;
margin-right: 0px;
margin-top: inherit; }

.full {
width: 890px;
height: 600px;
margin-left: auto;
margin-right: auto; }



/************************************************************
********************** MAINTEXT ******************************/

#maintext {
background-image: url(../../images/infospace.jpg);
background-repeat: no-repeat;
width: 300px;
height: 200px;
margin-left: 0px; }

.p {
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0px;
color: #bfaf95;
text-align: justify; }

.h1 {
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
text-align: center; 
color: #bfaf95;
font-weight: bold;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 12px; }

.h2 {
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
text-align: center; 
color: #bfaf95;
font-weight: bold;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 10px; }

/**************************************************
************* TRICOL BLOCK 1 *********************/

#tricolblok1 { height: 200px; width:300px; background-color: #5b5a3a; background-image:url(../images/pcb-tri2-2011.jpg);}

#tricolblok1 ul { }
#tricolblok1 ul li {
float: left;
width: 300px;
height: 200px;
line-height: 30px;
text-align: justify;
list-style-type: none;
}

#tricolblok1 ul li a { 
color: #2F1700;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 16px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#tricolblok1 ul li.current { background-color: #84765c; color: #6088c6 } 
#tricolblok1 ul li a.current { background-color: #84765c; color: #6088c6 }

#tricolblok1 ul li:hover { background-color: #6088c6; color: #e7cfa9 }
#tricolblok1 ul li a:hover { background-color: #6088c6; color: #e7cfa9 }

#tricolblok1 MARQUEE {
font-size:20px;
color: #402000;
margin: 0px 20px 0px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

/**************************************************
************* TRICOL BLOCK 1a *********************/

#tricolblok1a { height: 200px; width:300px; background-color: #5b5a3a; background-image:url(../images/pcb-tri2.jpg);}

#tricolblok1a ul { }
#tricolblok1a ul li {
float: left;
width: 300px;
height: 200px;
line-height: 30px;
text-align: justify;
list-style-type: none;
}

#tricolblok1a ul li a { 
color: #2F1700;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 16px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#tricolblok1a ul li.current { background-color: #84765c; color: #6088c6 } 
#tricolblok1a ul li a.current { background-color: #84765c; color: #6088c6 }

#tricolblok1a ul li:hover { background-color: #6088c6; color: #e7cfa9 }
#tricolblok1a ul li a:hover { background-color: #6088c6; color: #e7cfa9 }

#tricolblok1a MARQUEE {
font-size:20px;
color: #402000;
margin: 0px 20px 0px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}


/**************************************************
************* TRICOL BLOCK 2 *********************/

#tricolblok2 { height: 200px; width: 300px; background-color: #5b5a3a; background-image: url(../images/pcb-trinav-2011.jpg);}

#tricolblok2 ul { }
#tricolblok2 ul li {
float: left;
width: 300px;
height: 200px;
line-height: 30px;
text-align: justify;
list-style-type: none;
}

#tricolblok2 ul li a { 
color: #2F1700;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 16px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#tricolblok2 ul li.current { background-color: #84765c; color: #6088c6 } 
#tricolblok2 ul li a.current { background-color: #84765c; color: #6088c6 }

#tricolblok2 ul li:hover { background-color: #6088c6; color: #e7cfa9 }
#tricolblok2 ul li a:hover { background-color: #6088c6; color: #e7cfa9 }


/**************************************************
************* TRICOL BLOCK 3 *********************/

#tricolblok3 { height: 200px; width: 298px; background-color: #5b5a3a; background-image:url(../images/pcb-trinav-2011.jpg);}

#tricolblok3 ul { }
#tricolblok3 ul li {
float: left;
width: 298px;
height: 200px;
line-height: 30px;
text-align: justify;
list-style-type: none;
}

#tricolblok3 ul li a { 
color: #2F1700;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 16px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#tricolblok3 ul li.current { background-color: #84765c; color: #6088c6 } 
#tricolblok3 ul li a.current { background-color: #84765c; color: #6088c6 }

#tricolblok3 ul li:hover { background-color: #6088c6; color: #e7cfa9 }
#tricolblok3 ul li a:hover { background-color: #6088c6; color: #e7cfa9 }


/**************************************************
************* BICOL BLOCK 1 *********************/

#bicolblok1 { height: 200px; background-color: #5b5a3a; background-image:url(../images/pcb-bi3-2011.jpg);}

#bicolblok1 ul { }
#bicolblok1 ul li {
float: left;
width: 600px;
height: 200px;
line-height: 30px;
text-align: justify;
list-style-type: none;
}
#bicolblok1 h1 {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#bicolblok1 h2 {
font-size:12px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#bicolblok1 p {
color: #402000;
font-weight:bold;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:justify;}

#bicolblok1 MARQUEE {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

/**************************************************
************* BICOL BLOCK 2 *********************/

#bicolblok2 { height: 400px; width: 600px; background-color: #5b5a3a; background-image:url(../images/pcb-bilong-2011.jpg); overflow:auto; background-attachment:scroll; }

#bicolblok2 ul { }
#bicolblok2 ul li {
float: left;
width: 600px;
height: 400px;
line-height: 30px;
text-align: justify;
list-style-type: none;
overflow:auto;

}
#bicolblok2 h1 {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#bicolblok2 p {
color: #FFF;
font-weight:bold;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:justify;}

#bicolblok2 p2 {
color: #402000;
text-align:center;
font-weight:bold;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

#bicolblok2 MARQUEE {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#bicolblok2 memdir {
font-size:12px;
color: #FFF;
line-height: 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:justify;
margin: 40px 40px;
text-indent: none;
float:left;}

/**************************************************
************* BICOL BLOCK Classes *********************/

#bicolblokC { height: 400px; width: 600px; background-color: #5b5a3a; background-image:url(../images/pcb-bilong-fulfillment.jpg); overflow:auto; background-attachment:scroll; }

#bicolblokC ul { }
#bicolblokC ul li {
float: left;
width: 600px;
height: 400px;
line-height: 30px;
text-align: justify;
list-style-type: none;
overflow:auto;

}
#bicolblok2C h1 {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#bicolblokC p {
color: #402000;
font-weight:bold;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:justify;}

#bicolblokC p2 {
color: #402000;
text-align:center;
font-weight:bold;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

#bicolblok2 MARQUEE {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#bicolblokC memdir {
font-size:12px;
color: #402000;
line-height: 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:justify;
margin: 40px 40px;
text-indent: none;
float:left;}


/**************************************************
************* FULL BLOCK 1 *********************/

#fullblok1 { height: 400px; width: 900px; background-color: #5b5a3a; background-image:url(../images/dba-infospace-lite.jpg); }

#fullblok1 ul { }
#fullblok1 ul li {
float: left;
width: 900px;
height: 400px;
line-height: 30px;
text-align: justify;
list-style-type: none;
overflow:auto;

}
#fullblok1 h1 {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#fullblok1 p {
color: #402000;
font-weight:bold;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:justify;}

#fullblok1 p2 {
color: #402000;
text-align:center;
font-weight:bold;
line-height: 1.5em;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

#fullblok1 MARQUEE {
font-size:20px;
color: #402000;
line-height: 20px;
margin: 20px 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:center;}

#fullblok1 memdir {
font-size:12px;
color: #402000;
line-height: 20px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align:justify;
margin: 40px 40px;
text-indent: none;
float:left;}


/**************************************************
***************** CONTACT FORM *********************/

#contact {
width: 550px;
height: 290px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right: auto;
background-image: url(.jpg);
background-position: center;
background-color: ; 
color: #FFF;
font-size: 14px;
font-weight: bold;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

#contact h3 { padding-top: 10px;}
#contact p { border-bottom: 1px solid #746629; padding-bottom: 10px;}
#contact form { margin: 0px 20px;}
#contact form label { font-size: .90em; }
#contact form input, textarea { display: block; border: 1px solid #aaa; background-color: #FFC; margin-bottom: 10px; }
#contact form input { width: 300px; padding: 2px;}
#contact form input#submit {  width: 80px; margin-top: 20px;}

/**************************************************
***************** SLIDESHOW *********************/

#insight-slideshow div { 
	width: 600px; 
	height: 200px;
	position: absolute;
	
}

/**************************************************
***************** CALENDAR *********************/

div.calendarShell {
  float: left;
  height: 200px;
  width: 300px;
  background-color:          #030;
  border:                    0px solid #000000;
  margin:                    0 0px;
  }
ul.calendar * {
  line-height:               1;
  }
ul.calendar {
  font-size:                 10px;
  list-style:                none;
  margin:                    0 0 0 5em;
  padding:                   0;
  position:                  relative;
  z-index:                   1;
  }
ul.calendar ul {
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
ul.calendar li {
  list-style:                none;
  margin:                    0;
  padding:                   0;
  }
ul.calendar li li {
  position:                  relative;
  }
ul.calendar li li.odd {
  background-color:          #f1f1f1;
  }
ul.calendar li li p {
  background:                #dedede;
  float:                     left;
  margin:                    0;
  position:                  relative;
  z-index:                   10;
  }
ul.calendar li li p.hourlabel {
  background:                #999999;
  float:                     none;
  color:                     #ffffff;
  margin-left:               -5em;
  width:                     6em;
  }
ul.calendar li li p.duration\00003A2 {
  border-left:               0px solid #666666;
  height:                    2em;
  }
ul.calendar li li p.duration\00003A4 {
  border-left:               0px solid #666666;
  height:                    4em;
  }

/**************************************************
***************** PAGE FOOTER *********************/

#footer { padding: 25px 0; text-align: center; background-color: #20170F; height: 50px;}

/*** Footer Links ***/
#footerLinks { font-size: .90em; color: #883d24;}

/*** Copyright text ***/ 
#copyright { font-size: .90em;  }