/******************************
CSS for princeton1960.org
******************************/

/******************************
logo-menu-content-bottom layout
******************************/

body {
/* allows proper alignment of various divs */
text-align:center
}

#container {
/* overrides body text centering */
text-align:left;
/* sets overall width */
width:950px;
/* allows body centering */
margin:0 auto
}

#logo { 
height:165px; 
width:950px;
}

#wrapper {
/* holds menu+content, keeps them above bottom */
float:left;width:100%;
}

#menu{
/* puts to left of content */
float:left;
width: 15em;
/* aligns at left of wrapper; must = width of container */
margin-top:25px;
/* margin-left:-15em; */
}

#content {
/* leaves space at left for menu */
margin: 0 0 0 16em;
}




/******************************
fonts, colors
******************************/

body, p, td, li {
font-family: "Book Antiqua", Georgia, "Times New Roman", Geneva, Times, serif;
font-size: 1em;
color: #000;
background-color: #bdebf1;
}

.captions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* MENU */

#menu {
line-height: 2.5em;
}

#menu a {
font-weight: bold;
font-size: 125%;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 2px #bcb outset;
text-decoration: none;
}

#menu a:link {
color: #000;
background-color: #f96302;
}

#menu a:visited {
color: #555;
background-color: #f96302;
}

#menu a:hover {
color: #f96302;
background-color: #000;
border: inset;
}

#menu a:active {
color: #87ceeb;
}

#menu a.here {
text-decoration: none;
color: #808080;
background-color: #bdebf1;
background-image: none;
border: none;
}

#menu a.here:link {
color: #808080;
background-color: #bdebf1;
background-image: none;
border: none;
}

#menu a.here:visited {
color: #808080;
background-color: #bdebf1;
background-image: none;
border: none;
}

#menu a.here:hover {
color: #808080;
background-color: #bdebf1;
background-image: none;
border: none;
}

#menu a.here:active {
color: #808080;
border: none;
}

#menu a.second {
font-weight: bold;
font-size: 112%;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 2px #bcb outset;
text-decoration: none;
}

#menu a.second:link {
color: #000;
background-color: #f96302;
}

#menu a.second:visited {
color: #555;
background-color: #f96302;
}

#menu a.second:hover {
color: #f96302;
background-color: #000;
border: inset;
}

#menu a.second:active {
color: #87ceeb;
}

#menu hr {
color: #f96302;
background-color: #f96302;
width: 15em;
}

/* CONTENT */

#content a {
text-decoration: none;
}

#content a:link {
color: #000;
background-color: #f96302;
}

#content a:visited {
color: #555;
background-color: #f96302;
}

#content a:hover {
color: #f96302;
background-color: #000;
}

#content a:active {
color: #b70405;
}

#content hr {
color: #f96302;
background-color: #f96302;
}

/* BOTTOM */

#bottom {
font-size: .8em;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bottom a {
text-decoration: none;
}

#bottom a:link {
color: #000;
background-color: #f96302;
}

#bottom a:visited {
color: #555;
background-color: #f96302;
}

#bottom a:hover {
color: #f96302;
background-color: #000;
}

#bottom a:active {
color: #b70405;
}

#bottom hr {
color: #f96302;
background-color: #f96302;
}

/* MISCELLANEOUS */

a.plain {
background-color: #f0faf0;
background-image: none;
border: none;
}

a.plain:hover {
border: none;
}

img.left {
float: left;
margin-bottom: 1em;
margin-right: 1em;
}

img.right {
float: right;
margin-bottom: 1em;
margin-left:1em;
}

.spacer, .clear {
clear: both;
}

h1,h2,h3,h4 {
font-weight: bold;
font-style: normal;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
font-size: 160%;
}

h2 {
font-size: 130%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 110%;
margin-bottom:0;
}