/*------------------------------basic layout----------------------------*/

html, body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	background: url(paper.jpg) repeat;
}

#area { 
	width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */
}

/*----------------sticky footer by Ryan Fait http://ryanfait.com/----------------*/

.push {
	height: 75px; /* .push must be the same height as .footer */
}

#bottom {
	margin: 0 0 -130px 0;
}

#header {
	background: #638a52;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 15px;
}

#top {
	height: 100px;
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
}

#content {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font: normal 90% arial, helvetica, sans-serif;
	line-height: 1.5;
}

#footer {
	background: #333;
	margin: 0;
	padding: 30px 0 0 0;
	text-align: left;
	width: 100%;
	height: 75px;
}

#footermax {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
}

/*------------------------------sectional layout----------------------------*/

.section {
	position: relative;
	border-top: 1px solid #a2a298;
}

.section h2 {
	background: #a2a298;
	color: #fff;
	text-indent: 15px;
	font-size: 70%;
	text-transform: lowercase;
	width: 249px;
	height: 39px;
	line-height: 37px;
	margin: 0;
	padding: 0;
}

.section2 {
	position: relative;
	border-top: 1px solid #8ba681;
}

.section2 h2 {
	background: #8ba681;
	color: #fff;
	text-indent: 15px;
	font-size: 70%;
	text-transform: lowercase;
	width: 249px;
	height: 39px;
	line-height: 37px;
	margin: 0;
	padding: 0;
}

/*------------------------------typography, links, lists----------------------------*/
	
.p1 {font-family: arial,helvetica,sans-serif; font-size: 100%; color: #333}
.p2 {font-family: arial,helvetica,sans-serif; font-size: 100%; color: #333}
.p3 {font-family: arial,helvetica,sans-serif; font-size: 100%; color: #333; font-weight: bold}
.p4 {font-family: georgia,'times new roman',times; font-size: 100%}
.p4r {font-family: arial,helvetica,sans-serif; font-size: 90%;}
.p6	{font-family: verdana,geneva,helvetica,sans-serif; font-size: 90%; color: #333; font-weight: bold}
.p7 {font-family: arial,helvetica,sans-serif; font-size: 90%; color: #333}
.p8	{font-family: verdana,geneva,helvetica,sans-serif; font-size: 95%;}
.q1	{font-family: 'Lucida Console', 'Monaco',monospace; font-size: 115%; font-weight: normal}

a {color: #638a52; text-decoration: none}
a:hover {text-decoration: underline}
a.footer {color: #8ba681;}
a.faculty {color: #333}

#footer p {
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 80%;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

/*------------------------------forms----------------------------*/

label.styled {
	font-size: 100%;
}

input.styled {
	font-size: 100%;
}

textarea.styled {
	font-size: 100%;
}

/*------------------------------miscellaneous----------------------------*/

img { 
	border: none;
}

br {
	clear: left;
}

/*----------------http://www.dynamicdrive.com/style/csslibrary/item/curly-corner-container/----------------*/

.curlycontainer{
	border: 1px solid #b8b8b8;
	color: #fff;
	margin-bottom: .5em;
	width: 400px;
	font-size: 70%;
}

.curlycontainer .innerdiv{
	background: transparent url(media/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
}

.curlycontainer .innerdiv{
	background: transparent url(media/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
}

.curlycontainer .innerdiv{
	background: transparent url(media/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
}

.curlycontainer .innerdiv{
	background: transparent url(media/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
}

/*------embedded fonts generated by Font Squirrel (http://www.fontsquirrel.com) on %March %6, %2010------*/

@font-face {
	font-family: 'AquilineExtraBoldItalic';
	src: url('AQUIEBI_.eot');
	src: local('AquilineExtraBold'), local('AquilineExtraBoldItalicSWFTE'), url('AQUIEBI_.woff') format('woff'), url('AQUIEBI_.ttf') format('truetype');
}

.r1 {font-size: 120%; line-height: normal; font-family: 'AquilineExtraBoldItalic', arial,helvetica,sans-serif; color: #333;}

@font-face {
	font-family: 'ComfortaaBold';
	src: url('Comfortaa_Bold.eot');
	src: local('☺'), url('Comfortaa_Bold.woff') format('woff'), url('Comfortaa_Bold.ttf') format('truetype');
}

.r2 {font-size: 140%; line-height: normal; font-family: 'ComfortaaBold', arial,helvetica,sans-serif; color: #555;}

.r3 {font-size: 130%; line-height: normal; font-family: 'ComfortaaBold', arial,helvetica,sans-serif; color: #555;}