div
{ border: 0px solid red;
}
body
{ text-align: center; /*centers the contents of the body */
	background: #113366 url("/images/backgrounds/bgstripe1.jpg");
	font-size: 1em;
	color: #445555;
	font-family: calibri, 'gill sans MT', verdana, san-serif;
}
#container
{ width: 974px;
	margin: 0px auto;	/* center contents inner body (left and right = auto)*/
	text-align: left; /* counteract text-align center in body */
	background-color: #ffffde;
	color: #445555;
	padding: 0px 0 0px 0;
}
#inner_container
{ margin: 0% 5%;
	padding: 0%;
	border: 0px solid red;
}
#header
{ background: url("/images/backgrounds/stopdesign5.jpg") repeat;  /* header image */
	height: 85px;
	margin: 0px auto;
}
h2										/* page heading */
{ margin: 20px 0 0 0px;
	padding: 20px 0;
	font-size: 150%;
}
h2 span img         /* FLAGS */
{ height: 35px;
	margin: 10px 20px 0 20px;
}
h3											/* author, source, date, etc */
{ font-weight: normal;
	font-size: 90%;
	font-variant: small-caps;
	line-height: normal;
}
h4
{ font-size: 100%;
}
a
{ color: #2255aa;
	background-color: inherit;
	text-decoration: none;
}
a:hover
{ text-decoration: underline;
}
a.articles
{	color: #36455a;
	background-color: inherit;
	font-weight: bold;
}
a.articles:visited
{	color: #304a6d;
	background-color: inherit;
}

/* general preference ============  */
td
{ vertical-align: top;
}
img, a img, img a
{ border: none;
}
/* global shortcuts ================ */
.normal
{ font-style: normal;
	text-variant: none;
}
.floatR
{ float: right;
	padding-left: 10px;
}
.floatL
{ float: left;
	padding-right: 10px;
}
div.floatR, div.floatL
{ font-variant: small-caps;
	text-align: center;
	font-size: 10pt;
}
.clear
{ clear: both;
}
.indent
{ text-indent: 5%;
}
p.indent, div p.indent
{ margin: 0;
	padding: 0;
}
.right
{ text-align: right;
}
.left
{ text-align: left;
}
.center
{ text-align: center;
}
.bold
{ font-weight: bold;
}
.underline
{ text-decoration: underline;
}
.oblique
{ font-style: oblique;
}
.no-bottom
{ margin-bottom: 0;
	padding: 0;
}
blockquote
{ font-size: 85%;
}
.dead
{ color: #a3865a;
	background-color: inherit;
}
.serif
{ font: 13pt garamond, serif;
	line-height: 120%;
}
.small
{ font-size: 85%
}
.smaller
{ font-size: 75%
}
.smallest
{ font-size: 70%;
}
.large
{ font-size: 110%
}
.larger
{ font-size: 120%
}
.largest
{ font-size: 130%;
}
.contrast
{ font-weight: bold;
	color: blue;
	background-color: inherit;
}
.red
{ color: red;
	background-color: inherit;
}
/* =====================MENUS ======================================= */
ul#nav_top
{ list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	margin: 10px 0px 0 580px;
	width: 500px;
	/*background-color: #2c3c39;*/
}
ul#nav_top li
{ float: left;
	margin: 0;
	padding: 2px 0px 0px 10px;
}

ul#nav_top li a
{ font-size: 85%;
	display: block;
	text-decoration: none;
	color: #aaaade;
	padding: 0 10px 0 0;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #666666;
}
#nav_top li a:hover, ul#nav_top li a.on
{ color: orange;
}

