/* CSS Document */

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
background-color: #fafafa;
text-align:center;
}

/*generic*/
ul,ol,dl {font-size:1em;line-height:1.5em; margin-bottom:1.5em;}

p{
font-size: 1.1em; line-height: 1.6em; margin: .6em 0 .6em 0; text-indent: 2em;}

li {
list-style-type: none;
font-size: 1em;
line-height: 1.8em;
}


/*default links*/
a {text-decoration:underline; color: #255279;}
a:hover {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #edb308;}

/*physiognomy*/

#container {
width: 800px;
margin-right: auto;
margin-left:auto;
margin-top:25px;
text-align:left;
border: 4px double #255279;
background-color: #fafafa;
}

#masthead1{
width: 800px;
height: 236px; 
}

#masthead2{
width: 800px;
height: 115px;
}


/*container*/
#maincolumn {
width: 575px;
margin: 35px 25px 15px 40px;
}	
#maincolumn2{
width: 675px;
margin: 35px 45px 15px 75px;
}

#leftcolumn {
width:175px;
float: left;
padding: 25px 0 0 5px;
text-align: left; 
}

#leftcolumn2 {
width: 450px;
float: left;
margin: 25px 0 35px 25px;
padding-right: 10px;
}

#leftcolumn3 {
width:225px;
float: left;
padding: 25px 0 0 5px;

}
#rightcolumn {
width: 500px;
float: left;
margin-top: 25px;
padding: 5px 10px 20px 45px;
}

#rightcolumn2 {
width: 225px;
float: right;
padding-top: 25px;
text-align: left; 
margin-right: 25px;
}

#rightcolumn3 {
width: 450px;
float: right;
margin-top: 25px;
padding: 5px 30px 20px 5px;
}

#blockquote {
margin: 7px 3px 15px 40px;
line-height: 1.5em;
text-align:justify;
display:block;
}

#blockquote2 {
margin: 5px 3px 5px 60px;
line-height: 1.4em;
text-align:justify;
}
/*headers*/
#h1,h1 {font-size:2.4em; line-height:1.2em; margin-bottom:0.75em;}
#h2,h2 {font-size:2em; line-height:0.9em; margin-bottom:0.9em; border-top: 3px double #255279; border-bottom: 1px solid #255279; background-color: #EDCD6E; padding: 6px 0 6px 5px;}
#h3,h3 {font-size:1.6em; line-height:1em; margin:1em 0 1em 0; font-weight:normal; letter-spacing: .1em; color: #255279;}
#h4,h4, h3.item-title {font-size:1.4em; line-height:1em; margin:0.8em 0 .8em 0; background-color:#EDCD6E; border-top: 3px double #255279; padding: .1em 0 .3em .5em;}
h6 {background:url(../i/cornerlfttop.gif) no-repeat;font-size:2.4em;font-weight: 200;letter-spacing: .1em;padding: 15px 20px 15px 10px;line-height: 1.2em;margin: 0;}

#h1, #h2, #h4,h1,h2,h4, h6{
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
letter-spacing: .1em;
font-weight: normal;
color: #255279;}


/*navigationmain*/

#navcontainer
{
height: 25px;
background:#EDCD6E;
font-size:1.4em;
border-bottom:3px double #255279;
border-top: 3px double #255279;
overflow: hidden;
text-align: center;
font-variant:small-caps;
letter-spacing:.1em;
}

#navcontainer ul
{
margin: 1px;
list-style-type: none;
}

#navcontainer ul li { 
display: inline; 

}

#navcontainer ul li a
{
text-decoration: none;
padding: 10px 15px 5px 15px;
color: #255279;
}

#navcontainer ul li a:hover
{
color: #000;
background-color: #255279;
}

#navcontainerb
{
height: 30px;
font-size: 1.1em;
margin-top: 20px;
overflow: hidden;
text-align: left;
letter-spacing:.1em;
}
#navcontainerb ul
{
list-style-type: none;
margin-top: 7px;
}
#navcontainerb ul li { 
display: inline; 
}
#navcontainerb ul li a
{
text-decoration: none;
color: #255279;
padding: 5px 10px 5px 10px;
border-top: 1px dotted #255279;
border-bottom: 1px dotted #255279;
}
#navcontainerb ul li a:hover
{
color: #000;
background:#F7E3A8;
border-top: 1px dotted #255279;
border-bottom: 1px dotted #255279;
}

#navcontainerc
{
height: 30px;
margin-top: 20px;
overflow: hidden;
text-align: left;
letter-spacing:.1em;
}

#navcontainerc ul
{
list-style-type: none;
margin-top: 7px;
}

#navcontainerc ul li { 
display: inline; 
}

#navcontainerc ul li a
{
text-decoration: none;
color: #255279;
padding: 5px 10px 5px 10px;
border-top: 1px dotted #255279;
border-bottom: 1px dotted #255279;
}

#navcontainerc ul li a:hover
{
color: #000;
background:#F7E3A8;
border-top: 1px dotted #255279;
border-bottom: 1px dotted #255279;
}

