/* Pink Monkey Farm CSS stylesheet */

/* IMPORTANT */
/* This design learned lots from
   http://www.csszengarden.com/?cssfile=148/148.css.  Thanks.  Hope
   this is sufficiently far from the original to avoid ruffling any
   feathers.  Fred Cummins, 2007
*/

/* ==============
   basic elements 
   ============== */
   
body {
	background: #444444;
	padding: 0px;
	margin: 0px;
  	font: 13px Georgia, Serif; 
	color: #7f7f7f;	 
	text-align: center; 
	}

p {
	padding: 0px;
	margin: 0px;	
	}

a:link,
a:visited { 
	text-decoration: underline; 
	color: #706F6A;
	}

a:hover, 
a:active { 
	text-decoration: none; 
	color: #555555;
	}

/* =============
   specific divs
   ============= */

/* --- container --- */

#container {
	background: #5d5d5d;
	position: relative;
	padding: 0px;
	margin: 0px auto;
	width: 760px;
	text-align: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}

/* --- intro --- */

#intro {
	background: url(images/intro_bg.jpg) repeat-y left;
	padding: 0px;
	margin: 0px;
	width: 760px;	
	}

/* --- pageHeader --- */

#pageHeader {
	background: url(images/header_bg.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	width: 760px;
	height: 400px;  /* was 400 */
	}

#pageHeader h1, 
#pageHeader h2 {
	display: none;
	}

/* --- pageHeader --- */

#pageHeaderSmall {
	background: url(images/header_small.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	width: 760px;
	height: 150px;  /* was 400 */
	}

#pageHeaderSmall h1, 
#pageHeaderSmall h2 {
	display: none;
	}

/* --- quickSummary --- */	

#quickSummary p {
	display: none;
	}
/* --- preamble --- */


#preamble {
	background: #222222;
        border-style: double;
	padding: 10px;
	width: 560px; 
        color: #BBBBBB;
        margin: 8px 80px 8px 8px;
	}

#preamble h3 {
    color:#8B008B;
}

#preamble p {
	text-indent: 2em;
    	padding: 0px 85px 10px 86px; 
	margin: 0px 10px 0px 0px; 
	}

#preamble p:first-letter {
	font-size: 120%;
	font-weight: bold;

	}



/* --- supporting text --- */ 
 
#supportingText {
	background: #222222;
        border-style: double;
	padding: 10px;
	width: 560px; 
        color: #BBBBBB;
        margin: 8px 80px 8px 8px;
	}

#supportingText h3 {
    color:#8B008B;
}

#supportingText p {
	text-indent: 2em;
    	padding: 0px 85px 10px 86px; 
	margin: 0px 10px 0px 0px; 
	}

#supportingText p:first-letter {
	font-size: 120%;
	font-weight: bold;

	}




/* --- footer --- */

#footer {
	background: url(images/footer_bg.jpg) repeat-y;
	font: 11px Georgia, Serif;
	padding-top: 2px;
   	padding-left: 3px;
  	margin: 0px;
 	width: 560px;
 	height: 35px;  	
	}
  
#footer a {
	font-weight: bold;
    padding: 0px;        
	}
  
/* --- sidebar --- */
  
#sidebar {
  	position: absolute;	
	top: 400px;
	left: 600px;
	padding: 8px;
	margin: 8px 0px 0px 0px;	
	width: 130px;	
        background:#dbd;
        border-style: double;
    color: #252;

	}



#sidebar a:link { 
	text-decoration: none; 
	color: #690069;
	}

#sidebar a:visited { 
	text-decoration: none; 
	color: #8b008b;
	}



#sidebar a:hover, a:active { 
	text-decoration: none; 
	color: #ad00ad;
	}


.box {
    border: solid;
    padding: 2px 1px 2px 1px;
}

/*  Main Menu  */
   
#mainmenu
{
  background: #8b008b;
  margin: 1px 9px 0px 9px;
  outline: solid black thin;
  }

#mainmenu ul
{
  padding:11px 9px 2px 5px;
  margin-left: 0;
  margin-top: 1px;
  margin-bottom: 0;
  font: bold 12px Verdana;
  list-style-type: none;
  text-align: left; /*set to left, center, or right to align the menu as desired*/
  border-bottom: 1px solid #929492;
  }

#mainmenu li
{
  display: inline;
  margin: 0;
  }

#mainmenu li a
{
  text-decoration: none;
  padding: 3px 9px 2px 5px;
  margin: 0;
  margin-right: 1px; /*distance between each tab*/
  border-left: 1px solid #5d5d5d;
  color: black;
  font-size: 13px;
  background: #ECEEEC url(../images/tabright.gif) top right no-repeat;
  }

#mainmenu li a:visited
{
  color: black;
  }

#mainmenu li a:hover
{
  background-color: #CDDADA;
  color: navy;
  }

/*    content on a small page   */

#content {
	background: #222222;
        border-style: double;
	padding: 10px;
	width: 560px; 
        color: #BBBBBB;
        margin: 8px 80px 8px 8px;
	}

#content h3 {
    color:#8B008B;
}

#content p {
	text-indent: 2em;
    	padding: 0px 85px 10px 86px; 
	margin: 0px 10px 0px 0px; 
	}

#content p:first-letter {
	font-size: 120%;
	font-weight: bold;

	}

#content  a:link, a:visited { 
	text-decoration: none; 
	color: #8b008b;
	}

#content a:hover, a:active { 
	text-decoration: none; 
	color: #AD00AD;
	}