body { 
		background:url("../images/img_header_bg.gif") repeat-x top left #eee; 
		margin:0px; 
		padding:0px; 
		font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
		font-size:13px;
	}
    form { 
           margin:0px; 
    }
	a {
		color:#ec9722;
	}
	td {
		font-size:11px;
	}

	h2 {
		font-size:18px;
		padding-top:0px;
		margin:10px 0px;
	}

	h3 {
		font-size:16px;
		padding-top:0px;
		margin-top:0px;
		margin-bottom:10px;
	}

	h4 {
		margin:0px;
		padding:0px;
		font-size:14px;
	}

	.size-16 {
		font-size:16px !important;
		font-weight:bold;
	}
	.desc {
		padding:10px 15px;
		font-size:13px;	
	}
	#search_form {
		color:#53360e; 
		padding:5px 10px; 
		border:1px solid #c7a640; 
		background:#f0be26;
		margin:0px 1px;
	}
	#bio strong { color:#fff; border-bottom:1px solid #444; }
	.container { margin:0 auto; width:960px; }

	#header { height: 196px; text-align:center; }
	#navigation, #footer {
		text-align:center;
		background:#333;
		border-top:1px solid #fff;
		border-bottom:1px solid #444;
		padding-left:150px;
	}
	#content { background:#eee; line-height:18px; }

	#headline { 
		background:url(../images/img_headline.jpg) no-repeat top center #081d33;
	}

	#menu {
		background: #333;
		float: left;
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	#menu li {
		float: left;
		font: 12px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
	}
	#menu a {
		background: #333;
		color: #ccc;
		display: block;
		float: left;
		margin: 0 2px 0 0;
		padding: 8px 25px 8px 25px;
		text-decoration: none;
		font-weight:normal;
	}
	#menu a#active {
		background: #2580a2 url("../images/hover.gif") top center no-repeat;
		color: #fff;
		padding-bottom: 8px;
	}
	#menu a:hover {
		background: url("../images/hover.gif") top center no-repeat;
		color: #fff;
		padding-bottom: 8px;
		}

	.block-title {
		margin-top:10px;
		font-size:13px;
		padding:0px 0px 5px 10px;
		border-bottom:1px dotted #CCC;
	}
	
	#bio-data td {
		padding-right:30px;
	}
	
	.item-list {
		list-style: none;
		margin:0px;
		padding:0px;
	}
	
	.item-list li {
		margin:0px;
		padding:8px;
	}

	.item-list li a {
		background:url(../images/bg_arrow.gif) no-repeat left 3px;
		padding-left:15px;
		display:block;
		color:#555;
		text-decoration:none;
	}
	.item-list li a:hover {
		color:#2580a2;
		text-decoration:underline;
	}
	.item-list li span.date-posted {
		padding-left:10px;
		display:block;	
	}
	.block-list {
		background:url(../images/bg_list.gif) no-repeat top left;
	}
	.item-list li span, .date-created {
		font-size:11px;
		display:block;
		padding-top:4px;
		color:#999;
	}

	.active {
		background: url("../images/hover.gif") top center no-repeat !important;
		color: #fff;
		font-weight:bold !important;
		padding-bottom: 8px;
	}
	
	#shim {
		height:400px;
		width:1px;
	}
	
	#search-field {
		background:#333;
		border:1px solid #666;
		color:#fff;
		padding:2px;
	}
	#search-field-inverted {
		background:#fff;
		border:1px solid #aaa;
		color:#333;
		padding:2px;
	}
	
	/* Start custom button CSS here
	---------------------------------------- */
	.btn {
	  display:inline-block;
	  background:none;
	  margin:0;
	  padding:3px 0;
	  border-width:0;
	  overflow:visible;
	  font:100%/1.2 Arial,Sans-serif;
	  text-decoration:none;
	  color:#333;
	  }
	* html button.btn {
	  padding-bottom:1px;
	  }
	/* Immediately below is a temporary hack to serve the 
	   following margin values only to Gecko browsers
	   Gecko browsers add an extra 3px of left/right 
	   padding to button elements which can't be overriden.
	   Thus, we use -3px of left/right margin to overcome this. */
	html:not([lang*=""]) button.btn {
	  margin:0 -3px;
	  }
	.btn span {
	  background:#ddd url(../images/bg-button.gif) repeat-x 0 0;
	  margin:0;
	  padding:3px 0;
	  border-left:1px solid #bbb;
	  border-right:1px solid #aaa;
	  }
	* html .btn span {
	  padding-top:0;
	  }
	.btn span span {
	  position:relative;
	  padding:3px .6em;
	  border-width:0;
	  border-top:1px solid #bbb;
	  border-bottom:1px solid #aaa;
	  }

	/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
	button.pill-l span {
	  border-right-width:0;
	  }
	button.pill-l span span {
	  border-right:1px solid #bbb;
	  }
	button.pill-c span {
	  border-right-style:none;
	  border-left-color:#fff;
	  }
	button.pill-c span span {
	  border-right:1px solid #bbb;
	  }
	button.pill-r span {
	  border-left-color:#fff;
	  }

	/* only needed if implementing separate hover/focus/active state for buttons */
	.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	  cursor:pointer; /* important for any clickable/pressable element */
	  border-color:#9cf !important;
	  color:#000;
	  }
	.btn:active span {
	  background-position:0 -400px;
	  outline:none;
	  }
	.btn:focus, .btn:active {
	  outline:none; /* doesn't seem to be respected for <button>, only <a> */
	  }

	/* use if one button should be the 'primary' button */
	.primary {
	  font-weight:bold;
	  color:#000;
	  }
	  
	#albums {
		margin-bottom:15px;
	}
	#albums h2 {
		background:#fff;
		padding:10px 15px;
	}
	#albums table {
		background:none;
	}
	#albums td {
		border-bottom:1px dotted #ccc;
		padding:10px;
	}
	#albums h4 {
		margin:0px 10px 10px 0px;
	}	
	#albums div {
		padding:10px 15px;
	}	  
	#album h2 {
		margin:0px 0px 20px 0px;;
	}
	#album {
		padding:0px 0px 20px 0px;	
	}
	#album img {
		background-color: #eee; 
		padding: 3px; 
		border: 1px solid #ccc !important;
		margin-bottom:10px;
	}
	.border-bottom {
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
	}
	.error {
		display:block;
		color:red;
		font-weight:bold;
	}
	.comment {
		background:#f6ffc6;
		border: 1px solid #ccc;
		padding:15px;
		margin-bottom:10px;
	}
	.clear {
		clear:both;
	}
        #slideshow {
            width:150px;
        }
	.page_sub_title {
		font-size:16px;
		margin:2px 10px;
	}
	#headline_container {
		background:#000f1e; 
		font-size:13px; 
		color:#fff; 
		padding:10px 30px 10px 10px;
		border-left:1px solid #134161;
		border-right:1px solid #134161; 
	}
	
	#nav a { color:#fff; margin: 0 5px; padding: 3px 5px; border: 1px solid #0c345d; background: #062748; text-decoration: none }
	
	#nav a.activeSlide { background: #f0be26; color:#000; border:1px solid #fff; }
	
	#nav a:focus { outline: none; }