/*
Colors:

text: 0
h3 - dark red 901a16 aka 144,26,22
fed502 = goldenrod yellow - text
color: #FFCE05;  yellow duplicaed fed502

border: #fff
background: #504D48;  dark grey, only on the edges, old bg rgb(142,130,94
#DFB444 - mustard gold background

	background: #022162; deep dark blue
*/
body {
	font: 13px museo-slab, sans-serif;
	color: #000; /* black text */
	background: #504D48; /* dark grey, only on the edges, old bg rgb(142,130,94 */
	margin: 5px 0 5px 50%; /* Default location starts at middle of screen
	with a buffer of 5px from bottom and top*/
}
p {
	padding: 0em 0 0em 0%; 
	margin: .25em 0 .75em;
        line-height: 125%;
}
a:link, a:visited { /* unvisited, and visited links*/
	font-family: museo-slab, sans-serif;
	text-decoration: underline;
	color: #000;
}
a:hover, a:active { /* hover and when clicked */
	font-family: museo-slab, sans-serif;
	text-decoration: none;
	color: #901a16;
}



#container { /* contains everything old olive bg: ADB583*/
	position: relative;
	width: 960px; /*700px*/
	background: #DFB444 url(/images/banners/birdOfParadise.home.960.jpg) no-repeat top left;
	margin: 0 0 0 -480px; /* was -350 from middle*/
	border: 5px solid #FFF;
}
#containerAlt { /* contains everything */
	position: relative;
	width: 960px;
	background: #DFB444 url(/images/banners/birdOfParadise.header.jpg) no-repeat top left;
	margin: 0 0 0 -480px; /* back 350 from middle*/
	border: 5px solid #FFF;
}
h1{
    font-family: league-gothic, museo-slab, sans-serif;
    font-size: 4em;

    margin: 0.2em 0;
    color: #022162;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h3 {
	color: #901a16; /* red */
	font: 2.5em league-gothic, museo-slab, sans-serif;

	margin: 0.5em 0 0 0;
	text-transform: uppercase;
}
h4 {
	color: #901a16; /* red */
	font: 2em league-gothic, museo-slab, sans-serif;

	margin: 0;
	text-transform: uppercase;
}
acronym {
	border: 0;
	font-style: normal;
}

/* Header - just provides space, disallow text. */
#pageHeader {
	height: 350px;
}
#pageHeaderAlt {
	height: 100px;
}
#pageHeaderAlt span {
	display: none;
}
#pageHeader span {
	display: none;
}

/* Content area (assumed inside body.container*/
#quickSummary, #quickSummaryAlt, #quickSummaryAltEm {
	margin-top: 50px;
	width: 690px;
	margin-left: 250px;
	color: rgb(254,213,2);/*fed502*/
        font-size: 20px;
	font-family: league-gothic, museo-slab, sans-serif;

}
#quickSummaryAlt { /* big blue text on default bg) */
	margin-top: 25px;
	color: #022162; /* blue */
}
#quickSummaryAltEm { /* reverse colors: gold text on blue bg.*/
	margin-top: 25px;
	width: 410px;
	padding: 0 10px 0 10px;
	color: #FFCE05; /* yellow */
	background: #022162; /* blue */
}
#quickSummaryAltEm a:link, quickSummaryAltEm a:visited {
	font: 20px league-gothic, museo-slab, sans-serif;
	text-decoration: underline;
	color: #DFB444; /* gold */
}
#quickSummaryAltEm a:hover, quickSummaryAltEm a:active {/* hover and when clicked */
	font: 20px league-gothic, museo-slab, sans-serif;
	text-decoration: none;
	color: #901a16;
}



#preamble, #supportingText, #supportingText1, #supportingText2 {
	width: 690px;
	margin-left: 250px;
	margin-top: 15px;
}
#footer { 

	left: 0px;
	width: 960px;
	margin-top: 5px;
	padding: 72px 0 0 0;
	height: 18px;
	background:  #DFB444 url(/images/banners/birdOfParadiseFooter.jpg) no-repeat top left;

}

