/** CSS RESET **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/** SITE STYLES **/

body { background-color:#f5f5f5;}

h1, h2, h3, h4, p, a, li { font-family: Arial, Helvetica, sans-serif ; margin:0; padding:0; text-decoration:none; outline:none; border:none;}

h1 { font: 18px 'QlassikMediumRegular', Arial, sans-serif; color:#73304b; margin-bottom:7px;}
 
h2 { font: 15px 'QlassikMediumRegular', Arial, sans-serif; color:#994A68; margin-bottom:7px;}
 
h3 { font-size: 13px ; color:#666; margin-bottom:7px; font-weight:bold;}
 
h4 { font-size: ; color: ; line-height: ;}
 
li, p, a, a:hover { font-size: 13px; color:#777; line-height:130%; text-align:justify; margin-bottom:7px; text-decoration:none;}
	a:hover { color:#994A68;}
 

ul, ol { padding-left:15px;}


/** FONTS **/
 
 @font-face {
    font-family: 'QlassikMediumRegular';
    src: url('../fonts/Qlassik_TB-webfont.eot');
    src: url('../fonts/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Qlassik_TB-webfont.woff') format('woff'),
         url('../fonts/Qlassik_TB-webfont.ttf') format('truetype'),
         url('../fonts/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('../fonts/QlassikBold_TB-webfont.eot');
    src: url('../fonts/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/QlassikBold_TB-webfont.woff') format('woff'),
         url('../fonts/QlassikBold_TB-webfont.ttf') format('truetype'),
         url('../fonts/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** Wrappers **/
 	
	#wrapper-page { width:100%; height:100%; position:relative; margin:0; padding:0;}
	#wrapper-header { width:100%; height:110px; position:relative; margin:0; padding:0; background:url(../images/header-bg.png) top center repeat-x; border-bottom:1px solid #73304b; z-index:1000;}
	#wrapper-body { width:100%; height:auto; position:relative; margin:0; padding:75px 0;}
	#wrapper-footer { width:100%; height:40px; position:fixed; margin:0; padding:0; background-color: #73304b; left:0px; bottom:0px; z-index:1000;}

 
/** PAGE DIVS **/


#header-inner { width:930px; height:100px; margin:0 auto; padding:0 25px; position:relative; padding-top:5px;}

	h1.logo { position:absolute; top:0; left:10px;}
	#name-wrapper { width:790px; height:65px; position:absolute; top:5px; left:160px; border-bottom:1px solid #fff;}
		#name { width:250px; height:70px; position:absolute; top:0; left:0;}
		#name h1 { font:44px "Times New Roman", Times, serif; color:#fff; text-align:left; letter-spacing:10px; margin:0; padding:0;}
		#name h1 span { font:10px Arial, Helvetica, sans-serif; color:#BCBEC0; text-align:center; letter-spacing:normal; margin:0; padding:0; position:relative; top:-7px; left:2px;}
	
	#main-nav { width:400px; height:25px; position:absolute; top:75px; left:570px; padding-top:5px;}
		#main-nav p { text-align:right; color:#73304B; font:14px Arial, Helvetica, sans-serif;}
			#main-nav p a {font: 14px 'QlassikMediumRegular', Arial, sans-serif; color:#fff; padding:5px 10px; margin:0 10px; text-decoration:none;}
				#main-nav p a:hover { border-bottom:2px solid #73304B;}




#home-inner { width:930px; height:auto; margin:0 auto; padding:0 25px; position:relative;}		
#home-blurb { width:360px; height:auto; padding:30px; position:fixed; left:50%; bottom:125px; background: url(../images/hp-copy-trans.jpg) top center repeat; -webkit-border-radius: 10px;  border-radius: 10px; behavior: url(js/PIE.htc); border:1px solid #f5f5f5;}
	


/**  BODY **/

#body-inner { width:930px; min-height:500px; margin:0 auto; padding:0 25px; position:relative; padding-bottom:130px;}

	/** members **/
		ul#members { width:930px; height:auto; list-style:none; margin:0 auto; padding:0;}
			ul#members li { width:465px; height:auto; display:inline; position:relative; float:left; margin-bottom:40px;}
			
					
			.content p { font-size: 13px; color:#666; line-height:130%; text-align:justify; font-weight:400; font-weight:normal; margin-bottom:7px;}
			.member-pic { float:left; margin-right:10px; margin-bottom:10px; padding:2px; background-color:#fff; border:1px solid #994A68;}
			
			.member-contacts { width:420px; height:30px; border-top:1px solid #994A68; padding-top:5px; text-align:right; margin-top:20px; clear:both;}
				.member-contacts img { margin:0 5px; text-align:right !important;}
				
		h3.memberheading { width:445px; border-bottom:1px solid #d4d4d4; color:#994A68; font: 18px 'QlassikMediumRegular', Arial, sans-serif; padding-bottom:5px;}
			 
			 .accordion-open span, .collapse-open span {  display:block;  float:right;  padding:10px; }
			 .accordion-open span, .collapse-open span { background:url(../images/members-arrow-up.png) center center no-repeat; }
			 .accordion-close span, .collapse-close span {  display:block; float:right; background:url(../images/members-arrow-down.png) center center no-repeat;  padding:10px; }
	
	/** fellowships **/
	
		.fellow-bio { clear:both; width:930px; height:auto; margin:0; padding:30px 0 0 0;}	
			.fellow-bio img.fellow-pic { float:left; margin-right:10px; margin-bottom:10px; padding:2px; background-color:#fff; border:1px solid #994A68;} 
	
	
	/** links **/
		ul.links { margin:20px 0;}
	
	
#footer-inner { width:930px; height:40px; margin:0 auto; padding:0 25px; position:relative;}
	.link { position:absolute; width:125px; height:92px; z-index:10px; top:-82px; left:-10px; background:url(../images/footer-link-bg.png) top center no-repeat; position:relative;}
		.link a, .link.storz a { width:94px; height:28px; margin:0; position:absolute; top:40px; left:12px;}	
			.storz { position:absolute; left:115px; top:-56px;}
			
	
	.login { width:500px; height:25px; margin:0 auto; text-align:center; margin-top:8px;}
		.login p { color:#B77690; font:9px Arial, Helvetica, sans-serif;}
			.login input { border:0; background-color:#73304b; border-bottom:1px solid #B77690; resize:none; color:#f5f5f5; text-align:center; }
			input.button { background-color:#B77690; -webkit-border-radius: 5px;  border-radius: 5px; behavior: url(js/PIE.htc); color:#73304b; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin:0; padding:0; padding:2px 7px 0px 7px; cursor:pointer; text-decoration:none;}
			input.button:hover { background-color:#fff;}
	
	.credits { width:225px; float:right; padding-top:7px;}
		.credits p, .credits p a { color:#B77690; font:9px Arial, Helvetica, sans-serif; text-decoration:none; text-align:right;}
			.credits p a:hover { color:#fff;}
/** PAGE CLASSES **/

.clearfix { width:100%; height:1px; clear:both !important;}