/* -----------------------------------------------
 Colors 
 ----------------------------------------------- */
.black  		{color: black;}
.white			{color: white;}
.blue			{color: #00274C;}
.brown			{color: #A6600C;}
.beige			{color: #D7D5C2;}
.red			{color: #800000;}
.gray_lt		{color: #EEE;}
.gray_med		{color: #777;}
.gray_dark		{color: #444;}

/* -----------------------------------------------
 Fonts / Text
 ----------------------------------------------- */
 
body {
	background-image: url(/art/wallpaper_bluebig.jpg);
	background-repeat: repeat;
	color: black;
	line-height: 90%;
	margin: 0px;
	padding: 0px;
}

backstage_body {
	background-color: white;
	color: black;
	line-height: 90%;
	margin: 0px;
	padding: 0px;
}

b,p,tr,ul,ol,li,div,form,blockquote {
	font-family: garamond, georgia, times, serif;
	font-size: 14px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -2px;
}

.san_serif {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.serif {
	font-family: georgia, garamond, times, serif;
	font-size: 14px;
}

.page_headline {
	color: white;
	font-family: Helvetica;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
	text-indent: 20px;
}

.headline {
	font-size: 24px;
	color:  #00274C;
	font-weight: bold;
	letter-spacing: -1px;
}

.subhead {
	font-size: 16px;
	color:  #00274C;
	font-weight: bold;
	letter-spacing: -1px;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.bold_italic {
	font-weight: bold;
	font-style: oblique;
	color: #00274C;
}

.boldtight {
	font-weight: bold;
	letter-spacing: -1px;
}

.boldgray {
	color: #777;
	font-weight: bold;
}

.boldbrown {
	color: #A6600C;
	font-weight: bold;
}

.bio_head {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
}

.project_status {
	color: #777;
	border: 1px solid #777;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	text-transform: uppercase;
	white-space: nowrap;
}

.form_section_head {
	padding: 2px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #A6600C;
	color: white;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
 
.form_row {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
}

/* -----------------------------------------------
 Links and rollovers
 ----------------------------------------------- */

a  {
	border-bottom: 1px solid white;
	color: #00274C;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted;
	color: #A6600C;
}

a.button {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #00274C;
	color:  white;
	border-bottom: 0px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 5px 8px 5px 8px;
}

a.button:hover {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #A6600C;
	color: white;
	border-bottom: 0px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 5px 8px 5px 8px;
}

a.more_link {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	color: #00274C;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
}

a.more_link:hover {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	border-bottom: 0px;
	color: #A6600C;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
}

a.pagelink {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	border-bottom: none;
	color: black;
	padding: 4px 2px 4px 2px;
	text-decoration: none;
}

a.pagelink:hover {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #00274C;
	color: white;
	padding: 4px 2px 4px 2px;
	text-decoration: none;
}

.pagelink_selected {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background-color: #A6600C;
	color: #D7D5C2;
	padding: 4px 2px 4px 2px;
}

a.arrowlink {
	border-bottom: 0px;
	text-decoration: none;
}

a.arrowlink:hover {
	background-color: #D3D4B6;
	border-bottom: 0px;
	text-decoration: none;
}

/* -----------------------------------------------
 PNG classes to support PNGswap() javasript;
 Identifying PNGs with mouseovers
 ----------------------------------------------- */

.PNG_arrow {
}

.JPG_arrow {
}

.PNG_comment {
	left: 0px;
	top: 3px;
}

/* -----------------------------------------------
 Menus 
 ----------------------------------------------- */
 
.menu_text_block {
	padding-top: 4px;
}

.menu_bkgd1 {
	background-image: url(/art/menu_bkgd_1.jpg);
}

.menu_bkgd2 {
	background-image: url(/art/menu_bkgd_2.jpg);
}

.menu_bkgd3 {
	background-image: url(/art/menu_bkgd_3.jpg);
}

.menu_bkgd4 {
	background-image: url(/art/menu_bkgd_4.jpg);
}

a.menu_item {
	color: #00274C;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 0px;
	padding: 4px;
	letter-spacing: -1px;
}

a.menu_item:hover {
	background-color: #00274C;
	color: white;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 11px;
	border-bottom: 0px;
	padding: 4px;
}

a.menu_item_selected {
	color: #A6600C;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 11px;
	border-bottom: 0px;
	padding: 4px;
}

a.menu_item_selected:hover {
	background-color: #A6600C;
	color: white;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 11px;
	border-bottom: 0px;
	padding: 4px;
}

a.pagenav {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	background-color: white;
	color: #00274C;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 0px;
	padding: 3px;
}

a.pagenav:hover  {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	background-color: #00274C;
	color: white;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 0px;
	padding: 3px;
}

a.pagenav_selected {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	background-color: white;
	color: #A6600C;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 0px;
	padding: 3px;
}

a.pagenav_selected:hover {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	background-color: #A6600C;
	color: white;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom: 0px;
	padding: 3px;
}

/* -----------------------------------------------
 Pictures 
 ----------------------------------------------- */
 
.floatpixright {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
 
.floatpixleft {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
 
.floatpixright_th {
	float: right;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}
 
.floatpixleft_th {
	float: left;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.floatbtnleft_th {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}
 
.bordered_pix {
	border: 1px solid #777;
}

.project_mainpix {
	padding-bottom: 16px;
}

.captioned_pix {
	padding-bottom: 6px;
}
 
a.imagelink {
	border-bottom: 0px;
	text-decoration: none;
}

a.imagelink:hover {
	border-bottom: 0px;
	text-decoration: none;
}

a.pix_caption {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #A6600C;
	border-bottom: 1px dotted;
	color: #A6600C;
}

a.pix_caption:hover {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #00274C;
	border-bottom: 1px solid #00274C;
	text-decoration: none;
}

/* -----------------------------------------------
 Slideshow 
 ----------------------------------------------- */

.slideshow_body {
	background-image: none;
	background-color:  #646464;
	color: black;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 90%;
	margin: 0px;
	padding: 0px;
}

.slideshow_slide {
	background-color: #646464;
	border: 1px solid #999;
	height: 600px;
	width: 600px;
}

.slideshow_scroller {
	background-color: #646464;
	border: 1px solid #646464;
	height: 120px;
	margin-bottom: 10px;
	overflow: auto;
	width: 610px;
}

.slideshow_thumbnail {
	height: 84px;
	width: 84px;
}

.slide_caption {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	color: #CCC;
	font-size: 9px;
	text-transform: uppercase;
}

a.slideshow_link {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #646464;
	color: #646464;
	display: block;
	text-decoration: none;
}

a.slideshow_link:hover {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #FECA1C;
	color: #646464;
	display: block;
	text-decoration: none;
}

a.slideshow_link_sel {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid white;
	color: #646464;
	display: block;
	text-decoration: none;
}

a.slideshow_link_sel:hover {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #FECA1C;
	color: #646464;
	display: block;
	text-decoration: none;
}

a.arrowlink_dkgray {
	border-bottom: 1px solid #646464;
	text-decoration: none;
}

a.arrowlink_dkgray:hover {
	background-color: #646464;
	border-bottom: 1px solid #646464;
	text-decoration: none;
}

/* -----------------------------------------------
 Onion-skinned drop shadows 
 ----------------------------------------------- */
 
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/art/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/art/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(/art/corner_tr.gif) right top no-repeat;
  }
  
/* -----------------------------------------------
 Misc 
 ----------------------------------------------- */
 
.fancyblock {
	padding: 20px; 
	border-left: 1px dotted #00274C; 
	border-right: 1px dotted #00274C; 
/*
	background-color: #D7D5C2;
	background-image: url(/art/gradient_beige.jpg);
	background-repeat: repeat-x;
*/
}

.fancyblock_pix {
	padding: 10px; 
	background-color: #D7D5C2;
/*
	background-image: url(/art/wallpaper_beige.jpg);
	background-repeat: repeat;
*/
}

.small_controls {
	color: black;
	font-family: arial, verdana, sans-serif;
	font-size: 9px;
}

.bullet {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #999;
}

.bullet_brown {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A6600C;
}

.copyright {
	width: 678px;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	color: #777;
	text-transform: uppercase;
	font-size: 9px;
}

.divider_row_left {
	border-top: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
}
 
.divider_row_right {
	border-top: 1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
 
.invisible {
	display: none;
}

.visible {
	display: block;
}