ul#nav_top li.search
{ height: 24px;
}
ul#nav_top .input_box
{ width: 100px;
	font-size: 70%;
	color: #99aabb;
}
/* =========================================horiz. menu  =============================== */
#navbar
{ margin: 0;
	padding: 0% 0 0 0;
	height: 25px;
	width: 974px;
	background-color: #000022;
	font-variant: small-caps;
	height: 1.5em;
}
#navbar li
{ list-style: none;
	float: left;
	padding: 0 .75%;
}
#navbar li a
{	display: block;
	background-color: #000022;
	opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
	color: #ffffde;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#navbar li a:hover
{ color: orange;
}
#navbar li ul 
{	display: none;
	width: 10em; /* Width to help Opera out */
	border: none;
}
#navbar li:hover ul 
{	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
#navbar ul li.spacer
{ margin-top: 5px;
}

#navbar li:hover li 
{ float: none;
}
#navbar li:hover li a
{ background-color: #000022;
	font-variant: normal;
	font-size: 80%;
	padding: 2px 0 2px 5px;
	margin: 0;
	width: 160px;
}
#navbar li li a:hover, ul#navbar li a.on
{ color: orange;  /* dropdown menu hover color */
}
/* ====================homepage =============================== */
#banner
{ background: url('/images/arjo/arjo_rocks3.jpg') no-repeat top left;
	margin: 0;
	padding: 0px;
	height: 441px;
	width: 974px;
	color: #ffffde;
}
#banner div
{ margin: 0px 0 0px 0px;
	padding: 20px 40px 0 0px;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	font-style: normal;
}
#banner div a
{ color: #ffffde;
}
#banner a:hover
{ text-decoration: underline;
}
#banner div.title
{ margin: 275px 0 0 15px;
	font-family: "segoe print", serif;
	text-align: left;
	font-size: 340%;
	letter-spacing: 3px;
	color: #ffffde;
	font-style: italic;
}
#home
{ padding: 1% 0 5% 0;
	border: 0px solid green;
}
.blog 
{ font-weight: bold;
	color: #223344;
	padding: 1% 2% 1% 2%;
}
.blog span
{ font-family: "segoe print", serif;
	font-size: 85%;
	font-weight: normal;
}
.admin
{ font-size: 80%;
	font-style: italic;
	margin: 0% 0 0 5%;
}
#container3, #container2, #container1 
{ float: left;
  width: 100%;
  padding-bottom: 1%;
}
#col1 
{ float: left;
  width: 30%;
  padding: 0 2%;
  margin-top: 2%;	
}
#col2 
{ float: left;
  width: 32%;
  padding: 0 1%;
  margin-top: 2%;	
}
#col3 							/* col3 of home page is same as sidebar (any contextual vertical menu) */
{ float: left;
  width: 29%;
  padding: 0 0 0 1%;
  margin: 2.75% 1% 1% 1%;	
  background-color: #001122;
	color: #cb9370;
}
#sidebar
{ margin: 14px 0 0 690px;
	padding: 1% 0;
  background-color: #001122;
	color: #cb9370;
}
#sidebar h3
{ font-style: italic;
	font-variant: normal;
	font-size: 90%;
	margin: 1% 0 1% 2%;
	padding: 0%;
	color: orange;
}
#col3 h4, #col3 h4 a
{ color: #ff8c00;
}
#col3 ul
{ margin: 0% 0% 0% 0%;
	padding: 0 0 0 5%;
	width: 85%;
	font-size: 90%;
	list-style: none;
	text-indent: -5%;

}
#sidebar ul
{ margin: 0% 0% 0% 0%;
	padding: 0 0 0 10%;
	width: 85%;
	font-size: 90%;
	list-style: none;
	text-indent: -5%;
	border-bottom: 1px solid blue;
}
#col3 ul li 
{ margin: 0% 0;
	padding: 0% 0% 3% 0;
	font-size: 85%;
}
#sidebar ul li 
{ padding: 3% 0;
	margin-left: 5%;
}
#col3 a, #sidebar a
{ color: #cb9370;
	background-color: inherit;
}
#col1, #col2 
{ font-size: 90%;
}
#col1 h2, #col2 h2
{ font-size: 110%;
	margin: 2% 0 2% 0;
	padding: 0;
}
#col1 blockquote, #col2 blockquote
{ font-style: italic;
	margin: 2% 4% 0 4%;
	font-size: 90%;
}
/* ============================== persistent 2-col book display in homepage sidebar */
table#books
{ margin: 0;
	padding: 0;
	border-bottom: 1px dotted white;
	margin-left: -8px;
}
table#books th
{ padding: 2%;
	font-size: 110%;
	font-weight: bold;
	color: orange;
}
td#bk1, td#bk2  
{ padding: 0;
	margin: 0;
	width: 50%;
	font-size: 80%;
}
td#bk1
{ border-right: 1px dotted white;
}
/* ===============any page ============================ */
#list_page									/* pages w/o sidebar */
{ margin: 0 40px 0 0px;
	padding: 0;
	width: 700px;
}
#list_page.narrow				/* pages w/ sidebar */
{ float: left;
	width: 650px;
	border: 0px solid red;
}
#list_page.narrowAV				/* pages w/ images as backgrounds */
{ float: left;
	width: 650px;
	
}
#list_page ol					/* articles index pages */
{ margin: 0 0 5% 5%;
	padding: 0;
}
#list_page ol	li		
{ margin: 0;
	padding: 1.5% 0;
}
#list_page blockquote, #list_page p.case
{ font-size: 90%;
	margin: 1% 5%;
	background-color: #eeeeff;
	color: inherit;
	padding: 3%;
}
#list_page h4          /* notes, references headers */
{ margin-bottom: 0;
	font-size: 100%;
}
#list_page ul.notes   /* references */
{ list-style: none;
	text-indent: -3%;
	font-size: 80%;
	margin: 0;
	padding: 0% 0% 0% 3%;
}
#list_page ul.notes li
{ margin: 0;
	padding: 1% 0;
}  
#list_page ol.notes  /* endnotes */
{ margin: 0 0 0 5%;
	padding: 1% 0;
	font-size: 80%;
}
/* corrected to here (not below) */

#list_page ol.normal
{ font-size: inherit;
	margin: inherit;
	padding: inherit;
	list-style-type: decimal;
}

/* ===============for list pages with (annotated) text  */

#list_page sup a
{ color: red;
	background-color: inherit;
	font-size: 90%;
	font-weight: normal;
}

#list_page blockquote h5
{ margin: 0;
	text-align: center;
}
#list_page p.case
{ font-style: italic;
}

#list_page ol.numbered li
{ list-style-type: decimal;
	padding: 0 0 0 3%;
}
/* ======================================= BOOKS ================ */
.books
{ font-family: "book antiqua", serif;
}
.books h4
{ font-size: 14px;
	background: url(/images/backgrounds/shell-blue-horiz.jpg) repeat-x;
	color: #eeeeff;
	padding: 6px 0 6px 10px;
	margin: 15px 0 0 0;
}
.books a
{ font-size: 80%;
	border: none;
}
.books h3
{ font-style: italic;
	font-size: 115%;
	font-weight: bold;
	margin: 2% 0% 0% 3%;
	font-variant: normal;
	text-indent: -3%; /* balanced by .books div above */
}
.books h3 small, .books h3 span
{ font-weight: normal;
	font-style: normal;
	font-size: 70%;
}

.books img
{ float: right;
	margin: 10px 0 0 15px;
	height: 100px;
}
.books div
{ border-bottom: 1px dotted #97b4c1;
	margin: 0% 0% 2% 0%;
}
.books div.less        /* short books */
{ font-size: 90%;
	margin-left: 10%;
}
.books p, .books div.less p
{ margin: 0% 0% 0% 2%;
	text-indent: 5%;
	font-size: 80%;
	padding: 1% 0 2% 0;
	background-color: #ffffff;
	color: #556677;
}
.books b.date
{ font-size: 115%;
}
/* ============================ #pub ================================= */

.pub h4
{ font-size: 14px;
	background: url(/images/backgrounds/shell-blue-horiz.jpg) repeat-x;
	color: #eeeeff;
	background-color: inherit;
	padding: 6px 0 6px 10px;
	margin: 15px 0 0 0;
}
.pub h4 a
{ color: #eeeeff;
	background-color: inherit;
}
.pub p
{ font-size: 12pt;
	text-indent: -4%;
	margin-left: 4%;
}
/* ====================== CONTACT ====================== */
table.contact td
{ border-bottom: 1px dotted #cb9370;
	border-right: 1px dotted #cb9370;
	padding: 5px;
}
table.contact td a
{ border: none;
}
/* ====================== CV ====================== */
.cv h4
{	background: url("/images/backgrounds/leatherband.jpg");
	font-size: 80%px;
	padding: 1px 0;
	color: #ffffff;
	background-color: inherit;
	text-align: center;
	font-weight: normal;

}
.cv p
{ margin: 0 0px 0 0;
	text-indent: -5%;
	line-height: normal;
	margin: 0 0 0 5%;
	
}
.cv p:first-letter
{ font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
}
.cv h4 a
{ color: #ffff99;
	font-weight: bold;
}

/* ============================= av =========================== */

.av
{ 	
}

/* ====================== media ====================== */
.media h4
{	float: left;
	width: 200px;
	height: 200px;
	margin: 0 30px 0 0px;
	font-weight: normal;
}
.media div
{ margin: 15px 20px 15px 0px;
	border-bottom: 1px dotted gray;
	padding-bottom: 10px;
	font-size: 11pt;
}
.media a
{ font-weight: bold;
}
/* ====================== graduate ====================== */
.graduate
{ font-size: 90%;
}

/* ==========================================REALLY REALLY SPECIAL PAGES ======================== */
/* ================================= #FORTUNE =================== */
#fortune
{ background-color: #ffffff;
	color: inherit;
  padding: 40px 0px;
  margin-bottom: 20px;
}
#fortune td.logo
{ font-family: arial, sans-serif;
	font-size: 105%;
  color: #ffffff;
  text-align: center;
  background-color: #2255aa;
  letter-spacing: 20px;
  font-weight: bold;
  padding: 2px 10px;
 }
#fortune .line0
{ margin: 50px 0 0 0;
}
#fortune .line1
{ font-family: arial, sans-serif;
	font-size: 125%;
  border-bottom: 1px solid gray;
  overflow: hidden;
  margin-right: 3%;
}
#fortune .line2
{ font-family: arial, sans-serif;
	font-size: 100%;
	margin-right: 3%;
}
#fortune .sidebar
{ float: left;
	width: 14%;
	margin: 30% 0% 0% 0%;
}
#fortune .sidebar p
{ font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 80%;
  text-align: left;
}
#fortune .sidebar img
{ margin: 0 0px 20px 0;
	width: 80px;
}
#fortune .left
{ float: left;
	top: 0;
	width: 39%;
	margin-left: 1%;
	margin-right: 1%;
	border-left: 1px solid #cccccc;
	padding-left: 1%;
}
#fortune .left p
{ text-align: justify;
	font-family: times, serif;
	font-size: 76%;
}
#fortune .left p.author
{ border-top: 1px solid gray;
	padding-top: 5px;
}
#fortune .right
{ float: right;
	width: 39%;
	margin-right: 3%;
	border-right: 1px solid #cccccc;
	padding-right: 1%;
}
#fortune .right p
{ text-align: justify;
	font-family: times, serif;
	font-size: 76%;
}
#fortune .byline
{ font-family: times, serif;
  font-weight: lighter;
  font-style: oblique;
  font-size: 10px;
}

#fortune .author
{ font-family: times, serif;
  font-weight: lighter;
  font-variant: small-caps;
  font-size: 10px;
}
#fortune .fortune_text
{ font-size: 100%;
	font-family: times, serif;
	padding: 2%;
}

/* ================================ BORDERS ============================= */
#socrates h2
{	color: #c35555;
	background-color: inherit;
	margin: 0px;
	padding: 15px 0;
}
#socrates h5
{ color: #c35555;
	background-color: inherit;
	font-size: 10pt;
	margin: 10px 0 0 0;
}
#socrates	p
{	line-height: 16px;
	text-indent: 2%;
}
#socrates div.left
{	float: left;
	margin-top: 0%;
	width: 320px;
	border-top: solid 1px #aaccdd;
	border-bottom: solid 1px #aaccdd;
}
#socrates div.right
{ float: right;
	width: 320px;
	margin: 0;
	padding: 0 1%;
	text-align: left;
	border-right: solid 1px #aaccdd;
	border-top: solid 1px #aaccdd;
	border-bottom: solid 1px #aaccdd;
}
#socrates .socrates
{	letter-spacing: 3px;
	margin: 14.8% 0% 0% 0%;
	padding: 0;
}
#socrates	div.box
{	border: outset 1px #aac0dd;
	background-color: #aaccdd;
	color: inherit;
	padding: 10px;
}
#socrates	p.interlude
{	font-family: 'times new roman', serif;
	font-size: 13px;
	font-style: oblique;
	color: #c35555;
	background-color: inherit;
	font-weight: bold;
	margin-left: 3%;
	margin-right: 3%;
	text-align: left;
	padding: 8px;
}
/* ========================================= THE END =============================== */
#footer
{ background:  url('/images/backgrounds/footer.jpg') repeat-x;
	margin: 0px auto;
	padding: 10px 0;
	width: 974px;
	overflow: hidden;
	text-align: center;
	color: #aaaaaa;
	font-size: 8pt;
	clear: both;
}
#footer a
{ color: #ccccee;
}
#footer p
{ margin: 5px 0;
}