body {
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	font-size: small; 
	margin: 0; 
	padding: 0;  
}

#container {
	position: relative; 
	width: 770px ;
	margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	background-color: white;
}

#containerhome {
	position: relative;
	width: 670px;
	margin: 0 auto;
	padding-top: 0.5em;
}

#header {
	height: 34px;
	margin-top: 0.5em;
	margin-bottom: 2em;
}

#header2 {
	margin: 0 auto; 
}


#main {
	margin-left: 0%;
	margin-top: 5%;
	padding: 0 0 0 5px;
	font-size: 100%;
}

#links p {
	text-align: right; 
	bottom-margin: 0; 
}

/* For home page only */

#footerhome {
	clear: both;
	width: 100%;
	padding: 15px;
}

#leftlinks {
	float: left;
	width: 25%;
	padding-left: 10%;

}


#leftpanelhome {
	float: left;
	width: 57%;
	margin-right: 3%;
	border-right: solid 1px;
	padding-right: 3%;
}

#mainhome {
	float:left;
	margin: 0 2px;
}

#rightlinks {
	float: right;
	width: 28%;

}

#rightpanelhome {
 
}



/* Strictly DIVs */

div.center {
	margin: 0 auto;
	text-align: center;
}

div#copyright {
	clear: both;
	text-align: center;
	border-top: 1px solid #ccc;
	color: rgb(96,96,96);
	font-size: 85%;
	margin-top: 1em;
	padding: 0.33em;
	letter-spacing: 1px;
}

div#copyright a {
	color: #AAA;
	text-decoration: underline;
}

div#copyright a:hover {
	text-decoration: none;
}

div#epigraphevents {
	width: 60%;
	margin: 10px auto; 
	border: 1px solid black;
	padding: 2px;
}

div#epigraphevents p {
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 90%; 
	font-weight: bold;
	text-align: center; 

}

div.footer1 {
	clear: left;
	clear: all;
	text-align: left;
	border-top: 1px solid #ccc;
	font-size: 70%;
	padding-top: 0.33em;
	letter-spacing: 1px;
}

div.form {
	width: 30%;
	float: left;
	padding: 5px 5px 5px 0;
	text-align: right;
}

div.form2 {

	padding: 5px 0 5px 0;
}

div.lessonnav {
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid rgb(255,0,0);
	color: rgb(0,0,0);
	padding: 0.33em;
}

div.lessonnav a {
	text-decoration: none;
	color: rgb(0,0,0);
}

div.lessonnav a:hover {
	text-decoration: underline;
	color: rgb(255,0,0);
}

div.navbar {
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	border-top: 1px solid #ccc;
	color: rgb(0,0,0);
	padding: 0.33em;
}

div.navbar a {
	text-decoration: none;
	color: rgb(0,0,0);
}

div.navbar a:hover {
	text-decoration: underline;
	color: rgb(255,0,0);
}

div.news1 {
	float:left;
	width: 20%;
	margin: 0 auto;
}

div.news2 {
	float:left;
	width: 50%;
	margin: 0 auto;
	padding-top: 0.5em;
	font-family: 'Arial Black', sans-serif;
	font-size: 400%;
}

div.news3 {
	float:left;
	width: 30%;
	margin: 0 auto;
}

div.pullquote-right {
	float: right;
	width: 300px;
	color: #00cc00; 
	border: solid #908070; 
	border-width: 7px 0 3px 0;
	font: bold 110% Tahoma, sans-serif; 
	padding: 2px 0; 
	margin: 5px 0 15px 25px; 
}

div.pullquote-right-small {
	float: right;
	width: 25%;
	color: #00cc00; 
	border: solid #908070; 
	border-width: 7px 0 3px 0;
	font: bold 80% Tahoma, sans-serif; 

	margin: 5px 0 15px 25px; 
}

