/* backgrounds */

body {
	margin: 0em;
	background-color: #FFFFFF;

	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	padding:0;
}

/* full width of page, contains all other backgrounds, background shows in left nav bar; width is masthead graphic width plus margin */
#level0 {
	width: 760px;
	background-color: #ffffff;
	margin: 0px;
}
/* sets width to be enherited by level2 */
#level1 {
	width: 100%;
}

/* background for main text area, margin-left leaves space for nav bar to be revealed, padding-top fixes problem with too much top padding, a negative top margin may be required when using a background graphic */
#level2 {
	margin-left: 180px;
	margin-top: 5px;
	background-color:#f0f2f4;
	position:relative;
	padding: 20px;
	padding-top: .2em;
	top: 20px;
	left: 35px;
	width: 505px;
}

#level2feedback {
	margin-left: 5px;
	margin-top: 5px;
	background-color:#f0f2f4;
	position:relative;
	padding: 20px;
	padding-top: .2em;
	top: 20px;
	width: 715px;
}

/* full width below nav and body, contains background and text */
#foot {
	background: url(../capra_gr/capra-foot.jpg);
	background-repeat: no-repeat;
	width: 750px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 0.7em;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	top: 45px;
}

/* content */
/* these contain the actual text, seperate from the backgrounds */
#maintext {
	margin: 1em;
}

#maintextfeedback {
	margin: 1em;
}

/* header */
/* masthead is usually a graphic, without a background */
#masthead {
	height: 210px;
	width: 760px;
	margin: 0;
	background:url(../capra_gr/images/capra-layout_01.jpg);
	background-repeat:no-repeat;
	text-align: right;
}

#headnav {
	height: 58px;
	width: 760px;
	margin: 0;
	text-align: left;
}

#breadcrumbs {
	top: 10px;
	background-color: #e0e7ec;
	text-align: left;
	width: 745px;
	height: 25px;
	margin: 5px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 18px;
}


/* left navigation bar */
#leftnav {
	position:absolute;
	width: 210px;
	top: 228px;
	left: 0px;
	background-color: #ffffff;
	padding: 0px;
	margin-top: 5px;
}

#leftnav ul {
	text-decoration: none;
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 0px;
	padding: 3px;
}

#leftnav li {
	list-style: none;
	font-size: 1.1em;
	background-color: #acc4d7;
	padding: 10px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width: 3px;
}

.lastli {
	border-bottom-width: 0px;
}


#leftnav a:link {
	text-decoration: none;
	color: #000099;
	font-weight: bold;
}

#leftnav a:visited {
	text-decoration: none;
	color: #03f;
}

#leftnav a:hover {
	text-decoration: none;
	color: #333399;
}

#leftnav a:active {
	text-decoration: none;
	color: #03f;
}

/* sub-selectors */
#foot p {
	margin-top: 5px;
}

#foot a:link {
	color: #064aad;
}

#foot a:visited {
	color: #d57e26;
}

#foot a:hover {
	color: #64d423;
}

#breadcrumbs p {
	font-size: 0.8em;
}



/* buttons */
.button3 {
	background-image: url(../capra_gr/images/about_capra_button.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:117px;
	left:0px;
}


.button4 {
	background-image: url(../capra_gr/images/capra-layout-lt_04.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:117px;
	left:136px;
}

.button5 {
	background-image: url(../capra_gr/images/capra-layout-lt_05.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:117px;
	left:328px;
}

.button6 {
	background-image: url(../capra_gr/images/capra-layout-lt_06.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:117px;
	left:497px;
}

.button7 {
	background-image: url(../capra_gr/images/capra-layout-lt_07.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:117px;
	left:609px;
}