body {
  text-align:center;
 
}

table {
	margin:0px;
	padding:0px;
	border: none;
}
#container {
width:810px;
 margin: auto;
 border-color: #66a8c3;
 border-width: 0px 0px 0px 0px ;
 border-style: solid;

background:white url("../images/main_BG.gif") repeat-y;
}
#containerPop {
width:550px;
padding:20px;
 margin: auto;
  text-align:left;

 
}
#header {
width:810px;
height:140px;
border-width: 0px 0px 0px 0px;
border-style:dotted;
border-color:#99CC66;
margin-left:auto;
margin-right:auto;
margin-bottom:-20px;
background:transparent;
padding: 0px;
color: black;

}
#nav
{
	width:800px;
	height:20px;
	margin-left: 0px;
	margin-top:0px;
	text-align:center;
	font-weight:bold;
	font-size:0.9em;
	font-family:verdana, arial, sans;
	text-transform:uppercase ;
	background: #b8439e ;
}

#nav a {
	text-decoration: none;
	color: #FFDDF7;
	padding:1px;
	border-width: 0px 3px 0px 3px;
	border-style:solid;
	border-color:#cbc1e2;
	margin:3px;
	}
#nav a:link {
	}
#nav a:visited {
	}
#nav a:active {
	}
#nav a:hover {
	text-decoration: none;
	color: Black;
	border-color:#3686bc;
	}

#headerImg {
margin-right: 0px;
}

.date {
color:#990000 ;

}


#footer {
width:810px;
clear: both;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
font-size: .95em;
font-weight: normal;
background:transparent;
padding: 0px;


}

/*** IE Fix ***/
* html #left {
  left: 210px;           /* RC fullwidth */
}
#main {
margin-left:auto;
margin-right:auto;
width:760px;
text-align:left;
color:black;
padding:20px;
}
#main img {
margin-right: 10px;
margin-bottom:30px;
}


#wrapper_bottom {
	margin: auto;
	margin-top:-10px;
	background:transparent url("../images/wrapper_bottom.gif") no-repeat;
	width: 810px;
	height:121px;
	border-width: 0px 0px 0px 0px;
	border-style:dotted;
	border-color:#99CC66;
	clear: both;
}

#wholeWidth{
float:left;
margin-top:10px;
margin-left:10px;
padding:15px;
width:715px;
background:#eff6fb url("../images/BG2.gif") no-repeat;
border-width: 0px;
	border-style:solid;
	border-color:#b8439e;
}

#wholeWidthSpecial{
float:left;
margin-top:10px;
margin-left:10px;
padding:15px;
width:715px;
background:#Bedcf6;
border-width: 0px;
	border-style:solid;
	border-color:#b8439e;
}

#wholeWidth img {
clear:both;
}

#rightThird{
display:block;
border-width: 0px 0px 0px 0px;
border-style:dotted;
border-color:#99CC66;
margin-left:495px;
margin-top:10px;
padding:10px;
width:215px;
background-color:#Bedcf6;
}

#leftThird {
display:block;
border-width: 4px 4px 4px 4px;
border-style:dotted;
border-color:#99CC66;
margin-left:5px;
margin-top:10px;
padding:10px;
width:215px;
background-color:#Bedcf6;
}

#greyarea {
background-color:#Bedcf6;
border-width: 4px;
border-style:dotted;
border-color:red;
padding:10px;
}

#leftTwoThirds{
display:inline;
float:left;
text-align:left;
margin-top:10px;
margin-left:10px;
padding:10px;
width:440px;
background:#eff6fb url("../images/BG2.gif") no-repeat;

}

#leftTwoThirdsQ {
display:inline;
float:left;
text-align:left;
margin-top:10px;
margin-left:10px;
padding:10px;
width:440px;
background:#eff6fb url("../images/BG2.gif") no-repeat;

}

#leftTwoThirdsQ a{
border-width:0px;
}

#leftTwoThirdsQ a:hover {
	color: #black;
}

.question {
background:white URL('../images/q.gif') no-repeat;
background-position:bottom left;
margin:2px;
padding:3px;
padding-right:10px;
padding-left:75px;
}

.answer {
background :#fcdbe5 URL('../images/a.gif') no-repeat;
margin:2px;
padding:3px;
padding-right:15px;
padding-left:75px;
}
.quote {
width:500px;
background :white;
margin:15px;
padding:10px;

}

#splash {
	width:822px;
	height:576px;
	background:transparent url("../images/splashBG.gif") no-repeat;
	margin-top:30px;
	padding:0px;
}

#flashcontent {
background-color:transparent;
padding-top:59px;
}

.bio_image {
	float:left;
}

.bio_image .caption { font-size: .8em;
   font-family: Verdana, Arial, sans-serif;
   margin-top:-10px;
	  text-align: center; 
	  font-style:italic;
                  }
/*for looks */

body {
	color:black;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, sans;
	font-size: 78%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
 	line-height: 1.8em;
 	background: #ecdcff url("../images/BG.gif") ;
}


.copyright {
font-size:.5em;
}

.book {
	clear:both;
}

.pageLinks a {
border-width:0px;

}
.pageLinks a:hover {
	color: #black;
}

a {
	text-decoration: none;
	color: #8e4b76;
	border-width: 0px 0px 0px 4px;
	border-style:solid;
	border-color:black;
	padding-left:4px;
	
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	color: #black;
	border-color:#8E4B76;
	}
h1 {
	font-size: 1.4em;
	font-weight: bolder;
	margin-top: .25em;
	margin-bottom: .5em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color:#b8439e;
	font-family: verdana, Arial, helvetica;
	}
h2 {
	font-size: 1.3em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	
	}
h3 {
	font-size: 1.3em;
	margin: .8em 0em 0em 0em;
	font-weight: normal;
	color:#335d83;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
	
u {
text-decoration:none;
font-weight:bold;
text-transform: capitalize;
}
	
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
.alert {
	font-weight:bold;
	color:#d74200;
}