@charset "utf-8";
/* CSS */
@import "reset.css";

html{overflow-y:scroll;}

body{
	text-align:center;
	background-color: #FFF;
	font-family:Verdana, Geneva, sans-serif
}

#wrapper{
	width:999px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#banner{
	width:999px;
	height:154px;
}
#banner img{
	float:left;
}
#banner h1{
	background-image:url(images/practical_philosophy_logo.gif);
	background-repeat:no-repeat;
	width:732px;
	height:154px;
	text-indent:-99999px;
	float:left;
}

#quote{
	float:right;
	width:220px;
	padding-top:40px;
}
#quote q{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:17px;
	color:#A3A3A3;
}
#quote p{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:13px;
	margin-top:7px;
	color:#A3A3A3;
	font-style:italic;
}

.page_quote{
	width:350px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	color:#666;
	font-weight:bold;
}
.page_quote_cite{
	width:140px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
	color:#666;
	font-weight:bold;
}

#menu_wrapper{
	width:999px;
	height:23px;
	border-bottom: 1px solid #c8c8c8;
}
#menu{
	width:540px;
	height:23px;
	float:right
}
#sub_menu{
	width:535px;
	height:23px;
	float:right
}

#sub_menu li {
	display:inline;
	float:left;
	font-size:11px;
	height:22px;
	margin-left:12px;
	margin-right:12px;
	padding-top:5px;
	text-align:center;
}
#sub_menu li a {
	color:#656870;
	text-decoration:none;
}
#sub_menu li a:hover {
	color:#003882;
}
#sub_menu li .active {
	color:#003882
}

#content{
	clear:both;
	width:999px;
	padding-top:6px;
	
}
#photo{
	width:451px;
	float:left;
	margin-bottom:10px;
}
#photo ul{
	margin-top:10px;
}
#photo li{
	font-size:10px;
	margin-bottom:8px;
	background-image:url(images/tv.gif);
	background-repeat:no-repeat;
	height:15px;
	padding-left:29px;
	padding-top:4px;
	color:#003882;
	font-weight:bold;
}
#photo li a{
	font-weight:normal;
	color:#003882;
}
#photo li a:hover{
	color:#000
}
#photo img{
	margin-bottom:10px;
}
#text{
	width:521px;
	float:right;
	margin-bottom:10px;
}

#text h2{
	color:#5075a7;
	font-size:14px;
	margin-bottom:11px;
	font-weight:bold;
}
#text h2{
	color:#5075a7;
	font-weight:normal;
	font-size:20px;
	margin-bottom:13px;
}

#text p{
	color:#000;
	font-size:11px;
	margin-bottom:11px;
	line-height:15px;
}
#text a{
	color:#0043bf;
	text-decoration:none;
}
#text a:hover{
	color:#036;
	text-decoration:underline
}


#text table{
	color:#000;
	font-size:11px;
}
#text table p{
	color:#000;
	font-size:11px;
	margin:0px 0px 3px 0px;
}
#text table tr{
	margin-bottom:10px;
}
#footer{
	clear:both;
	width:999px;
	border-top: 15px solid #58585a;
	padding-top:10px;
}
#footer p{
	float:right;
	text-align:right;
	color:#000;
	font-size:12px;
}
#footer a{
	color:#5075A7;
	text-decoration:none
}
#footer a:hover{
	text-decoration:underline;
	color:#666
}


h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.Agnieszka_01{display:none;}
.Agnieszka_02{display:none;}
.Jade_06{display:none;}
.Kuan_03{display:none;}
.Kuan_05{display:none;}
.Mary_03{display:none;}
.Nurland_01{display:none;}
.Silas_03{display:none;}
.William_05{display:none;}
.Anne_02{display:none;}
.Anne_06{display:none;}
.Anthony_07{display:none;}

p.opener { cursor: default; }
.popup { background-color: #E0E7EF; padding: 8px; border: 1px solid #B5C1CF; margin: auto 12px 12px auto; }
.popup img { vertical-align: middle; }
.popup input { vertical-align: top; }
.popup h1 { color: #76A6D7; }
.hidden { display: none; }
#text .popup p{
	margin-bottom:5px;
}
#alert { border: solid 1px red; background-color: #FFDBAE; color: #660000; margin: 0 0 15px 0; padding: 12px; font-size: 12px; }