/***
 * CSS code to support http://www.randallmuseum.org
 * Last updated: 22 May, 2009
 ***/



/******************* Defaults *******************/

.head-image
{
    margin-bottom: 20px;
}

* {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

body {
	text-align: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	width: 1000px;
}

li {
	list-style-type: none;
}

a {
	/*color: #9fac3e;*/
	/*color: #7C9B5D;*/
	color: #666F29;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

:focus {
	outline: 0;
}

img {
	border: none;
}

hr {
	height: 1px;
	margin: 30px 0;
	color: #9fac3e;
	background: #9fac3e;
	border: none;
}

abbr,
acronym {
	cursor: help;
	text-decoration: underline;
}

input,
select,
label,
a {
	cursor: pointer; 
}



/******************* Global Classes *******************/



/***** floating classes *****/


.left { float: left; }
.right { float: right; overflow:auto; }
.clear { clear: both; display: block; }


/***** boxes classes *****/


.title-box { position: relative; height: 98px; margin-bottom: 30px; background: #FFF no-repeat right top; }
.title-box .title { position: absolute; left: 8px; bottom: 17px; }
.title-box.style1 { background-image: url(images/boxes/bg_title_box1.gif); }
.title-box.style2 { background-image: url(images/boxes/bg_title_box2.gif); }
.title-box.style3 { background-image: url(images/boxes/bg_title_box3.gif); }

.box1-l { background: url(images/boxes/bg_box1_l-repeat.gif) repeat-y; }
.box1-t { background: url(images/boxes/bg_box1_t-repeat.gif) repeat-x; }
.box1-r { background: url(images/boxes/bg_box1_r-repeat.gif) repeat-y right top; }
.box1-b { background: url(images/boxes/bg_box1_b-repeat.gif) repeat-x left bottom; }
.box1-lt { background: url(images/boxes/bg_box1_lt.gif) no-repeat; }
.box1-lb { background: url(images/boxes/bg_box1_lb.gif) no-repeat left bottom; }
.box1-rt { background: url(images/boxes/bg_box1_rt.gif) no-repeat right top; }
.box1-rb { background: url(images/boxes/bg_box1_rb.gif) no-repeat right bottom; padding: 13px 16px 17px 14px; }


/***** table classes *****/


table.fixed-col { table-layout: fixed; width: 891px; }



/******************* IDs and inner classes *******************/



/***** wrappers *****/


#wrapper {
	width: 96%;
}

#left-wrapper {
	width: 20%;
	padding: 25px 23px 25px 11px;
	vertical-align: top;
	text-align: center;
	background: #f2edb0 url(images/bg_left_wrapper_shadow_r-repeat.gif) repeat-y right top;
}

#right-wrapper {
	min-width: 770px;
	padding: 15px 0 65px;
	vertical-align: top;
	background: #FFF url(images/bg_right_wrapper.gif) no-repeat 50% 6px;
}


/***** menu *****/


#menu {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 43px auto 25px;
	text-align: left;
}

#menu ul {
	background: #FFF;
	border-top: solid 1px #FFF;
}

/*IE7 hack*/ *:first-child+html #menu ul {
	border-top: none;
	border-bottom: solid 1px #FFF;
}

#menu li {
	position: relative;
	font-size: 11px;
	font-weight: bold;
	border-bottom: solid 1px #FFF;
	background: #EEE;
}

/*IE7 hack*/ *:first-child+html #menu li {
	border-bottom: none;
}

#menu li:hover,
#menu li.hover,
#menu li.selected {
	background: #d5bf2b;
}

#menu li.parent {
	background: #EEE url(images/arrow_right_gray.gif) no-repeat 97% 50%;
}

#menu li.parent:hover,
#menu li.parent.parenthover,
#menu li.parent.selected {
	background: #d5bf2b url(images/arrow_right_white.gif) no-repeat 97% 50%;
}

#menu li a {
	position: relative;
	display: block;
	padding: 4px 20px 4px 10px;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
}

/*IE6 hack*/ * html #menu li a {
	height: 0;
}

#menu li a:hover {
	color: #FFF;
}

#menu li ul,
#menu li:hover ul li ul,
#menu li.hover ul li ul {
	display: none;
	visibility: hidden;
	position: absolute;
	left: 100%;
	top: -1px;
}

#menu li:hover ul,
#menu li.hover ul,
#menu li:hover ul li:hover ul,
#menu li.hover ul li.hover ul {
	display: block;
	visibility: visible;
}


/***** header *****/


#header ul {
	
	float: right;
	margin-right: 0px;
}

#header li {
	float: right;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #a64a0d;
}

#header li a {
	color: #a64a0d;
	text-decoration: none;
}

#header li a:hover {
	color: #9fac3e;
}

#header .rotator {
	margin-top: -17px;
}

#header .rotator img {

}


/***** content *****/


#content {
	position: relative;
	min-height: 390px;
	padding-bottom: 80px;
	font-size: 13px;
}

/*IE6 hack*/ * html #content {
	height: 390px;
}

#content h1 {
	color: #947a00;
	font-size: 27px;
	font-weight: bold;
}

#content h2 {
	margin: 10px 0 10px;
	color: #7C9B5D;
	font-size: 20px;
	font-weight: bold;
}

#content h3 {
	margin: 20px 0 5px;
	color: #947a00;
	font-size: 15px;
	font-weight: bold;
}


#content p {
	margin-bottom: 20px;
	width: 820px;
}

.three-column
{
    width: 215px ! important;
    
}

#content ol,
#content ul {
	margin-bottom: 20px;
}

#content ol li {
	list-style-type: decimal;
	margin: 0 0 4px 23px;
}

#content ul li {
	background: url(images/arrow_right_gray.gif) no-repeat left 4px;
	padding-left: 14px;
	margin-bottom: 4px;
}

/*IE6 hack*/ * html #content ul li {
	width: 100%;
}

#content .eagle {
	position: absolute;
	z-index: 1;
	right: -39px;
	top: -107px;
}


