/* 
Function: the main CJSF site style sheet
Author: Giedrius Virbalas 
Created: 2004 01 01
Last modified: 2005 11 24
Modified by: Giedrius Virbalas
*/

/**************************************   Main Components   ************************************/
body {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 820px;
	background-color: #CCCCCC;
	background-image:url(../gfx/background_line.gif);
	background-repeat: repeat-y;
	background-position:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #f5f5f5;
	font-size: 75%;
	text-align: center;
	}

#mainblock {
	float:left;
	display: inline;
	padding: 0px;
	margin: 5px 0px 15px 46px;
	width: 750px;
	background-image:url(../gfx/content_bline.gif);
	background-repeat: repeat-y;
}
/*
* html #mainblock {
	text-align: center;
	}
*/
/****** Link Features ******/

a {
	margin :  0px -4px 0px 0px;
	color : #333366;
	background-color : transparent;
	text-decoration : none;
	padding: 2px 5px 2px 5px;
}

a:hover {
	margin: 0px -4px 0px 0px;
	color: #333366;
	text-decoration:none;
	background-color : #cccccc;
	padding: 2px 5px 2px 5px;
}

#content a{
	color:#333399;
	padding: 2px 3px 2px 3px;
	}

#content a:hover{
	color:#333399;
	padding: 2px 3px 2px 3px;
	}

#content h3 a{
	margin-right: 0px;
	padding: 1px 1px 1px 2px;
}
	
#content h3 a:hover {
	margin-right: 0px;
	color:#333399;
	background-color: #DDDDDD;
	padding: 1px 1px 1px 2px;
}

a:hover.nopad {
	margin-right: 0px;
	margin-left: -3px;
	padding: 0px;
}

a.nopad {
	margin-right: 0px;
	margin-left: -3px;
	padding: 0px;
	}

label{
	margin: 0px;
	padding: 0px 5px 5px 0px;
	}
	
/****** List Features ******/
ul{
	clear: both;
	margin : 0px;
	padding : 0px;
	line-height : 140%;
	list-style-type: none;
}

ul li{
	margin: 0px;
	background-color : transparent;
}
/**************************************  Page Top Features  *****************************/
#printlogo{
	display: none;
	} 
	
.contact{
	display: none;
	}

#header { 
	margin: 5px 0px 0px 0px;
	}

#dial {
	margin: 5px 0px 5px 0px;
	}

/************************************  Breadcrumb Features  ******************************/
* html #breadcrumb {
  margin: 0px;
  }

#breadcrumb {
	background-color: #999999;
	text-align:left;
	margin: 0px 0px 0px 46px;
	padding: 3px 0px 3px 5px;
	width: 722px;
	}
	
#breadcrumb ul {
	line-height: normal;
	}
	
#breadcrumb ul li {
	display: inline;
	}	
/************************************  Content Features  ******************************/

#content {
	float:left;
	display:inline;
	color: #333333; 
	text-align:left;
	margin:3px 3px 3px 3px;
	padding: 0px;
	width: 550px;
	border : 1px solid #cccccc;
}

#subnav{
	font-size: 85%;
	color: #333333;
}

#subnav ul li {
	display: inline;
	}	
	
#contenttop {
	border-bottom: 1px solid #cccccc; 
}

#content h1{
	margin: 0px;
	padding: 2px 0px 2px 5px;
	font-size: 110%;
	font-weight: bold;
	background-color:#333333;
	color: #f5f5f5;
	}	
	
#content h2{
	margin: 0px;
	padding: 5px 0px 10px 3px;
	font-size: 130%;
	color: #333366;
	font-weight: 700;
	}	
	
#content h3{
	clear: both;
	margin: 0px;
	padding: 1px 0px 1px 3px;
	font-size: 110%;
	font-weight: bold;
	background-color: #CCCCCC;
	}	

#content h4{
	margin: 0px;
	padding: 3px 0px 1px 3px;
	font-size: 120%;
	font-weight: bold;
	}	

