@import url(reset.css);

body {background: url('../images/tile.jpg') top center repeat-x #f1edd3;}
h1 {font-size: 35px; font-weight: bold; color: #a3b494; padding-bottom: 20px;}
h3 {font-size: 20px; line-height: 140%;}
h5 {font-size: 15px;}
strong {color: #000;}
form p {font-size:12px; color: #555; margin-bottom: 20px;}
textarea {width: 300px; height: 200px;}

.error {color: #ff0000;}
.success {color: #0a0;}

#wrapper { position: relative; }
#header {width: 100%; height: 74px; text-align: center;}
#header img {margin-top: 10px;}

#renewal-notice { position: absolute; left: 0; top: 0; height: 30px; width: 100%; background: #ffe; border: 1px solid #ee9; text-align: center; line-height: 30px; }
#hide_renewal_notice { display: block; float: right; height: 30px; width: 30px; line-height: 30px; font-size: 20px; text-decoration: none; font-weight: bold; color: #dd0; }
/*-----
navigation
----- */
#mainNav {list-style: none; float: right;height: 30px; border-bottom: 1px solid #999;}
#mainNav li {float: left; font-size: 16px; line-height: 30px; margin: 0 20px;}
#mainNav a, #mainNav a:visited {text-decoration: none; color: #647e4d;}
#home #mainNav .home,
	#directory #mainNav .directory,
	#news #mainNav .news,
	#officers #mainNav .officers,
	#contact #mainNav .contact,
	#jobs #mainNav .jobs,
	#edit #mainNav .edit {color: #333;}


#content {width: 100%; background: #fff;}
.pad {padding: 20px;}


/*-----
sign up and log in
----- */
#signup {width: 353px; height: 155px; background: url('../images/signupBox.jpg'); float: right; text-align: center;}
#signup p {font-size: 20px; color: #a3b494;}
#signup .pad {padding: 0; padding-top: 60px;}

#signup #renew-button { font-size: 14px; color: #a3b494; }
#signup #renew-button a { display: block; margin: 0 auto; width: 193px; height: 35px; text-indent: -9999em; background: url('../images/renew-button.png'); }

/* -----
main area
-----*/
#main {margin: 36px 0 0 0;}


/*-----
footer
----- */
#footer {margin: 50px 0 0 0; padding: 0 0 25px 0; text-align: center; font-size: 12px; color: #777;}
#footer p {font-size: 12px;}


/* -----
Directory Page
----- */
#search {height: 204px; width: 100%; background: url('../images/browseBg.jpg') repeat-x; border: 1px solid #999; margin: 0 0 20px 0;}
#search .findPeople {margin: 65px 0 0 50px;}
#search #lookup {width: 547px; height: 172px; float: right; margin: 15px 20px 0 0; background: url('../images/searchTabBg.jpg') top left no-repeat #fff;}
#search #lookup ul {list-style: none; margin: 0 0 0 3px;}
#search #lookup ul li {float: left; margin: 0}
#search #lookup a {display:block; width:108px; height:32px; background: url('../images/searchTab.jpg') top left no-repeat; text-align: center; font-size: 16px; color: #555; text-decoration: none; line-height: 34px;}
#search #lookup a.active {background: url('../images/searchTabActive.jpg');}
#search #lookup form {margin: 80px 0 0 35px;}
#search #lookup form .sBox {width: 220px; height: 20px; font-size: 16px;}
#search #lookup .example {font-size: 12px; color: #999; font-style: italic;}

.member {border-top: 1px solid #999; border-bottom: 1px solid #999;}
.member p {margin: 0;}
.memberPad {padding: 5px;}
.grey {background: #eee;}

#mailForm {width: 350px; height: 320px; border: 1px solid #666; visibility: none; background: #eee; text-align: left;}
#mailForm .pad {padding: 25px;}
#directory #mailForm form textarea {width: 300px; height: 200px; margin-bottom: 20px;}
#directory .eyeglass {float: right; height:23px; font-style: italic; font-size: 11px; line-height:23px; font-color: #ccc;}

form#login p,
form#forgot p {font-size: 16px; color: #a3b494;}

.alum {float: left; width: 370px; margin: 5px 0 0 10px;}
.alum h3 {font-size: 28px; color: #006633;}
.alum p {margin: 3px 0;}
.alum p strong {color: #000; font-weight: normal;}

.linkage {list-style: none; padding: 20px; width: 110px; background: #eee; border: 1px solid #666; float: left;}
.linkage a, .linkage a:visited {color: #666; text-decoration: none; font-size: 14px;}

/* -----
News Page
----- */
.entry {width: 500px; margin: 40px 0 20px 0; color: #666;}


/* -----
Officers Page
----- */
.office {width: 310px; float: left; margin: 20px 20px 0 20px;}
.prompt {margin-top: 60px;}


/* -----
Edit Profile
----- */
#editMenu {list-style: none; border-bottom: 1px solid: #333; margin-bottom:80px;}
#editMenu li {float: left; padding: 3px 20px;}
#editMenu a, #editMenu a:visited {text-decoration: none;}
#editMenu a.active {color: #333;}
a.delete,a:visited.delete, .delete {color: #FF0000; text-decoration: none;}

.linkList {width: 100%;}

form#settings p {font-size:12px; color: #555; margin-bottom: 20px;}
.column {width: 350px; float: left; text-align: left;}