/*
classywhite.css
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Times, Georgia, Serif;
	background: #fff;  
	font-size: 13px;
	line-height: 20px;	
}
body{ margin: 0; padding: 0; }

img {
	border: none;
}

h1
{
	font-weight: normal;
	text-decoration:none;
	font-family: Times, Georgia, Serif;
	font-size: 3em;
}

h2
{
	font-weight: normal;
	font-family: Times, Georgia, Serif;
	font-size: 2em;
}

h3
{
	font-family: Times, Georgia, Serif;
	font-weight: normal;
        font-size: 1.5em;
}

h3 a
{
	border: 0px;
	font-weight: normal;
	font-family: Times, Georgia, Serif;
	xfont-size: 1.5em;
}

html>body .container {
}
#container {
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	
	min-width:650px;

	/* use a dynamic expression to simulate min-width in ie <= 6, other browsers will ignore this	*/
	/* note that the two widths here must be different values, or ie will crash */
  width:expression(document.body.clientWidth < 650 ? "649px" : "100%" );
}   
#header{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 146px;
	z-index: 2;
	display: block;    
	background: transparent url('img/books.jpg') top center no-repeat; 
}               
#header h1, #header h2, #header h3 {
	text-align: center;
	padding: 0;
	margin: 0;
	adding-right: 15px;
}
#header h1 {
	display: block;
	width: 100%;
	position: absolute;
	top: 190px;
	left: auto;
	right: auto;
	text-align: center;
	font-size: 28px;
	background: transparent
}
#header h2 {
	font-size: 18px;
	color: #b68e5b;
	display: block;
	width: 100%;
	position: absolute;
	top: 210px;	
}
#header a {
	text-decoration: none;
	color: #95482f;
}
#masthead_container {
	position: relative;
	top: 25px;
	width: 100%;
	height: 131px;
	background: transparent url('img/blue_lines.gif') bottom center no-repeat;
}

#masthead {
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
	z-index: 0;
}  

#footer{
	clear: both;
	background-color: transparent;
	text-align: center;
	margin: 2.5em 0 0 0;
	z-index: 13;
}
div#footer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 0;
	padding: 0;
}  
#header h1.center {
}
h1.center a {
}
#header h2.center { 
}
.content {     
	background-color: transparent;
	position: absolute;
	top: 245px;
	right: 0;
	left: 0;
	padding: 0;
	z-index: 0;
	margin: 0;  
	padding: 0;
}
div.topcap {
    display: none;
	height: 10px;
	padding: 0px;
	margin: 0px;
}   
div.push, div.push_narrow {
	position: relative;
    padding: 0;
	vertical-align: top;
	margin: 10px 220px 25px 210px;
} 

div.push div.block, div.push_narrow div.block {
	/* each individual contentblock gets this style */
	position: relative;
	display: block;
	padding-bottom: 6px;
	width: 100%;
    background: transparent;
}

div.push div.cap, div.push_narrow div.cap { display: none; }
div.push div.foot, div.push_narrow div.foot { display: none; }
div.push div.body, div.push_narrow div.body { 
	margin: 0;
	padding: 0;
}

