/* Big Baby by Danny Carmical (http://www.luckykind.com) is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License. (http://creativecommons.org/licenses/by-nc-nd/3.0/us/) */

/* meyer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end meyer reset */


/* basic elements */
body { 
	font: 10pt/14pt Helvetica, Arial, Verdana; 
	color: #FCED92; 
	background-image: url("czg_bigbaby_bg.gif");
	background-repeat: repeat;
	}

p { 
	margin: 0; 
	}

h1, h2, h3 { 
	margin-top: 0; 
	margin-bottom: 0; 
	}

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #CC603F;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #77AC3D;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #CC603F;
	}

/* specific divs */
#container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:0;
	margin:0;
}

#intro {
	width:775px;
	margin: 0 auto;
	z-index:2;
}

#extraDiv1 {
	position:fixed;
	left:50%;
	top:0;
	background-color:#4e1610;
	width:100%;
	height:100%;
	z-index:-1;
}

#extraDiv2 {
	position:absolute;
	left:0;
	top:0;
	background-color:#1e3136;
	background-image: url("tiny_dot.png");
	background-position: left top;
	background-repeat: repeat;	
	width:100%;
	height:500px;
	z-index:-1;
}

#extraDiv3 {
	position:absolute;
	left:0;
	top:0;
	background-image: url("big_stripes.png");
	background-position: left top;
	background-repeat: repeat-x;	
	width:100%;
	height:500px;
	z-index:-1;
}

#pageHeader {
	position:relative;
	top:0;
	margin:0;
	padding:0;
	width:775px;
	height:561px;
	background-image: url("czg_bigbaby_head.png");
	background-position: left top;
	background-repeat: no-repeat;
	z-index:5;
}

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

#quickSummary {
	position:relative;
	left:10%;
	padding:5px;
	text-align:center;
	width:400px;
	font-size:145%;
	font-weight:bold;
	line-height:1.5em;
	z-index:4;
}

#quickSummary p {
	margin-bottom:7px;
	text-align:left;
}

#linkList {
	position:absolute;
	text-align:right;
	top:485px;
	width:100%;
	font-size:85%;
	font-weight:bold;
	z-index:3;
	background-image: url("triangle.png");
	background-position: left top;
	background-repeat: repeat-x;
}

#linkList2 {
    margin:5px 0 56px;
	padding-bottom:5px;
	background-image: url("down_triangle.png");
	background-position: left bottom;
	background-repeat: repeat-x;
}

#lselect {
	padding:0 1% 1px;
	background-color:#201209;
}

html>/**/body #lselect {
	padding:35px 1% 1px;
	background-color:#201209;
}

#larchives {
	padding:1px 1%;
	background-color:#201209;
}

#lresources {
	padding:0 1% 35px;
	background-color:#201209;
}

#larchives ul li, #lresources ul li, #lselect ul li {
	line-height:1.3em;
}

#larchives ul, #lresources ul, #lselect ul {
	list-style: none;
	margin-top:0;
	margin-left: 0;
	padding-top:0;
	padding-left: 1em;
	text-indent: -1em;
}

#preamble h3 span{ 
	display:none;
}

#preamble p { 
	background-image: url("road_bg.png");
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 130px 10px 75px;  
	margin: 0;
}

#preamble h3 { 
	background-image: url("road_top.png");
	background-position: left top;
	background-repeat: no-repeat;
	height:315px;
}
	
#preamble {  
	position:relative;
	background-image: url("road_bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 182px;  
	width:775px;
	z-index:4;
}

#supportingText {
	position:relative;
	width:775px;
	margin: 0 auto;
	z-index:5;
}

#explanation h3 span{ 
	display:none;
}

#explanation p { 
	background-image: url("about_bg.png");
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0 70px 10px 140px;  
	margin: 0; 
}

#explanation h3 { 
	background: url("about_top.png");
	background-position: top left;
	background-repeat: no-repeat;
	width:775px;
	height:94px;
}

#explanation { 
	background-image: url("about_bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	width:775px;
	padding-bottom: 162px; 
    margin-top:0;
}




#participation h3 span{ 
	visibility:hidden;
}

#participation p { 
	background: url("participation_bg.png");
	background-position: top left;
	background-repeat: repeat-y;	
	padding: 0 120px 10px 90px;  
	margin: 0px; 
	}
#participation h3 { 
	background: url("participation_top.png");
	background-position: top left;
	background-repeat: no-repeat;	
	width:775px;
	height:96px;
	margin-top: 0; 
	}

#participation { 
	background-image: url("participation_bottom.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width:775px;
	padding-bottom: 167px;  
	}


#benefits h3 span{ 
	visibility:hidden;
}

#benefits p { 
	background: url("benefits_bg.png");
	background-position: top left;
	background-repeat: repeat-y;	
	padding: 0 60px 10px 150px;  
	margin: 0px; 
	}
#benefits h3 { 
	background: url("benefits_top.png");
	background-position: top left;
	background-repeat: no-repeat;
	width:775px;
	height:97px;
	}

#benefits { 
	background-image: url("benefits_bottom.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width:775px;
	padding-bottom: 164px;  
	}

#requirements h3 span{ 
	visibility:hidden;
}

#requirements p { 
	background: url("requirements_bg.png");
	background-position: top left;
	background-repeat: repeat-y;	
	padding: 0 130px 10px 80px;  
	margin: 0px; 
	}
#requirements h3 { 
	background: url("requirements_top.png");
	background-position: top left;
	background-repeat: no-repeat;	
	width:775px;
	height:103px;
	}

#requirements { 
	background-image: url("requirements_bottom.png");
	background-position: bottom;
	background-repeat: no-repeat;
	width:775px;
	padding-bottom: 355px;  
	}
	
#footer {
	position:relative;
	width:100%;
	text-align:right;
	z-index:5;
	background-image: url("big_blue_line.png");
	background-position: bottom;
	background-repeat: repeat-y;
}