/*======================================================*/
/*                                         Base CSS                                                    */
/*======================================================*/
body {
	background: url('../images/blue_dappled_bg3.jpg');
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#062F99;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#wrapper { /* For 800x600 screens */
	width: 800px;
	background-color: #CBD4E3;	
	margin: 15px auto 0 auto;
	padding: 0;
	text-align: left;
	border:1px solid black;	
	}

#wrapper_wide { /* For home page */
	width:970px; /* NYT */
	background-color: #CBD4E3;	
	margin: 15px auto 0 auto;
	padding: 0;
	text-align: left;
	border:1px solid black;	
	}

#content {
	margin: 0;
	padding: 0px 30px 20px 30px;
	font-size: 0.8em;
	background: #FFF url('../images/content_bg.jpg') left top repeat-x;
	}

#centered { text-align: center; }

h1, h2, h3, h4	{ 
	color: #AC0206; 
	text-align:center;
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	}
h1	{ 
	font-family: Georgia, Times New Roman, serif;
	font-size: 2.5em;
	font-variant: small-caps;
	font-style: italic;
	}

h1, h2 { margin-top: 20px; }	
/*h1, h2, h3 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }*/
h1.left, h2.left, h3.left { text-align:left;	} 

a:link    {color: #4B2018; text-decoration:underline;}
a:visited {color:#4B2018; text-decoration:underline;}
a:hover   {color:#AC0206; text-decoration:underline}

a.list {  font-size:1.1em; }
a.list:link, a.list:visited { text-decoration:none;}
a.list:hover { text-decoration:underline;}

li.large {
	list-style:disc;
	margin-bottom: 10px;
	}
a.large {  font-size:1.2em; font-weight:bold; text-decoration:underline; }
a.large:link, a.large:visited {color:#4B2018;}
a.large:hover   {color:#AC0206;}

p	{ 
	font-size: 1.0em; 
	margin-top: 8px;
	margin-bottom: 0px;
	padding: 0;
	}
p.center	 { text-align:center;}
p.centered	{ text-align:center;}
p.alt			{ color: #062F99; font-size: 0.9em; }
p.normal	{ font-weight: normal;} 
p.note	  { color: #AC0206; text-align:center; font-size: 0.85em; }
p.tight	  { margin:0 0 5px 0; padding:0px }


span.bright { color: #AC0206; font-weight: bold; }
span.right {text-align: right;}
span.textsize_1 { font-size: 0.85em;}
span.normal {font-weight: normal;}
span.textsmall { font-size: 0.80em; font-weight: normal;}
span.textsize_2 { font-size: 0.85em; color:#000000;}
span.comic { font-family: Comic Sans MS, ;}
span.dim {font-size: 0.80em; color: #5F5F5F;}
span.large { font-size:1.2em; font-weight:bold; color:#4B2018;}

p.narrow { /* narrow, centered */
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	}
	
p.box { /* bordered, left-aligned centered */
	/* Variations: text-align: left; font-weight: normal */
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	border: 1px solid #0C2C40; 
	padding: 7px 20px 7px 20px;
/*	color: #4B2018; */
/*	font-weight: bold; */
/*	background-color: #F7F4F4; */
	background-color: #E5F4F4;
	}
p.box_small_centered { /* bordered, left-aligned centered */
	/* Variations: text-align: left; font-weight: normal */
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	border: 1px solid #0C2C40; 
	padding: 7px 20px 7px 20px;
	background-color: #E5F4F4;
	text-align: center;
	}

p.box_centered{ /* bordered, text centered */
	/* Variations: text-align: left; font-weight: normal */
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	border: 1px solid #0C2C40; 
	padding: 7px 20px 7px 20px;
	color: #4B2018; 
/*	font-weight: bold; */
	background-color: #F7F4F4;
	text-align: center;
	}

p.error_box { /* bright, bordered, text centered */
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #AC0206; 
	padding: 5px 20px 5px 20px;
	width: 60%;
	color: #AC0206; 
	font-weight: bold;
	background-color: #F7F4F4;
	text-align: center;
	}
	
#box {  
	padding: 30px;
	border:1px solid #062F99;	
	background-color: #F7F4F4;	
	}
	
img 			{ border:0; }	
img.border   { border: 2px solid #0C2C40; }	
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; 
	}

img.left {
    float:left;
	margin: 10px, 10px, 10px, auto;
    } 
img.right {
    float:right;
	margin: 10px, auto, 10px, 10px;
    } 

table {
	text-align: left;
	}
td, th { 
	vertical-align: top;
	padding: 4px;
	}

table.centered { 
	margin-left: auto;
	margin-right: auto;
	}
	   
span.bright_text {	color:#AC0206; }

table.menu_centered {
	font-size: 1.0em; /* ??? */
	border: 1px solid #4B2018; 
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	}
td.menu_txt { 
	background-color: #FFD9A6;
	text-align: right;
	vertical-align: middle;
	padding: 4px 8px 4px 16px;
	}	
td.menu_input    { 
	background-color: #F7F4F4;
	padding: 4px 16px 4px 8px;
	}	
td.menu_input    { 
	background-color: #F7F4F4;
	padding: 4px 16px 4px 8px;
	}	

ul, ol { margin-top: 8px; }	
/*======================================================*/
/*                              Application-specific CSS                                          */
/*======================================================*/
img.journal {
	border: 2px solid silver;
	}
table.photo { 
	margin-left: auto;
	margin-right: auto;
	}	
p.caption {
	text-align: center;
	font-style: italic;
	border: 1px solid silver; 
	padding: 5px 20px 5px 20px;
	background-color: white;
	}	
p.desc { /* bordered box, left-aligned centered */
	/* Variations: text-align: left; font-weight: normal */
	font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 80px;
	margin-right: 80px;
	border: 1px solid #0C2C40; 
	padding: 7px 20px 7px 20px;
/*	color: #4B2018; */
	background-color: #F7F4F4;
	}
p.year {
	color: #AC0206; 
	font-size:1.2em; 
	font-weight:bold; 
	letter-spacing: 4.5px;
	}