/* generic selectors */
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

.hide {
	display: none !important;
}

.inside {
	/* fix IE glitch caused by vertical padding */
	padding: 0;
}

/* core layout */

body {
	margin: 0px 20px 20px 20px;
	background-color : White;
}

#pageWrap {
	min-width: 760px;	/* IE doens't understand this property */
	max-width: 1100px;
	width: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #EAE8F3 url(http://www.diaperfreechallenge.org/themes/challenge/images/challenge_leftgrnd.jpg) repeat-x bottom; /* left background */ 
}

* html #pageWrap {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
	width:expression(
(document.documentElement.offsetWidth) >1180 
* (parseInt(document.body.currentStyle.fontSize) 
/ parseInt(document.body.currentStyle.fontSize))?  "1100px" 
: ((document.documentElement.offsetWidth) < 880? "800px" : "99%")); 
overflow: hidden;}

/* header styles */
#header {
	position : relative;
	margin: 0;
	padding: 0;
	height : 170px;
	width: 100%;
	background : White url(http://www.diaperfreechallenge.org/themes/challenge/images/challenge_headergrnd.jpg) repeat-x top;
}

#logo {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 294px;
	z-index : 1;
}

#donate {
	position : absolute;
	top : 0;
	right : 0;
	padding : 10px 15px 15px 15px;
	font : normal normal normal x-small/120% "Trebuchet MS", Helvetica, sans-serif;
	color : #5F5BA4;
	text-align : center;
}
	
#new {
	position : relative;
	top : 40px;
	left : 220px;
	z-index : 2;
	margin-right: 295px;
	padding : 0;
	font : normal normal bold medium/100% "Palatino Linotype", Palatino, "Book Antiqua", serif;
	color : #A77944;
	text-align : left;
}

#title  {
	position : absolute;
	bottom : 5px;
	left : 280px;
	z-index : 2;
	margin: 0;
	padding : 0;
	font : italic normal normal xx-large/100% "Palatino Linotype", Palatino, "Book Antiqua", serif;
	color : #343292;
}
/* end header styles */

#outerColumnContainer {
	z-index: 1;
	border-width: 0;	/* remove borders to apply background */
	padding-right: 50px;	
	margin-left: 209px;
	background: White url(http://www.diaperfreechallenge.org/themes/challenge/images/challenge_maingrnd.jpg) repeat-x bottom; /* main & right background */ 
}

#innerColumnContainer {
	z-index: 2;
	width: 100%;
}

* html #innerColumnContainer {
	position: relative;	/* fix a render bug in IE */
}

#left, #right, #center, #SOWrap {
	position: relative;
	overflow: visible;	/* fix for IE italics bug */
}

#SOWrap {
	float: right;
	margin-left: -1px;		/* so boxes float next to each other */
	width: 100%;
}

* html #SOWrap {
	overflow-y: hidden;  /* for IE6 */
}

*:first-child+html #SOWrap {
	overflow-y: hidden;  /* for IE7 */
}

#center {
	float: left;
	width: 100%;
	margin-right: -1px;
}

.maincontent {
	padding : 10px 18px 10px 14px;
}

#right {
	float: right;
	width: 50px;	
	margin: 50px -50px -10000px 1px;
	z-index : 1;
}

.rightcontent {
	padding : 3px;
}

#left {
	float: left;
	width: 209px;
	margin: 5px 1px 0 -209px;
	padding-bottom: 10em;
}

#photo { 
	position: relative;
	float: right;
	margin: -153px 0 0 -12px;
	padding: 0;
	z-index : 5;
}

#copyright {
	position: relative;
	float: left;
	width: 209px;
	margin-top: -10em;
	padding: 1px 3px 3px 24px;
}

	/*  phpWS styling */ 
	

.a, .maincontent {
	font : normal normal normal small/120% "Trebuchet MS", Helvetica, sans-serif;	
	color: Black;
	text-align:left;
}

.a:link, .a:visited, .maincontent a, .maincontent a:link, .maincontent a:visited	{
	color: #5F5BA4;
	text-decoration: underline;
}

.a:hover, .maincontent a:hover, #membership a:hover  {
	color: Red;
}
	
 /*  main menu titles */
H2	{
	margin: 0;
	padding: 0;
	font : normal small-caps bold small/120% "Palatino Linotype", Palatino, "Book Antiqua", serif;
	text-transform: none;
	text-decoration: none;
	text-align:left;
	color: Black;
}	
	
	/*  page section titles*/ 

H1, H3 {
	margin: 0;
	padding-bottom: 10px;
	padding-top: 15px;
	font : normal normal bold medium/120% "Trebuchet MS", Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	text-align:left;
	color: #5F5BA4;
}
  
  /*  page titles */ 
H4 {
	margin: 0;
	padding-bottom: 10px;
	font : normal small-caps bold medium/120% "Palatino Linotype", Palatino, "Book Antiqua", serif;
	text-transform: none;
	text-decoration: none;
	text-align:left;
	color: Black;
}
		