#content h5{
	margin: 0px;
	padding: 1px 0px 0px 3px;
	font-size: 100%;
	font-weight: bold;
	}	
/*
*html #content h5{
 	width: 70%;
	padding-left: 3px;
	}
*/
	
#content h6{
	margin: 0px;
	padding: 1px 0px 0px 3px;
	font-size: 90%;
	font-weight: bold;
	color:#666666;
	}	
	
#content p{
	margin: 0px;
	padding: 0px 3px 6px 3px;
	font-size: 95%;
	line-height: 125%;
	text-align: left;
	font-weight: normal;
	}
	
#content p.home{
	padding: 0px 3px 1px 3px;
	}
	
#content address {
	margin: 0px;
	padding: 0px 3px 6px 3px;
	font-size: 95%;
	line-height: 110%;
	text-align: left;
	font-weight: normal;
	}  
	
.subfeature {
	height: 100%; /* IE6 Hack */
	clear: both; 
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 3px;
	}
	
.subfeature:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	}

.divider {
	clear: both;
	padding: 0;
	margin: 0 0 0 0;
	border-bottom: 1px dashed #cccccc;
	}
	
/******* Image Formating *******/

.image {
	/*This has to be inserted into <p> to avoid IE broken float bug*/
	float: left;
	margin: 3px 3px 0px 3px;
	font-size: 75%;
	color:#666666; 
	}

.imgcore {
	border: 2px solid #cccccc;
	}

.largeimage {
	/* margin-left:0px;*/
	}
	
/* *html .image {
	/*margin-right: 0px;*/
/*	display: inline;
} */

/*************************************  Sidebar Features  *******************************/
	
#sidebar {
	float:right;
	display:inline;
	text-align:left;
	margin: 0px 25px 0px 0px;
	padding: 3px;
	width: 155px;
	}
	
#sidebar p{
	margin: 0px;
	width: 148px;
	padding: 3px 0px 3px 5px;
	font-weight: bold;
	background-color:#333333;
	}

	
/***** Search Form *****/	

.searchform {
	margin : 0 0 5px 0;
	border : 1px solid #cccccc;
}	

.textfield{
	color: #333333;
	background-color: #f5f5f5;
	width : 93px;
	border : 1px solid #666666;
	margin: 1px 0px 1px 2px;
}

#librarysearchfields {
	text-align:right;
	}
	
#librarysearch .textfield{
	margin: 1px 3px 1px 0px;
}

.dropdown{
	color: #333333;
	background-color: #f5f5f5;
	width : 97px;
	border: 1px solid #333333;
	margin: 1px 1px 1px 0px;
}

.button{
	width : 50px;
	margin: 1px;
	border : 1px solid #666666;
	color : #333333;
	background-color : #f5f5f5;
}	

/***** Navigation *****/

#sidebar .navigation {
	margin: 0px 0px 5px 0px;
	border : 1px solid #cccccc;
	padding : 0px;
	}
	
#sidebar .navigation a{
	display:block;
	width:143px;
}
/********************************* Bottom Information Features  ******************************/
#signature{
	clear:left;
	width: 820px;
	padding: 0px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 15px 0px;
	font-size: 85%;
	}
	
#signature ul li{
	display: inline;
	}
/********************************* Grid ************************************************/

.music{
	background-color: #AEBEFF;
	}

.new{
	background-color: #FFB8A6;
	}

.spokenmusic{
	background-color: #FFD697;
	}

.spoken{
	background-color: #CFFF9F;
	}	
/********************************* Other  ***********************************************/
.notdisplayed {
	display: none;
	}

.invisibleelement {
	visibility: hidden;
	}

.floatleft {
	float:left;
}

.floatright {
	float: right;
	}

.clearboth {
	clear: both;
	}
	
/*IE hack for measuring the height of a block according 
to the shorter one (user for text wrapping around images)
*html .block {
	display: block ;
	height: 100%;
	}*/