/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
background-image:  url(../../images/siouxland_museum/common/background.jpg);
background-attachment:fixed;
background-position:center;
overflow:auto; 
}

.east { background: url(../../images/siouxland_museum/common/edge/east.png) repeat-y right; }
.south { background: url(../../images/siouxland_museum/common/edge/south.png) repeat-x bottom; }
.ne { background: url(../../images/siouxland_museum/common/edge/ne.png) no-repeat top right; }
.se { background: url(../../images/siouxland_museum/common/edge/se.png) no-repeat bottom right; }
.sw { background: url(../../images/siouxland_museum/common/edge/sw.png) no-repeat bottom left; padding: 9px;}

.alpha,.beta {
	width: 772px;
	}

#wrapper {
position: relative;
width: 750px;
background-color: #333333;
margin: 10px auto;
border: 1px solid #000000;
}

#banner {
	border: 1px solid #000;
}

#title {
/*background-color: #003366;
padding: 0 15px 0 15px;
height: 45px;*/
border-right: 1px solid #000;
border-left: 1px solid #000;
}

#search {
/*position: relative;*/
border-top: 1px solid #CCC;
border-bottom: 1px solid #000000;
border-right: 1px solid #000;
border-left: 1px solid #000;
background-image: url(../../images/siouxland_museum/common/searchBG.jpg); 
background-repeat: no-repeat;
text-align: right;
}

div#search form table {
height: 34px;
width: 190px;
}

div#search form input {
border: 1px solid #666;
font-size: 12px;
background-color: #333333;
color: #FFF;
margin-right: 5px;
}

#mainbody {
background-image: url(../../images/siouxland_museum/exhibits/background.jpg);
text-align: left;
border: 1px solid #000;
}

#mainbody p {
color: #FFFFFF;
font-size: .9em;
padding: 0 25px;
}

#mainbody p a {
font-weight: bold;
color: #CCFF66;
text-decoration: underline;
}

#mainbody p a:hover {
text-decoration: none;
color: #33CC99;
}

#border {
border: 1px solid #000000;
margin: 5px 20px;
padding: 10px;
background-color: #333333;
}

#ocmImage {
margin: 10px;
/*padding: 10px;*/
background-color: #333333;
}

#whiteborder {
margin: 10px;
width: 628px;
border: 1px solid #666666;
padding: 20px;
}

#whiteborder p {
font-size: 12px;
}

.exwhiteborder {
margin: 10px;
width: 648px;
border: 1px solid #666666;
padding: 10px;
height: 510px;
}

.col1,
.col2,
.col3 {
		float:left;
		position:relative;
		padding:.5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		border: 1px solid #009999;
		text-align: center;
		height: 480px;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
	}
	
/* 3 Column settings */
	.threecol {
		background: #333333# /*f4f4f4;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;				/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;				/* width of the middle column */
		background:#f4f4f4;		/* left column background colour */
	}
	.threecol .col1 {
		width:33%;				/* width of center column content (column width minus padding on either side) */
		left: 0;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:32%;				/* Width of left column content (column width minus padding on either side) */
		left:1%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:32%;				/* Width of right column content (column width minus padding on either side) */
		left:2%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

.caption {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #00CCCC;
}

.mpfooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
text-align: center;
font-weight: normal;
}

.mpfooter a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCFF66;
text-decoration: underline;
}

.mpfooter a:hover {
color: #33CC99;
text-decoration: none;
}td img {display: block;}td img {display: block;}

.statcounter {
text-align: center;
}td img {display: block;}td img {display: block;}td img {display: block;}


.picinfo {
font-size: 10px;

}

#links {
text-align: center;
width: 750px;
background-color: #FFFFFF;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 2px solid #003399; margin-top: 2px;
}

#links p {
font-size: .9em;
font-family: Arial, Helvetica, sans-serif;
}

#links p a {
color: #003366;
font-size: 1em;
font-weight: normal;
text-decoration: underline;
}

#links p a:hover {
color: #003366;
text-decoration: none;
}

#footer {
	width: 750px;
text-align: center;
background-color: #FFFFFF;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

h1 {
font-size: 100%;
text-indent: 5px;
color: #033;
margin: 18px 8px 0 0; 
border-bottom: 2px solid #0F0; margin-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.clearit {
clear: both;
}

.floatrightpic {
float: right;
padding: 10px 10px;
}

.floatleftpic {
float: left;
padding: 10px 20px;
}