#image_div {
	display:  block;
}   
.clear {
	clear: both;
}
h2.headline {
	text-align: left;
	background-color: transparent;
	margin: 0;
	padding: 0;
	font-size: 18px;
}  
div.float {
	height: 150px;
	float: left;
	padding: 4px;
	margin: 0px;
	/*border: 1px solid grey;
	border-right: 1px solid silver;*/
	border-bottom: 1px dashed silver;
}
div.float p {
	display: block;
	text-align: center;
	background-color: #d9dadc;
	margin-top: 1px;
	margin-bottom: 0;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
div.float a {
	text-decoration: none;
	color: #555;
}   

/* NAVIGATION  */
#nav {
	font-family: Times, Georgia, Serif;
	position: relative;
	top: 38px;
	left: 38px;
	background: #fff;
	width: 170px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 9;  
} 
#nav div.cap {
	display: none;
}
#nav ul {
	padding:  0;
	margin: 0;
	list-style: none;
	float:  left; 
	width:  170px;
	z-index: 15;     
	background-color:  transparent;
}   
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 2em;
	width:  170px;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 12.55em;      
	margin-top : -2em;
}      
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#nav li a {
	display : block;
	color : #777;
	text-decoration : none;
	background-color : transparent;
	padding : 0 0.5em;  
	font-size: 15px;
	font-weight: normal;    
} 
#nav li ul li {
	position : relative;
	float : left;
	line-height : 2em;
	margin-bottom : -1px;
	width: 11em; 
	border: 3px double #95482f;
}
#nav li ul li a {
	padding : 0 0.5em;  
	font-size: 14px;
	font-weight: normal;	
	background-color: #fff;    
}
#nav li a:hover {
	color : #000;
	text-decoration: underline;  
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
	z-index: 100;
}
#content {
	margin-left : 12em;
} 	
#nav  ul li a#here {
	font-weight: bold;
	color: #95482f;
	font-size:  16px;
}
	
	
/* END OF NAVIGATION*/
/* SIDEBAR ONE (left by virtue of its placement in this style sheet - it could be anywhere */
.sidebar {
	font-size: 12px;
	margin: 0;
	background-color: transparent;
	position: relative;
	top: 38px;
	left: 10px;
	width: 190px;
	height: auto;
	z-index: 2;
	xfloat: right;
	clear: both;
}
div.sidebar div.cap {
	background: transparent; /*url("img/green_back_top.gif") bottom right no-repeat;*/   
	width: 190px;
}
div.sidebar div.foot{
	background: #fff;
	display: none;
}
div.sidebar div.body {
	position: relative;
	top: auto;
	bottom: auto;
	width: 190px;
	height: auto;
	z-index: 12;
	border: 0;
	margin: 0;
	padding: 0;
    background: transparent;
	
}
.titlebar {
	/* display: block;*/
	color: #95482f;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	text-transform: lowercase;
	font-variant: small-caps;
	background: #fff;
	line-height: 1.3;      
	border-bottom: 1px solid #fff;
	text-align: left;
	padding: 2px auto 2px 16px;	
	margin: 0 0 0 5px;
}
.titlebar a {
	ext-decoration: none;
	olor: #555;
} 

ul.link_box {
	margin: 0;
	padding: 0;
	padding-left: 0px;
	padding-bottom: 0px;
	list-style-type: none;   
	background: transparent;
}
ul.link_box li {
	color: #95482f;
	padding-left: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
}
ul.link_box li:hover {
	color: #000;
	list-style-type: none;
	background: #fff;
}
ul.link_box li a {
	color: #95482f;
	text-decoration: none;
	display: block;
	padding-left: 2px;
	background-color: transparent;
	font-style: italic;
}
ul.link_box li a strong {
	font-weight: normal;
	font-style: normal;
}
ul.link_box li a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #000; 
	cursor: pointer; 
	background: #fff; 
}
div.content ul.link_box {
	list-style-type: none;   
	border: none; 
}

div.content ul.link_box li {
}

div.content ul.link_box li a {
	color: #414141;
	text-decoration: none; 
	background-color: transparent; 
}

div.content ul.link_box li a:hover {
	background-color: transparent;
	color: #141f2f; 
	cursor: pointer;
	text-decoration: underline;
}

ul.gallery_box {
	margin: 0;
	padding: 0;
	padding-left: 25px;
	padding-bottom: 0px;
	list-style-type: none; 
	display: block;
}
ul.gallery_box li {
	padding: 6px 0 0 0;
}
/* END SIDEBAR ONE */
 
