/* ---------|------------------------------------------------

Title:      Juniata's main styles
Author:     stutzr@juniata.edu

---------------------------------------------------------- */


/* ---------|------------------------------------------------

			Global Styles
			
---------------------------------------------------------- */

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

body {
		font: 76%/140% "Lucida Grande", Tahoma, Helvetica, Verdana, sans-serif;
		background: #f5f0dd;
		}
		
img {
		border: 0;
		}
		
a:link, a:visited {
		color: #1f3660;
		text-decoration: none;
		}

.floatright {
		float: right;
		}

.floatleft {
		float: left;
		}
		
.clear {
		clear: both;
		}
		
.imgright {
		float: right;
		margin: 0 0 15px 25px;
		}

.imgleft {
		float: left;
		margin: 0 25px 0 0;
		}
		
.imgcenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
		
.imgmiddle {
		margin: 0 15px 0 0;
		vertical-align: middle;
		}
		
.imgleftmiddle {
		float: left;
		margin: 0 15px 0 0;
		vertical-align: middle;
		}
		
.noborder {
		border: 0 !important;
		}
/* ---------|------------------------------------------------

			Typography
			
---------------------------------------------------------- */

h1 {

	font-size: 2.0em;

	font-weight: normal;

	margin-top: 0em;

	margin-bottom: 0em;

	}

h2 {

	font-size: 1.7em;

	font-weight: normal;

	}

h3 {

	font-size: 1.6em;

	margin: 1.6em 0em .7em 0em;

	font-weight: normal;

	line-height: 1.2em;
	}

h4 {

	font-size: 1.2em;

	margin: 1em 0em .3em 0em;

	font-weight: bold;

	color: #87744c;
	}

h5 {

	font-size: 1.0em;

	margin: 1.3em 0em .3em 0em;

	font-weight: bold;

	color: #1b2f54;
	}

h6 {

	font-size: 0.8em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;

	}		

p {
	font-size: 1em;
	}
	
/* ---------|------------------------------------------------

			Page Layout
			
---------------------------------------------------------- */

#wrapper {
		position: relative;
		width: 775px;
		margin: 0 auto;
		border: 1px #f5f0dd solid;
		}

#wrapper .column {
		float: left;
		}

#wrapper #overflowfix {
/*		overflow: hidden; 
		float: left; */
		}
		
/* ---------|------------------------------------------------

			Header
			
---------------------------------------------------------- */

#header {
		height: 83px;
		background: #fff;
		}
		
#header div {
		position: relative;
		width: 775px;
		margin: 0 auto;
		}
		
#header h1 {
		margin: 0;
		float: left;
		padding: 19px 0 7px 15px;
		}
		
#search {
		width: 161px !important;
		float: right;
		padding: 22px 10px 0 0;
		}
	
#tea { 
		padding-left: 32px;
		}
		
#search input#searchtext {
		width: 129px;
		height: 1.15em;
		margin-top: 5px;
		border: 1px #ccc solid;
		background: #fde8af;
		vertical-align: middle;
		color: #1b2f54;
		padding-left: 2px;
		float: left;
		}
		
#search input#searchbutton {
		margin-top: 5px;
		vertical-align: middle;
		float: right;
		}

		
/* ---------|------------------------------------------------

			Feature
			
---------------------------------------------------------- */

#feature {
		height: 206px;
		background: #1b2f54 url('/i/feature_border.gif') top left repeat-x;
		}
		
#feature div {
		position: relative;
		width: 775px;
		margin: 0 auto;
		padding-top: 6px;
		}
		
/* ---------|------------------------------------------------

			Menu
			
---------------------------------------------------------- */

#menu {
		height: 20px;
		background: #87744c;
		}

#menu div {
		position: relative;
		width: 775px;
		margin: 0 auto;
		}

#menu ul {
		padding-left: 6px;
		}
		
#menu ul li {
		list-style: none;
		display: inline;
		background: #87744c url('/i/menu_spacer.jpg') 0 1px no-repeat; 
		padding-left: 11px;
		}

#menu ul li.nobackground {
		background: none;
		}

#menu ul li a { 
		color: #ffcb33;
		font-weight: bold;
		font-size: .94em;
		line-height: 19px;
		}

#menu ul li.selected a {
		color: #fff;
		}
		
/* ---------|------------------------------------------------

			News and Events
			
---------------------------------------------------------- */

#news, #events {
		width: 271px;
		padding: 15px;
		}

#news a:hover, #events a:hover {
		color: #192c4f;
		border-bottom: 1px #192c4f solid;
		}
		
#news h2, #events h2 {
		font: bold 1.3em Georgia;
		color: #1b2f54;
		padding-bottom: 8px;
		}

#news h2 a, #events h2 a {
		border-bottom: 0;
		}

#news ul li, #events ul li {
		list-style: none;
		border-bottom: 1px #d9d2b8 solid;
		padding: 4px 55px 4px 4px;
		color: #87744c;
		font-size: .94em;
		line-height: 1.3;
		}

