/* Layout */
#wrapper {   width: 780px; text-align: left;  margin: 0 auto; padding: 0; position: relative; }
#masthead,#main { position: relative; background-color: #fff; }
#masthead { height: 264px; background: #fff url("../stylesheets/images/masthead.jpg") no-repeat; position:relative; }
#masthead h1,#masthead h2 { display: none; }
body {  text-align: center; 
        font: 0.76em/1.4em Verdana, Arial, Helvetica, sans-serif; 	
        margin: 0; 
        padding: 10px 0 10px 0; 
        background-color: #fff; }

#main { position: relative; display: inline; float: left; width: 603px;  padding-left: 177px;  zoom:1; }
#leftbar { display: inline; float: left; width: 177px; margin-left: -177px; background: #fff url("../stylesheets/images/leftbar_repeat.jpg") repeat-y; z-index: 3;}
#leftbar img { vertical-align: bottom; }

#left_bottom { position: relative;  width: 177px; background: #fff; background-image: none; }
#left_bottom img { vertical-align: top; margin: 0px 25px 10px 20px; }

#page { display: inline; float: left; width: 579px; margin: 0 12px 10px; background: #fff;  }
#footer { height: 49px;
background: #fff url("../stylesheets/images/footer.jpg") no-repeat;
position: relative;
margin-top: 10px;
clear: both;
  }


#credits { 
position: relative;
 margin: 5px 0; 
}
#credits p {
font-size: .8em;
line-height: 1em;
text-align: center;
}
 #page img.photo { display: inline; border: 1px solid #999; padding: 5px; margin: 20px 13px 13px; }
/* Navigation */
#nav {  position: relative; width: 145px; margin: 0px 15px 10px 12px;}
#nav ul {
	list-style-type: none;
	position: relative;
	}
#nav a { 
  font-size: 85%;
  display: block;
  line-height: 1.5em;
  color: #e9ffff;
  text-decoration: none;
  padding: .3em;
  text-transform: uppercase;
  zoom: 1;
}
#nav a:hover {
  color: #ffc;
  background:#4f8689;
}
#nav li { border-bottom: 1px solid #267d7d; position: relative;}
#nav li.current {
  color: #fff;
  background: #4f8689;
  font-weight: bold;
}

/* Nav Subsections */
#nav ul.subsections { margin-left: 1em; }
#nav ul.subsections li { border-bottom: none; }
#nav li.current ul.subsections li a { font-weight: normal; }
#nav ul.subsections li a { 
  font-size: .9em;
  line-height: 1.2em;
  text-transform: none;
  
  }
#nav ul.subsections a:hover {
  color: #ffc;
  text-decoration: underline;
  background: none;
}
#nav ul li.current ul.subsections li.current a{
 color: #ffc;
font-weight: bold;
 } 



/* Top Nav */
#top_nav { position: absolute; top: 0px; right: 15px; width: 284px; height: 25px; padding: 4px 12px 4px 8px;}
#top_nav ul { float: right; list-style-type: none;}
#top_nav li { display: inline; }
#top_nav a { 
  display: inline;
  color: #267188;
  text-decoration: none;
}
#top_nav a:hover {
  color: #234aa7;
}
#top_nav li.current {
  color: #000;
}

/* Links */
a { 
	color: #234aa7;
}	
a:hover		{ 
	color: #036; 
	text-decoration: none;
}	
a.more {
  margin-left: 0.5em; 
  margin-right: 0.5em;
  white-space: nowrap;
}
a.offsite, a.pdf, a.mailto {
  padding-left: 14px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}
a.offsite { background-image: url(images/remote.gif); }
a.pdf     { background-image: url(images/acrobat.gif); }
a.mailto  { background-image: url(images/mailto.gif); padding-left: 18px; }

a.offsite:hover { background-image: url(images/remote_a.gif); }
a.pdf:hover     { background-image: url(images/acrobat_a.gif); }
a.mailto:hover  { background-image: url(images/mailto_a.gif); }

#footer a {
  color: #fff;
  margin-left: .2em;
}
#footer p {
margin-left: 20px; 
font-size: 110%;
letter-spacing: .05em;
color: #fff;
 padding-top: 20px;
}
/* Typography */

p { margin-top: 0.4em; color: #000; }
.intro { padding-top: 30px;  }

h1 { color: #267188;
	letter-spacing: -0.04em;
	font-size: 1.9em;		
	line-height: 1.1em;		
	font-weight: normal;
	padding:0;
	margin: -12px 0 .6em;
	position:relative;
}	
h2 {		
    font-weight: normal;
	color: #b30039;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: .7em 0 0 0;
	padding: 0;
	
}
h2 small {
  text-transform: none;
  font-size: 1em;
  letter-spacing: 0;
}	
h3 { 		
	font-size: 1.1em; 		
	font-weight: bold;		
	color: #00694f;
	margin: 0.5em 0 0.2em;
	padding:0;
}	


/* Misc */
table, a img { border: none; }
table { border-collapse: collapse; }
span.decor { margin: 0 1em; color: #84b9b4;}
ul { margin: 0px; padding: 0px; }
#page ul li { list-style-type: circle; }
span.soldout { color: #00694f; font-weight:bold; }

.crop {
  display:block;
  text-align:center;
  overflow:hidden;
  position:relative;
}

.crop img {
  display: block;
  margin: 0 auto;
}