#breadcrumb  {
	margin: 0;
	padding: 1px 1px 5px 10px;	
	font : normal normal normal small/120% "Trebuchet MS", Helvetica, sans-serif;
	color : #5F5BA4;
	text-align : left;
	}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited	{
	color: #7B6CAE;
	text-decoration: none;
	}
	
#breadcrumb a:hover  {
	color: Red;
	}

#annc_box  {
	margin: 0;
	padding: 10px 10px 10px 10px;	
	background-color : #EFC68F;
	font : normal normal bold small/150% "Trebuchet MS", Helvetica, sans-serif;
	color: Black;
	text-align:left;
	}

#annc_box a,  #annc_box a:link, #annc_box a:visited  {
	color: #5F5BA4;
	text-decoration: underline;
	}

#annc_box a:hover  {
	color: Red;
	}	
	
.errortext {
  	font-family : "Trebuchet MS", Helvetica, sans-serif; 
 	 font-size : x-small;
 	color : red;
  	font-weight : bold;
 }	
		
.smalltext {
 	font : normal normal normal small/120% "Trebuchet MS", Helvetica, sans-serif;
 	color: Black;
 	text-decoration : none;
}

.largetext  {
 	font : normal normal normal medium/120% "Trebuchet MS", Helvetica, sans-serif;
 	color: Black;
}	

	/*  default box styles */ 
	
.boxTitle {
	font : normal normal normal large/120% "Trebuchet MS", Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	color: Black;
}	
	
.even_box {
	color: Black;
	text-align:left;
	padding:5px;
	font : normal normal normal small/120% "Trebuchet MS", Helvetica, sans-serif;
}
	
.boxcontent {
	background: none;
	color: Black;
	font : normal normal normal small/120% "Trebuchet MS", Helvetica, sans-serif;
}
	
.calendar {
	border : 1px solid White;
}
	
/* left column styles */	

.leftboxTitle      {
	margin : 0;
	padding : 5px 1px 1px 5px;
	font : normal normal bold small/120% "Trebuchet MS", Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	color: Black;
}
	
.left_box  {
	margin : 0;
	padding : 5px 0 0 10px;
	font : normal normal normal small/120% "Trebuchet MS", Helvetica, sans-serif;	
	color: Black;
	text-align:left;

}
		
.left_box a, .left_box a:link, .left_box a:visited	{
	color: #5F5BA4;
	text-decoration: underline;
}

.left_box a:hover  {
	color: Yellow;
}

/* main_menu */

.menu {
	margin: 0;	
	padding-left: 24px;
	width : 185px;
	list-style-type : none;
	display : block;	
	text-align:left;
}

/* Level 1 items & links */
.menu_l0, .menu_l0 a
{
	margin-bottom: 6px;
	padding: 2px 2px 2px 2px; /* match to line height */
	background-color: #C9A383; /* tan color */
	font : normal small-caps bold small/150% "Palatino Linotype", Palatino, "Book Antiqua", serif;
	color: #343292; 
	text-decoration: none;
}

.menuactive0, .menuactive0 a
{
	margin-bottom: 6px;
	padding: 2px 2px 2px 2px; /* match to line height */
	background-color: #F2E2C1; /* yellow color */
	font : normal small-caps bold small/150% "Palatino Linotype", Palatino, "Book Antiqua", serif;
	color: #343292; 
	text-decoration: none;
}

/* Level 2 items & links */
.menu_l1, .menu_l1 a, .menuactive1, .menuactive1 a
{
	margin-bottom: 6px;
	margin-left : 4px;
	padding: 0;
	color: Black; 
	font : normal normal bold small/120% "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
}

.menu_l1 a:hover, .menuactive1 a:hover, .menu_l2 a:hover, .menuactive2 a:hover
{
	color: #594C89; 
	text-decoration: none;
}

/* Level 3 items  & links*/
.menu_l2, .menu_l2 a, .menuactive2, .menuactive2 a
{
	margin-bottom: 6px;
	margin-left : 10px;
	padding: 0;
	color: Black; 
	font : normal normal bold small/120% "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
}
/* end main menu */

#copyright {
	font : normal normal normal x-small/120% "Trebuchet MS", Helvetica, sans-serif;
	color: Black;
  	text-align: left;
	}

#copyright a, #copyright a:link, #copyright a:visited, #copyright a:hover  {
	text-decoration:underline;
	color : Black;
	}

/* end left column */


/* admin interface & alternate color boxes */

.bg_dark {
  background-color : #A89ECA;
}

.bg_medium {
  background-color : #9589BE;
}

.bg_light {
  background-color : #EAE8F3;
}

.white {
  background-color : white;
}

.black {
  background-color : black;
}

#newsletter{
	line-height : 150%;
}

.linkman {
	padding-left: 20px;
}

/* *********************************************** */