/*navigationleft */

#leftcolumn-ul {
padding: 5px 0 5px 0;
overflow: auto;
margin:0;
}

#leftcolumn li{
border-bottom: 1px solid #255279;
margin: 0;



}

#leftcolumn a {
text-decoration: none; 
display: block; 
padding: 12px 0 12px 2px;
line-height: 1.3em;
color: #255279;
letter-spacing:.1em;
width: 168px;
}

#leftcolumn a:hover{
color: #000;
background:#F7E3A8;
}


/*stuff*/

.imgfloatright {
padding: 7px 7px 3px 7px;
float: right;
border:3px double #EDCD6E; 
margin: 15px 0 7px 20px;
clear: both;
}

.imgfloatleft {
padding: 7px 7px 3px 7px;
float: left;
border:3px double #EDCD6E; 
margin: 7px 20px 20px 0;
clear: both;
}

.imgfloatleft2 {
padding: 2px 2px 2px 2px;
float: left;
margin-left: 30px;
margin-top: 25px;
border:3px double #EDCD6E;
}

.imgfloatright p{
margin-top: 4px;
margin-left: 2px;
font-size: 1em;
line-height: 1.3em;
text-align: left;
text-indent: 0;
max-width: 190px;
}

.imagefloatleft p {
margin-top: 4px;
margin-left: 2px;
font-size: 1em;
line-height: 1.3em;
text-align: left;
text-indent: 0;
max-width: 190px;
}


#footer1 {
clear: both;
border-top: 3px double #255279;
background-color: #EDCD6E;
color: #255279;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
text-align: center;
overflow: hidden;
padding: 0;
margin:0;
}

#footer1 li {line-height: 1.3em;}


#footer2{
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 7px;
}


/*definition lists*/

#collections {width: 600px;
margin-left: 75px;}



#collectionsb {width: 475px; padding: 2px 5px 10px 0px; font-size: 1em;}
#collectionsb dl {margin: 5px 20px 5px 10px; padding: 0;width: 475px; float:left;display: inline; /*fixes IE Win double margin bug */}
#collectionsb dt {margin:10px 10px 0 25px; padding:0; float: left; width:300px; line-height: 1.5em;}
#collectionsb dd {margin: 0; padding:0;}
#collectionsb dd.img img {float:left; border: 1px solid #EDCD6E; padding: 3px 3px 5px 3px; margin-top: 10px; margin-left: 25px;}

#timeline {margin: 0; padding: 0; width: 475px;}
#timeline dl{line-height: 1.8em;padding: 0;float:left;display: inline; /*fixes IE Win double margin bug */}
#timeline dt  {padding:0;float: left;font-size: 1em;font-weight: bold;}
#timeline dd {margin-left: 80px;padding:0;text-align: justify;}

#about {margin: 0; padding:0; width: 650px;}
#about dl {font-size: 1em; line-height: 1.8em; padding: 0; float: left;background:url(../i/cornerlftbot.gif)  no-repeat bottom right;display: inline /*fixes IEWin double margin bug */}
#about dd {margin: 0; padding-bottom:10px; float: left}
#about dd.img {float:left; border:3px double #EDCD6E; padding: 3px 3px 3px 3px; margin: 10px 0 30px 25px;}
#about dd.img p {margin: 4px 0 4px 0; font-size: 1em;line-height: 1.3em;text-align: left;text-indent: 0;max-width: 175px;}
#about dt {margin-left: 250px; padding-right: 10px; }



 
/* Resources style  Added by Jeremy Boggs, CHNM Creative Lead*/
 
#items {width:600px; margin:0 auto;}

ul.tags {padding:0.5em;background:#fff;}

.tags li {display:inline;}

.item {overflow:hidden;}
.item .thumbnail {float:right; margin-left:10px; margin-bottom:10px;}
.item h3.item-title, .collection h3 {font-size:1.4em; font-variant:small-caps;font-family:Georgia,Times, "Times New Roman",serif;line-height:1em; margin:0.8em 0 .8em 0; background-color:#EDCD6E; border-top: 3px double #255279; padding: .2em 0 .3em .5em;}
	h3.item-title a {text-decoration:none;}
	h3.item-title a:link, h3.item-title a:visited {color:#369;}
	h3.item-title a:hover, h3.item-title a:active {color:#333;}
	

.item h4 {font-size:1.2em; background:#fff; border:none; font-family:Verdana, Arial, serif;}

.pagination, #item-limit {width:600px; margin:2em auto;}
#item-limit label {display:none;}

#item {width:600px; margin:0 auto;}
#item #images {float:right; margin-left:10px; margin-bottom:10px;}

#item .item-paginate {padding-left:0; font-size:1.2em;overflow:hidden; margin-bottom:1em;}
#item .item-paginate a {text-decoration:none;}
#item .item-paginate li {margin-bottom:0;}
#item .item-paginate .previous {float:left; display:block; width: 48%;}
#item .item-paginate .next {float:right; display:block; width:48%; text-align:right;}

#tags {width:600px; margin:2em auto;}