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

Title:      JCEL's main styles
Author:     Rick Stutz, 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: #fff url('http://www.juniata.edu/services/jcel/i/main_background.jpg') repeat-x top left;
		}
		
html, body {
		height: 100%;
		}
		
img {
		border: 0;
		}
		
a:link, a:visited {
		color: #00ace6;
		text-decoration: none !important;
		}

.floatright {
		float: right;
		}

.floatleft {
		float: left;
		}
		
.clear {
		clear: both;
		}

.clearleft {
		clear: left;
		}
		
.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;
		}

.noborder {
		border: 0 !important;
		}
/* ---------|------------------------------------------------

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

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	}

h2 {
	font-size: 2.5em;
	font-weight: normal;
	color: #022753;
	padding-bottom: 10px;
	}

h3 {
	font-size: 1.5em;
	margin: 1em 0em 0em 0em;
	font-weight: normal;
	line-height: 1.2em;
	color: #2d66a9;
	}

h4 {
	font-size: 1.2em;
	margin: 1em 0em .3em 0em;
	font-weight: bold;
	color: #87744c;
	}

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

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

		
#wrapper {
		position: relative;
		width: 999px;
		margin: 0 auto;
		}

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

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

#header {
		width: 999px;
		margin: 0 auto;
		background: transparent url('http://www.juniata.edu/services/jcel/i/header_glow_background.jpg') no-repeat top left;
		height: 98px;
		}
		
#header img.logo {
		margin: 8px 5px 0 25px;
		float: left;
		}
	
#header h1 a {
		font-size: 1.5em;
		font-weight: bold;
		color: #fff;
		margin: 0 0 0 0;
		float: left;
		line-height: 1em;
		}

#header #nav ul {
		float: right;
		margin: 11px 0 0 0;
		background-color: #102a52;
		}

#header #nav ul {
        list-style: none;
      	}

#header #nav ul li, #header #nav ul li a {
        float: left;
        display: block;
      	}

#header #nav ul li a {
        margin: 15px 5px;
        padding: 5px 12px 5px 12px;
		font: 2em Verdana;
        color: #b9cad6;
        text-decoration: none;
	    }

#header #nav ul li a:hover, #header #nav ul li a.selected {
        background-color: #fff;
        color: #102a52;
      	}

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

			Feature
			
---------------------------------------------------------- */
	
#featurewrapper {
		position: relative;
		clear: both;
		width: 999px;
		margin: 0 auto;
		}

#featurebox {
		float: left;
		position: relative;
		width: 700px;
		height: 255px;
		background: transparent url('http://www.juniata.edu/services/jcel/i/feature_background.jpg') no-repeat top left;
		}
		
#featurebox #features {
		overflow: hidden;
		width: 700px;
		height: 255px;
		padding: 25px;
		}
		
.arrowleft {
		float: left;
		margin: 80px 35px 0 0;
		}		

.arrowright {
		float: left;
		margin: 80px 0 0 70px;
		}		

#arrows a {
		border: 0;
		}
		
#features p {
		float: left;
		font: 3em Helvetica;
		color: #fff;
		width: 350px;
		margin-top: 80px;
		}

#features .highlight {
		color: #022753
		}
		
#features img {
		float: left;
		margin: 17px 0 0 40px;
		right:auto;
		}

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

            Tab Slider

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

.tabslider h3 {
		margin-top: 75px;
		font: 2.9em Helvetica;
		color: #0f2b53;
		}
		
.tabslider h4 {
		margin-top: 5px;
		font: 3.5em Verdana;
		font-style: italic;
		color: #ff9600;
		}

.tabslider img {
		margin-top: 70px;
		float: left;
		}

.tabslider ul li {
		margin: 17px 0 0 375px;
		padding: 5px 0 5px 45px;
		background: #eee url('http://www.juniata.edu/services/jcel/i/main_bullet.jpg') no-repeat top left;
		list-style: none;
		font: 1.5em "Lucida Grande", Tahoma;
		}

.tabslider ul li a {
		color: #333;
		border-bottom: 1px #ddd solid;;
		}
		
.tabslider ul li a:hover {
		color: #ff9600;
		border-bottom: 1px #ddd solid;
		}
		
.tabslider img.go {
		float: right;
		margin: 0 60px 0 0;
		}

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

			Main Layout
			
---------------------------------------------------------- */

		
#maincontent, #content {
		position: relative;
		clear: both;
		top: 25px;
		padding-bottom: 80px;
		background-color: #fff;
		overflow: visible !important;
		}

#contentwrapper {
		background-color: #fff;
		padding-top: 35px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -130px;
		}

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

			Content
			
---------------------------------------------------------- */
		
#content {
		top: 15px;
		margin: 0 auto;
		width: 800px;
		}
		
#content p {
		padding: 15px 0;
		}

#content ol, #content ul {
		margin-top: 10px;
		}
		
#content ol li {
		margin-left: 20px;
		padding: 15px 5px 10px 5px;
		}
		
#content ul li {
		margin-left: 15px;
		padding: 0 5px 10px 25px;
		background: transparent url('http://www.juniata.edu/services/jcel/i/bullet.png') no-repeat top left;
		list-style: none;
		}

#content ul li.nobullet {
		background: none;
		}
		
#content a {
		color: #000;
		border-bottom: 1px #bf8730 solid;
		}
		
#content a:hover {
		color: #7f4e00;
		border-bottom: 1px #bf8730 solid;
		}
		
#content .sideimage {
	float:right;
	padding:20px;
	width:330px;
	}

#content .sideimage p {
	clear:both;
	}
#content .sideimage img {
	display:block;
	text-align:center;
	}
		
/* ---------|------------------------------------------------

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

#footerwrapper {
		position: relative;
		clear: both;
		background: #0f2b53 url('http://www.juniata.edu/services/jcel/i/footer_background.jpg') repeat-x top left;
		}
		
#footer {
		margin: 0 auto;
		width: 999px;
		height: 130px;
		}

#push {
		height: 130px;
		}

#footer ul {
		float: left;
		margin: 55px 0 0 0px;
        list-style: none;
		}

#footer li {
        float: left;
        display: block;
      	}

#footer ul li a {
        margin: 15px 20px;
		font: 2em Helvetica;
        color: #fff;
        text-decoration: none;
		border-bottom: 2px #143a70 solid;
	    }

#footer ul li a:hover {
		border-bottom: 2px #fff solid;
      	}
		
#footer .juniatalogo {
		float: right;
		margin: 36px 0 0 0;
		}
		
#footer img.getstarted {
		margin-top: -18px;
		}