#news ul li.firstitem, #events ul li.firstitem {
		border-top: 1px #d9d2b8 solid;
		}

#news ul li a, #events ul li a {
		font-size: .94em;
		}

#news ul li.nolink {
		color: #1f3660;
		}
		
#news p, #events p {
		padding: 5px 0 0 4px;
		}

#news p a, #events p a {
		color: #87744c;
		font-weight: bold;
		font-size: .94em;
		}
		
#news p.rss {
		padding-top: 25px;
		}
		
#news p.rss a {
		background: #f5f0dd url('/i/rss.gif') no-repeat 0 60%;
		padding-left: 20px;
		}

#events .blue {
		color: #1f3660;
		}

#news #newsimage {
		border: 1px #f5f0dd solid;
		margin-top: 5px;
		height: 100px;
		}
		
#news #newsimage p {
		background: #f5f0dd url('/i/news_background.jpg') no-repeat 0 0;
		padding: 4px;
		margin: 10px 5px 5px 5px;
		width: 88px;
		height: 88px;
		float: left;
		}

#news #newsimage p a:hover, #news #newsimage p a {
		border-bottom: 0 !important;
		}
		
#news #newsimage h4 {
		margin-top: 12px;
		margin-bottom: 0;
		}
		
#news #newsimage a {
		border-bottom: 1px #a19b88 solid;
		}
		
#news #newsimage a:hover {
		color: #192c4f;
		border-bottom: 1px #192c4f solid;
		}

#news #newsimage_accountability {
		height: 115px;
		margin-top: 5px;
		}

#news #newsimage_accountability p {
		background: none;
		width: 125px;
		padding: 0 4px 4px 4px;
		margin: 0 5px 5px 0;
		height: 115px;
		float: left;
		}

#news #newsimage_accountability p a:hover, #news #newsimage p a {
		border-bottom: 0 !important;
		}
		
#news #newsimage_accountability h4 {
		margin-top: 12px;
		}
		
#news #newsimage_acountability a {
		border-bottom: 1px #a19b88 solid;
		}
		
#news #newsimage_accountability a:hover {
		color: #192c4f;
		border-bottom: 1px #192c4f solid;
		}
		
/* ---------|------------------------------------------------

			Audience
			
---------------------------------------------------------- */

#audience {
		top: -32px;
		width: 160px;
		float: left;
		background-color: #fde8af;
		}

#audience div {
		background: #fde8af;
		padding-bottom: 20px;
		}
		
#audience ul {
		padding-top: 20px;
		width: 140px;
		margin: 0 auto;
		border-bottom: 1px #fff solid;
		}
		
#audience ul li {
		border-top: 1px #fff solid;
		list-style: none;
		}

#audience ul li a {
		color: #87744c;
		font-size: .9em;
		font-weight: bold;
		}
		
#audience ul li.selected {
		background-color: #fedf84;
		}
		
#audience ul li.selected a {
		color: #1f3660;
		}
		
#audience p {
		color: #87744c;
		padding: 10px;
		font-size: .94em;
		}
		
#audience h2 {
		font: bold 1.3em Georgia;
		color: #87744c;
		margin: 20px 0 0 10px;
		}
		
#audience ul.suggested {
		border: 0;
		padding-top: 7px;
		}
		
#audience ul.suggested li {
		border: 0;
		background: #fde8af url('/i/bullet.gif') 0 9px no-repeat;
		padding: 3px 2px 3px 15px;
		margin-left: 5px;
		}

#audience ul.suggested li a {
		font-weight: normal;
		}

#audience ul.suggested li a:hover {
		border-bottom: 1px #87744c solid;
		}
		
/* ---------|------------------------------------------------

			Footer
			
---------------------------------------------------------- */

#footer {
		clear: both;
		padding: 15px 0;
		padding-top: 0;
		}
		
#footer #linklist {
		clear: left;
		position: relative;
		width: 775px;
		margin: 0 auto;
		background: #f5f0dd url('/i/footer_border.gif') top left repeat-x;
		padding-top: 15px;
		}

#footer ul li {
		list-style: none;
		display: inline;
		background: #f5f0dd url('/i/footer_spacer.gif') 0 3px no-repeat;
		padding-left: 11px;
		}

#footer ul li a {
		color: #87744c;
		font-size: 1em;
		font-weight: bold;
		}

#footer ul li a:hover {
		text-decoration: underline;
		}
		
#footer p {
		color: #87744c;
		font-size: .8em;
		padding-left: 11px;
		}
		

#footer ul li.nobackground {
		background: none;
		}

#footer #sociallist {
		position: relative;
		width: 775px;
		margin: 0 auto;
		}

#social {
		float: left;
		background: none !important;
		padding: 0 0 3px 12px;
		width: 400px !important;
		height: 33px;
		}

#social h4 {
		float: left;
		padding-top: 0 !important;
		}

#social ul li {
		float: left;
		background: none;
		}