h3 a:link, h3 a:visited { /* unvisited, and visited links*/
	font: 22px league-gothic, museo-slab, sans-serif;
	text-decoration: underline;
	color: #901a16; /* red */
}
h3 a:hover, h3 a:active { /* hover and when clicked */
	font: 22px league-gothic, museo-slab, sans-serif;
	text-decoration: none;
	color: #022162; /* blue */
}




#footerLink a:link, #footerLink a:visited { /* unvisited, and visited links*/
	font: 14px league-gothic, museo-slab, sans-serif;

	text-transform: lowercase;
	color: #000;
}
#footerLink a:hover, #footerLink a:active { /* hover and when clicked */
	font: 14px league-gothic, museo-slab, sans-serif;
 
	text-decoration: underline;
	text-decoration: none;
	color: #901a16;
	text-transform: lowercase;
}

#footer a:link, #footer a:visited, #footer span{
	font: 13px museo-slab, sans-serif;
	color: #FFF;
	text-decoration: none;

}
#footer a:hover, #footer a:active {
	color: #61A7BC;
	text-decoration: underline;
}
#footer span{
    margin-left: 102px;
}


/* Left Bar */
#container #linkList, #containerAlt #linkList {
	position: absolute;
	left: 18px;
	top: 170px;
	width: 198px;
	font: 10px league-gothic, museo-slab, sans-serif;
}
#containerAlt #linkList {
	position: absolute;
	top: 100px;
}
#linkList h3 { /* inherits all of h3's properties*/
	width: 198px;
	height: 18px;
	margin-top: 20px;
}
#linkList h3 span {
	display: none;
}

/* left header images */
#linkList h3.links {
	background: url(/images/assets/link-top.gif) no-repeat top left;
}
#linkList h3.samples {
	background: url(/images/left_samples.gif) no-repeat top left;
}
#linkList h3.resources {
	background: url(/images/left_resources.gif) no-repeat top left;
}
#linkList h3.favorites {
	background: url(/images/left_favorites.gif) no-repeat top left;
}

#linkList ul {
	list-style: none;
	padding: 0 0 18px 0;
	margin: 0;
	background: url(/images/assets/link-bottom.gif) no-repeat bottom left;
}
#linkList ul li {
	padding: 5px 10px 5px 10px;
	background: url(/images/li_bg.png) bottom left;
	border-bottom: 1px solid #1A4861;
	margin: 0;
}
/* li:hover style... have to replace the BG so the color will show up. */
#linkList ul li:hover {
	background: #901a16;  /*red*/
	color: #FFF;
}
/* IE kluge covering for hover. */
#linkList #lselect {
	color: #666;
}
#linkList ul li a {
	display: inline;
	color: #000;
	text-transform: uppercase;
}
#linkList #lselect ul li a {
	font: 1.6em museo-slab, sans-serif;
        font-weight: 700;
	display: block;
	color: #000;
	text-transform: uppercase;
}

#linkList #lselect ul li a.b, #linkList ul li a.b {
	display: inline;
	padding-left: 15px;
	text-transform: none;

}
#linkList #lselect ul li a.c, #linkList ul li a.c {
	display: inline;
	font: 11px league-gothic, museo-slab, sans-serif;
	color: #666;
	padding-left: 30px;
	text-transform: none;
}
#linkList ul li:hover a, #linkList #lselect ul li:hover a {
	color: #FFF;
}
.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/orangeDropShadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.img-shadow img #rimage{
	float: left;
}
.img-shadow img #limage{
	float: right;
}
.img-shadow img #cimage{
	float: none;
}
.big {
    font-size: 200%;
}
/* portfolio { */
.portfolio0, .portfolio1 {
    /* portfolio div container */
    display: block;

}
/* left hand side */
.portfolio0{
    float: left;
    width: 325px;
    margin-right: 25px;
}
.portfolio0 h3, .portfolio1 h3{
    padding: 0.2em 0 1em 0;
}
#footer {
    margin-top: 25px;
}
/*} portfolio changes */