div.pullquote-left {
	float: left;
	width: 300px;
	color: #00cc00; 
	border: solid #908070; 
	border-width: 7px 0 3px 0;
	font: bold 110% Tahoma, sans-serif; 
	padding: 2px 0; 
	margin: 5px 0 15px 25px; 
}

div#staff {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.thumbnail {
	clear: left;
	width: 30%;
	float: left; 
	margin: 0 1em 1em 0;
}

div.thumbnail img {
	margin-top: 10px;
	margin-bottom; 10px;
}

div.thumbnail2 {
	margin-bottom: 1em;
	width: 65%;
	float: left;
}

div.thumbnail2 p {
	padding: 5px 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #777;
	font-family: 'Arial Narrow', sans-serif;
	font-size: 105%;
}

div.thumbnail2 a {
	text-decoration: underline;
}

div.thumbnail2 a:link {
	text-decoration: underline;
	color: #000;
}

div.thumbnail2 a:visited {
	text-decoration: underline;
	color: #000;
}

div.xhead {
	width: 770px;
	margin: 0 auto;
	font-family: "Arial Rounded MT Bold",Verdana, Geneva,sans-serif; 
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	background-color: white;
}

p.xhead {
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}

div.webstore1 {
	float: left;
	width: 23%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-left: 1px solid black;
	padding-right: 0.5em;
}

div.webstore2 {
	clear: all;
	float:left;
	width: 23%;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	border-left: 1px solid black;
	padding-right: 0.5em;
}

/* Used for DIVs */

#footer {
	font-size: 100%; 
	padding: 0 0 0 5px; 
}



#footer2 {
	clear: left; 
	font-size: 100%; 
	padding-top: 0.5em;
}

#footer3 {
	clear: both; 
	padding: 5px;
	border: solid #908070;
	border-width: 3px 0 0 0; 
}

/* Webstore order form-table */

#order {
	border: 0;
	width: 100%;
}

.orderhead {
	background-color: rgb(204,204,204);
}

.orderfillin {
	width: 15%;
	vertical-align: top;
	text-align: center;
}

.orderproduct {
	width: 55%;
	vertical-align: top;
}

 /* Images */


img {	
	border: 0; 
	float: left; 
	margin-right: 5px; 
}

img#nofloat {
	float: none;
	border: 0; 
	margin-top: 2px;
}


img#right {	
	border: 0; 
	float: right; 
	margin-left: 5px; 
}


img.aobc {	
	border: 0; 
	float: right; 
	margin-left: 5px;
	margin-top: 10px;
}

div.image-left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

div.image-right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

div.caption {
	clear: both; 
	padding: 0 0 0 5px;
}