/* SIDEBAR TWO (currently on the right) */
.sidebar2 {
	font-size: 12px;
	margin: 10px 0 0 0;
	position: absolute;
	top: 150px;
	right: 10px;
	width: 190px;
	height: auto;
	z-index: 3;
	xfloat: right;
	clear: both;
	padding: 0;   
	background: transparent;
}
.sidebar2 div.cap {
	background: transparent; /*url("img/green_back_top.gif") bottom right no-repeat;*/   
	width: 190px;
	height: 6px;
}
.sidebar2 div.foot{
	background: #fff;
	display: none;
}
.sidesub2 {
	top: auto;
	bottom: auto;
	width: 190px;
	height: auto;
	z-index: 12;
	background: #fff;/* url("img/green_back_middle.gif") right repeat-y;*/
	border: 0;
	margin: 0;
	padding: 0;    
}
#sidesublogin {
	background-color: #fff;
	text-align: right;
}
#sidesublogin a {
	text-align: right;
	padding: 0 20px 0 0;
	color: #000;
	text-decoration: none;
	display: block;
	background-color: transparent;
	font-weight: normal;
	font-size: 11px;
}
#sidesublogin a:hover {
	text-decoration: underline;
}
#sidesubhome { 
}
div.sidebar2 div#sidesubhome a {
	adding: 5px 6px 5px 6px;
	display: block; 
	color: transparent;
}
.sidesub2 .titlebar {
	ext-align: center;
}

ul.button_box {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.button_box li {
	padding: 2px 4px 2px 4px;
	display: block; 
	background: #fff; 
}
ul.button_box li:hover {
	color: #555;   
	background: #fff;  	
}
ul.button_box li a {
	color: #95482f;
	text-decoration: none;
	display: block;
	background-color: transparent;
	font-weight: normal;
	ont-size: 14px;
}
ul.button_box li a:hover {
	background: #fff;
	text-decoration: underline;
	color: #000;
	cursor: pointer;
	ont-weight: bold;   
}
/* END SIDEBAR TWO */ 
/* LOGIN FORM */  
#login_box {
	background: #ddd;    
}
div.formrow {
	clear: both;
	padding-top: 3px;
	text-align: center;
	background: #fff;    
}
div.formrow span.formlabel {
	float: left;
	width: 90px;
	text-align: right;
	background-color: #ddd;
}
div.formrow span.formn {
	text-align: left;
	display: block;
	padding-left: 120px;
}
div.formrow span.formlabeli {
	/* "i" at the end is for italic */
	float: left;
	width: 87px;
	text-align: right;   
	padding-top: 4px;   
	background-color: #fff;
}
div.formrow span.formi {
	float: right;
	width: 100px;
	text-align: left; 
	background: #fff;    
}
input#user_password, input#user_login {
	float: left;
	width: 94px;  
}

#loginclam {
	display: none;
	background-color: transparent;
}
#loginclam div.formrow span.formlabeli {
	font-style: italic;
	font-size: smaller;
} 
#login_links {
	text-align: center;
}
a.loginlink {
	font-size: smaller;
	text-decoration: none;
	color: #32353d;
}
a.loginlink:hover {
	font-size: smaller;
	text-decoration: underline;
	color:	#32353d;
}
form {
	margin: 0;
	padding: 0;
}
.smallsavebutton {
	background-color: #ddd;
	margin-right: 12px;
	margin-left: 6px;
    font-size: 80%;
}
.smallsavebutton:hover {
	ackground-color: #adaeb1;
	olor: #32353d;
}
/* END LOGIN FORM */

div#cdmessage {
	position: absolute;
	z-index: 6000;
	top: 4px;
	left: 4px;
	margin: 0 0 0 0;
	padding: 0px 4px 4px 6px;
	background: url("img/button_left_red.gif") no-repeat left top;
}
div#cdmessage a {
	display: block;
	background: transparent url("img/button_right_red.gif") no-repeat right top;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0;
	padding: 0 6px 5px 4px;
}

div#sidesubhome div.titlebar {
	text-align: right;
	position: absolute !important;
	top: 46px;
	width: 173px;
	left: 4px;
	right: auto;
	bottom: auto;
	text-decoration: none;
	color: #000;
	font-size: 116%;
	background: transparent; 
	border-left: 6px solid #fff;
}
div#sidesubhome div.titlebar a {
	color: #000;
	text-decoration: none;
	margin-left: -6px;
	padding: 5px 6px 5px 6px;
	display: block;
}  
div#sidesubhome div.titlebar a:hover {
	color: #000; /*#714E4C;*/
	cursor: pointer;
	background: #fff;
}  

