body { margin: 0; padding: 0; background: url(../images/bg.jpg) repeat-x #8B9BCE; font: 12px Trebuchet MS, Arial, sans-serif; color: #666; }
a img {border: none;}
#shadow_wrap { width: 1034px; margin: 0 auto; background: url(../images/bg-shadow.png) repeat-y; }
#wrapper { width: 1000px; margin: 0 auto; background: #FFF; min-height: 1000px; }
#header { background: url(../images/header.jpg); width: 1000px; height: 396px; position: relative; }
#header:hover{ cursor: pointer; }
	#header #social {position: absolute; right: 15px; top: 96px; width: 82px; height: 34px; }
		#header #social #twitter { background: url(../images/social.png) no-repeat left 0; width: 43px; height: 38px; position: absolute; top: 0; left: 0; }
			#header #social #twitter:hover { background: url(../images/social.png) no-repeat left -38px; cursor: pointer; }
		#header #social #facebook { background: url(../images/social.png) no-repeat right 0; width: 43px; height: 38px; position: absolute; top: 0; right: 0; }
		#header #social #facebook:hover { background: url(../images/social.png) no-repeat right -38px; cursor: pointer; }
#nav { margin: 0 auto 10px auto; width: 966px; height: 35px; }
	.lt { background: url(../images/nav-lt.png); width: 8px; height: 35px; float: left; }
	.rt { background: url(../images/nav-rt.png); width: 8px; height: 35px; float: left; }
	.mid { height: 35px; float: left; margin: 0; font-family: Arial, sans-serif; width: 909px; background: url(../images/nav-mid.png) repeat-x; }
		.mid li { list-style-type: none; float: left; display: block; height: 26px; padding-top: 9px; }
		.mid li:hover { background: url(../images/nav-hover.png) repeat-x; }
		.mid li a { color: #FFF; padding: 0 10px; font-weight: bold; text-decoration: none; }
		.mid li a:hover { color: #FFF36F;  }
#content { padding: 10px 15px 45px 15px; overflow: hidden; }

/* index 2-column layout */
#left{ width: 470px; float: left; margin-left: 5px; }
#right{ width: 470px; margin-left: 500px;  }

.rlist { width: 100%; }
	.rlist tr { background: #EEE; }
	.rlist td { height: 50px; padding-left: 60px; border-bottom: 5px solid #FFF; }
	.time { background: url(../images/clock.png) no-repeat 10px 5px;}
	.heart { background: url(../images/heart.png) no-repeat 10px 5px;}
	.people { background: url(../images/people.png) no-repeat 10px 5px;}
	.pencil { background: url(../images/pencil.png) no-repeat 10px 5px;}
	.talk { background: url(../images/talk.png) no-repeat 10px 5px;}
	.mail { background: url(../images/mail.png) no-repeat 10px 5px;}
	
.slist { width: 100%; }
	.slist tr { background: #EEE; }
	.slist td { padding-left: 10px; border-bottom: 5px solid #FFF; }
	.slist td.l { border-right: 2px solid #FFF; }

#mainpic { border: 1px solid #EEE; width: 416px; height: 278px; padding: 10px;}
#caption { color: #666; font-style: italic; width: 455px; font-size: 11px; }
.yes { background: url(../images/yes-block.jpg) no-repeat center top; width: 100%; height: 90px; }
.yes:hover { background: url(../images/yes-block-hover.jpg) no-repeat center top; }
#regbtn { background: url(../images/download-handbook.png) no-repeat; width: 239px; height: 91px; display: block; margin: 0 auto;}
#regbtn:hover { background: url(../images/download-handbook-hover.png) no-repeat; cursor: pointer; }

/* Quotes */
.quote1,.quote2 { background: #EEE; padding: 10px; width: 440px; position: relative; margin: 10px 0; }
.qfull { width: 930px; margin: 10px auto; }
.qtext { margin-bottom: 18px; position: relative; }
	.qtext .openq {background: url(../images/open-quote.png) no-repeat; width: 24px; height: 21px; position: absolute; top: 0; left: 0; }
	.qtext .closedq {background: url(../images/closed-quote.png) no-repeat; width: 25px; height: 21px; position: absolute; bottom: 9px; right: 0; }
	.author { text-align: right; font-weight: bold; font-style: italic; font-size: 14px; background: url(../images/open-star.png) no-repeat top right; padding-right: 25px; position: absolute; bottom: -9px; right: 9px; }
	.noauth { margin-bottom:-8px; }

	.quote1 .profileimg { display: block; width: 109px; height: 145px; float: left; }
	.quote1 .qtext { margin-left: 128px; }
		.quote1 .qtext p { padding: 0 20px 10px 16px; margin: 0; }
		.quote1 .qtext .openq { left: -12px; }

	.quote2 .qtext { padding: 0 0 0 30px; }
		.quote2 .qtext p { padding: 0 0 10px 0; margin: 0; }
	
.oneline { width: 930px; margin-left: -20px; }	
.oneline li { background: #F2F2F2; padding: 10px; margin: 10px 0; border-bottom: 1px solid #CFCFCF; font-size: 15px; list-style-type: none; }
	.oneline li .date { font-size: 9px; font-family: courier, arial, sans-serif; }
	.oneline li .r { float: left; margin: 0 15px;}
	.oneline li .r a { font-weight: bold; color: #900; }

#ask_yourself { width: 440px; }
	#ask_yourself .bwrap { background: #EEE; width: 410px; padding: 15px; margin-top: -14px; }
	#ask_yourself table { width: 410px; font-size: 13px; }
	#ask_yourself table td { width: 191px; vertical-align: middle; }
	#ask_yourself table td.s { background: url(../images/gold-star.png) no-repeat 0 5px; width: 24px; height: 24px; }

/* COMMON */
p.c { text-align: center; }

#footer { width: 1000px; margin: 0 auto; height: 70px; }


/* CONTACT */
#contactform,.contact-fieldset { border: none;}
#contactform li { list-style-type: none; }
.contact-error {
	border:1px solid #eda0a0;
	background:#fde3e3;
	padding-left: 15px;
}
.contact-success {
	border:1px solid #bae5cb;
	background:#daffe9;
	padding-left: 15px;
}

#register {background: url(../images/signup-form-bg.png) no-repeat; width: 775px; height: 442px; margin: 40px auto 0 auto; position: relative;}
	#register input { position: absolute; background: none; border: none; width: 142px; height: 24px; color: #333; }
	#register #first { top: 86px; left: 70px;}
	#register #last { top: 86px; left: 231px;}
	#register #school { top: 140px; left: 70px;}
	#register #position { top: 140px; left: 231px;}
	#register #city { top: 194px; left: 70px;}
	#register #state { top: 194px; left: 231px;}
	
	#register #email { top: 86px; left: 402px; width: 302px;}
	#register #phone { top: 140px; left: 402px;}
	#register #username { top: 140px; left: 563px;}
	#register #password { top: 194px; left: 402px;}
	#register #confirm { top: 194px; left: 563px;}
	#register #submit { top: 235px; left: 563px; width: 63px; height: 28px; background: url(../images/signup-btn.png) left bottom no-repeat; cursor: pointer; }
	#register #submit:hover { background: url(../images/signup-btn.png) left top no-repeat; }
	#register #info { position: absolute; bottom: 20px; text-align: center; line-height: 1.8; font-size: 13px; padding: 0 25px;}

#errors { color: #900; font-weight: bold; }

.images { text-align: center; }
.images img { margin: 6px; border: 1px solid #DDD; padding: 4px; width: 150px; height: 100px; }
.images img:hover {cursor: pointer;}

#gallery { position: relative; }
#big_pic {width: 800px; min-height: 534px; padding: 15px; background: #FFF; border: 5px solid #666; position: absolute; left: 50%; top: 50%; margin-left: -430px; margin-top: -267px; z-index: 2;}


<style type="text/css">
@font-face {
  font-weight: 400;
  font-style:  normal;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Regular.woff2') format('woff2');
}
@font-face {
  font-weight: 400;
  font-style:  italic;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Italic.woff2') format('woff2');
}

@font-face {
  font-weight: 500;
  font-style:  normal;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Medium.woff2') format('woff2');
}
@font-face {
  font-weight: 500;
  font-style:  italic;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-MediumItalic.woff2') format('woff2');
}

@font-face {
  font-weight: 700;
  font-style:  normal;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Bold.woff2') format('woff2');
}
@font-face {
  font-weight: 700;
  font-style:  italic;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-BoldItalic.woff2') format('woff2');
}

@font-face {
  font-weight: 900;
  font-style:  normal;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-Black.woff2') format('woff2');
}
@font-face {
  font-weight: 900;
  font-style:  italic;
  font-family: 'Inter-Loom';

  src: url('https://cdn.loom.com/assets/fonts/inter/Inter-UI-BlackItalic.woff2') format('woff2');
}</style>