div.caption p {
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 100%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption100 {
	clear: both;
	width: 100px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}


div.caption150 {
	clear: both;
	width: 150px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption175 {
	clear: both;
	width: 175px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption200 {
	clear: left;
	clear: both;
	width: 200px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption235 {
	clear: left;
	clear: both;
	width: 235px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption240 {
	clear: both;
	width: 240px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption250 {
	clear: both;
	width: 250px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption300 {
	clear: both;
	width: 300px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption325 {
	clear: both;
	width: 325px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption350 {
	clear: both;
	width: 350px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption375 {
	clear: both;
	width: 375px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption400 {
	clear: both;
	width: 400px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption450 {
	clear: both;
	width: 450px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

div.caption770 {
	clear: both;
	width: 770px;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 80%;
	text-indent: 0;
	margin-top: -0.125em;
}

/* H-level headings */

h1 {	font-size: 200%;
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	text-align: center; 
}

h2 {	font-size: 150%;
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	text-align: center; 
}


h3 {  
	font-size: 135%;
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	text-align: center; 
	margin-bottom: 0.5em;
}

h3.workshops {
	font-size: 135%;
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	text-align: center;
	margin-bottom: -0.33em;
}


h4 {
	font-size: 110%; 
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	text-align: center;
}

h5 {	
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 100%; 
	text-align: center; 
}

h5.donor {
	margin-top: 1em;
	margin-bottom: 0.33em;
}

h6 {	
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 90%; 
	text-align: center; 
}


/* HR-tag for line separations */

.hr {
	clear:left;
	border-bottom: 5px double rgb(255,0,0);
	height: 6px;
	margin: 1em auto;
	width: 80%;
}

.hrblack {
	clear:left;
	border-bottom: 1px solid rgb(0,0,0);
	height: 6px;
	margin: 1em auto;
	width: 80%;
}

.hrwhite {
	clear:left;
	border-bottom: 1px solid rgb(255,255,255);
	height: 6px;
	margin: 1em auto;
	width: 80%;
}

.hr hr {
	display: none;
}

.hrblack hr {
	display: none;
}

.hrwhite hr {
	display: none;
}


/* Lists */

ul {
	margin-top: 0;
}

ul.box {
	list-style-image: url(../media/box2.gif); 
	list-style-type: square; 
	list-style-position: outside; 
}

ul.box2 {
	list-style-image: url(../../media/box2.gif); 
	list-style-type: square; 
	list-style-position: outside; 
}

ul.pdf {
	list-style-image: url(../media/pdf.gif); 
	list-style-position: outside; 
}

ol {

	margin-right: 3%;
	margin-top: 5px;
}

ol.noleft {
	margin-top: 5px:
}

li {
	margin-top: 5px;
}

li.box {
	margin-top: 0;
	margin-bottom: 1em; 
}

li.box2 {
	margin-top: 0;
	margin-bottom: 1em; 
}

li.pdf {
	margin-top: 0;
	margin-bottom: 1em; 
}




/* Text-related */

.caption {
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 80%; 
	text-align: center; 
}

.center {
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 100%; 
	text-align: center; 
}

.donor {
	font-family: Tahoma, sans-serif; 
	font-size: 90%; 
	margin-top: 0; 
	margin-bottom: 0.33em;
}

.dropcapthickest {
	float:left;
	font-family: 'Arial Black', sans-serif;
	width: 1.25em;
	font-size: 4em;
	line-height: 83%;
}

.dropcapthick {
	float:left;
	font-family: 'Arial Black', serif;
	width: 1em;
	font-size: 4em;
	line-height: 83%;
}

.dropcapmid {
	float:left;
	font-family: 'Arial Black', serif;
	width: 0.8em;
	font-size: 4em;
	line-height: 83%;
}

.dropcapthin {
	float:left;
	font-family: 'Arial Black', serif;
	width: 0.5em;
	font-size: 4em;
	line-height: 83%;
}

.epigraph {
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 80%; 
	font-weight: bold;
	text-align: center; 
	margin-left: 25%; 
	margin-right: 25%;
	padding: 2px;
	border: solid 1px black;
}

.epigraph2 {
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 70%; 
	text-align: justify; 
	margin-left: 15%; 
	margin-right: 0;
	padding: 2px;

}

.footnote {
	font-family: Tahoma, Verdana, Geneva, sans-serif; 
	font-size: 80%; 
	text-align: left; 
	margin-bottom: -0.33em;
}

.mario {
	font-family: Tahoma, Verdana, sans serif;
	font-size: 90%;
	text-align: right;
	margin-right: 5%;
}

.programsubhead {
	background-color: #66CCFF; 
	margin-top: 2em; 
	margin-right: 20%;
	margin-left: 20%;
	font-size: 115%;
	text-align: center;
}

.quote {
	font-family: Tahoma, Verdana, sans serif;
	font-size: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.subhead {
	font-family: 'Times New Roman', serif;
	font-style: italic; 
	font-weight: bold; 
	font-size: 150%; 
	margin-bottom: -0.5em;
}

.subheadline {
	border-bottom: 2px solid;
	font-family: 'Times New Roman', serif;
	font-style: italic; 
	font-weight: bold; 
	font-size: 150%; 
	margin-bottom: -0.5em;
}


/* For the Newsletter */
#headerred {
	margin: 0 auto;
	height: 20px;
	background-color: #F00;
	text-align: center;
	font-family: Tahoma, sans-serif;
	font-size: 60%;
}

#headerred1 {
	clear: left;
	margin: 0 auto;
	height: 20px;
	background-color: #F00;
	text-align: center;
	font-family: Tahoma, sans-serif;
	font-size: 100%;
}


/* The following three are used for the workshops and on the Children's Programs page */

.title {
	font-family: 'Times New Roman', serif;
	font-style: italic; 
	font-weight: bold; 
	font-size: 150%; 
	margin-bottom: 2px;
}

.body {
	font-family: Tahoma, sans-serif; 
	font-size: 90%; 
	margin-top: 0; 
	margin-bottom: 5px; 
}

.time {
	font-family: Verdana, sans-serif; 
	font-size: 100%; 
	margin-left: 5%; 
}

/* For moving around internally */

#top {
	text-decoration: none; 
}


/* Colors for text */

p.a {
	background-color: #E3B5EB; 
	width: 50%; 
	margin-top: 2em; 
}

.au {
	color: #CC9933;
}

.bl {
	color: #000000;
}

.bridges {
	color: #616F9F;
}

.contact {
	color: #969;
}

.contribute {
	color: #333366;
}

.curriculum {
	color: #008000;
}

.essential {
	color: #339966;
}

.events {
	color: #06F;
}

.links {
	color: #0FF;
}

.mario {
	color: #800000;
}

.mariocolor {
	color: #800000;
}

.news {
	color: #808000;
}

.program {
	color: #33ccff;
}

.request {
	color: #0F0;
}

.students {
	color: #000; 
}

.ws {
	color: #CC0000;
}

.white {
	color: #FFF;
}


/* Text emphasis */

.u {
	text-decoration: underline;
}

.i {
	font-style: italic; 
}
.b {
	font-weight: bold; 
}


/* If a colored background was wanted-experiments */

body.about {
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	font-size: small; 
	margin: 0; 
	padding: 0;
	background-color: rgb(255,255,128);
	background-image: url('about/bridges1.gif');
	background-repeat: repeat 
}

body.programs {
	font-family: Verdana, Tahoma, Geneva, sans-serif; 
	font-size: small; 
	margin: 0; 
	padding: 0;
	background-color: rgb(169,233,255) 
}

/* Questionable CSS */


div.center {
	margin: 2em auto;
}

div.center img {
	float: none;
	border: 0;
}

hr {
	clear: left;
	height: 2px;
	width: 80%; 
	color: black;
	background-color: black;
	margin: 0 auto;
}

#leftpanel {
	clear: all;
	float: left; 
	width: 48%; 
}

#left-links {
	position: absolute;
	top: 110px;
	left: 0px;
	width: 150px;
	padding: 34px;
}

#leftlink {
	float: left;
	width: 150px;
}

#rightpanel {
	float: right; 
	width: 48%; 

}

#right-links {
	position: absolute;
	top: 110px;
	text-align: right;
	right: 0px;
	width: 150px;
	padding: 34px;
}

img#home {
	border: 0;
	margin-bottom: 10px;
}

img#header {
	border: 0; 
	margin-right: 10%; 
	margin-left: 10%;
}

img#center {
	border: 0; 
	margin-right: 10%;
	margin-left: 10%; 
	text-align: center;
}

img#center2 {
	border: 0; 
	margin-right: 22%;
	margin-left: 22%; 
	text-align: center;
}

table#left {
	float: left; 
	cellpadding: 0; 
	cellspacing: 0; 
	border: 0; 
	margin-right: 1em;
}

div#tableleft {margin-left: 10%; margin-top: 15px; }

table#right {
	float: right; 
	cellpadding: 0; 
	cellspacing: 0; 
	border: 0; 
	margin-left: 1em;
}

div#tableright {margin-right: 10%; margin-top: 15px; }