.rubricDiv { 
	position:  absolute; 
	z-index:  9000;
/*	position: fixed;
	top: 100px;   
	left: 50%;
	margin-left: -300px;
	text-align: center;
    z-index: 999;  
 	border: 1px solid #cbcbcb;     
*/
}   
#popup {    
	z-index:  5000;
}
table.floater {  
    
    width: 600px;
    background: #fff;
    border-top: 6px solid #ddd; 
	border-right: 6px solid #ddd; 
	border-bottom: 6px solid #ccc; 
	border-left: 6px solid #ccc; 

    border-collapse: collapse;
    border-spacing: 0;
    text-align: left; 
	font-size: 11px;
}
table.floater tr {

}
table.floater tr td, table.floater tr th {
    padding: 2px;
    border-top: 1px solid #ccc; 
}  
table.floater tr th { 
	text-align: right;
	border-right: 1px solid #ccc; 
}
 
div.push div.gallery, div.push_narrow div.gallery {
	overflow: hidden;
	text-align: center;
	background: transparent;
}
div.push div.gallery ul, div.push_narrow div.gallery ul {
	margin: .5em;
	padding: .5em;
	border: 3px double #ddd; 
	height: inherit;
	float: left;
}
div.push div.gallery ul li, div.push_narrow div.gallery ul li {
	list-style-type: none;
	float: left;
	background: #f3f3f3;
	margin: .5em;
	border: 3px double #ddd;
}   
div.push div.gallery ul li a, div.push_narrow div.gallery ul li a {
	display: block;
	margin: 4px 4px 10px 4px;
}
div.push div.gallery img, div.push_narrow div.gallery img {
	border: 2px solid #fff; 
}
div.floater {
	margin: 0 auto 0 auto; 
    border: 20px solid #ddd;
	border-bottom: 4px solid #ddd;
	border-top: 4px solid #ddd;
	background-color: #ddd;
}
/* changed from div.floater span.caption to this: */
div.gallery span.caption
{
	padding-top: 2px;
	font-size: 14px;
	display: block;
	text-align: center;
	background-color: #ddd;
}    
div.floater span.caption {
	padding-top: 2px;
	font-size: 14px;
	display: block;
	text-align: center;
	background-color: #ddd;
}
div.floater span.close_me {
	background: #ddd;
	padding-top: 1px;
	padding-bottom: 1px; 
	margin-left: -16px;
	font-size: 14px;  
	display: block;   
	text-align: left;
}
div.sidebar2 div#sidesubhome div.titlebar a {
	position: relative;
	top: 2px;
	left: 2px;
	display: block; 
} 
div#portal_link {
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;    
}
div#portal_link a {
	color: #000;
	text-decoration: none;
    text-transform: lowercase;
    font-variant: small-caps;
} 
div#portal_link a:hover {
	text-decoration: underline;
}
div#powered {
	margin:  30px auto 20px auto;
	text-align: center;
}     
#cal_div {
	margin: 6px;

}
.draft {
	background: #efefef;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
#draft_warning {
	position: absolute;
	color: #fff;
	background: #990000;
	padding: 8px;
	font-weight: bold;
	z-index: 10000;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 100%;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);	
}
#draft_warning a {
	color: #fff;
}
.hidden {
	display: none;
}
table.directory {
	border: 1px solid #cecece;
	margin: 2px;
}
table.directory tr th {
	font-size: 16px;
	background: #eee;
}
.even_row {
	background: #fff;
}
.odd_row {
	background: #eee;
}
table.side_calendar {
	background: #fff;
	width: 175px;
	margin: 0 auto 0 auto;
}
/* NEW STUFF TO HANLDE EDIT IN PLACE */
div.sidebar div.comment, div.sidebar2 div.comment {
	padding: 0 35px 6px 35px !important;
	font-size: 10px;
	line-height: normal;
}
div.push div.comment, div.push_narrow div.comment {
	font-size: 12px;
	padding: 0 10px 6px 10px;
}
div.push div.image div.body, div.push_narrow div.image div.body {
	overflow: hidden;
}
div.sidebar ul.rss_feed h3, div.sidebar2 ul.rss_feed h3 {
	font-size: 12px;
	line-height: normal;
}
div.sidebar ul.rss_feed li div.story_summary, div.sidebar2 ul.rss_feed  li div.story_summary {
	display: none;
}
div.push ul.rss_feed li div.story_summary, div.push_narrow ul.rss_feed  li div.story_summary {
	display: block;
}
div.sidebar ul.rss_feed li, div.sidebar2 ul.rss_feed li {
	line-height: 1em;
	xpadding: 0px 36px;
}
div.embed_obj {
	overflow: hidden;
}

div.sidebar div.embed_obj, div.sidebar2 div.embed_obj {
width: 190px !important;
}

div.sidebar embed, div.sidebar2 embed {
	width: 190px !important;
	height: auto;
}
div.sidebar iframe, div.sidebar2 iframe {
	width: 190px !important;
	height: auto;
}
div.sidebar object, div.sidebar2 object {
	width: 190px !important;
	height: auto;
}
div.sidebar div.image div.body img, div.sidebar2 div.image div.body img {
	max-width: 190px !important;
	height: auto;
}
div.push div.image div.body img, div.push_narrow div.image div.body img {
	max-width: 100% !important;
	height: auto;
}
div.sidebar div.embed_desc, div.sidebar2 div.embed_desc {
	xpadding: 0 35px 6px 35px !important;
	xfont-size: 10px;
	line-height: normal;
}

div.sidebar div.weblink div.body, div.sidebar2 div.weblink div.body {
	xpadding: 0 40px 0 35px !important;
	width: 190px;
	line-height: normal;
}
div.sidebar div.binaryfile div.body, div.sidebar2 div.binaryfile div.body {
	xpadding: 0 40px 0 35px !important;
	width: 190px;
	line-height: normal;
}
div.sidebar div.calendaritem div.body, div.sidebar2 div.calendaritem div.body {
	xpadding: 0 40px 0 35px !important;
	width: 190px;
	line-height: normal;
}
div.sidebar div.image div.body, div.sidebar2 div.image div.body {
	xpadding: 0 40px 0 35px !important;
	width: 190px;
	line-height: normal;
}
div.sidebar h2.headline, div.sidebar2 h2.headline {
	color: #95482f;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	text-transform: lowercase;
	font-variant: small-caps;
	background: transparent;
	line-height: 1.3;      
	border-bottom: 1px solid #fff;
	text-align: left;
	padding: 2px auto 2px 16px;	
	margin: 0 0 0 5px;
}
div.sidebar ul.rss_feed h3, div.sidebar2 ul.rss_feed h3 {
	font-size: 12px !important;
	line-height: normal;
}
div.sidebar ul.rss_feed h3 a, div.sidebar2 ul.rss_feed h3 a {
	font-size: 12px !important;
	line-height: normal;
}
ul.rss_feed a, ul.rss_feed_side a {
	text-decoration: none;
	color:#95482F !important;
}

div.sidebar div.gallery ul, div.sidebar2 div.gallery ul {
	margin: .3em;
	padding: .3em;	
	height:inherit;
	float: left;  
}
div.sidebar div.gallery ul li, div.sidebar2 div.gallery ul li {
	list-style-type: none;
	float: left;
	padding: .3em;
	margin: .3em;   
}   
div.sidebar div.gallery ul li a, div.sidebar2 div.gallery ul li a {
	display: block;
}
div.sidebar div.gallery img, div.sidebar2 div.gallery img {
	-moz-box-shadow: 4px 4px 4px #B4B4B4;
	-webkit-box-shadow: 4px 4px 4px #B4B4B4;
}
div.sidebar2 div.active_edit_side {
	float: right;
}

div.active_edit {
	min-width: 680px !important;
	position: relative !important;
	z-index: 1001 !important;
}