/* CSS for RadicalClassical.com */
/* Set the body default color and positioning */
body{
	color: Black;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	height: 100%;
	background: #D0CACA url(bgrd.jpg) repeat fixed left Top;
	font-family: Papyrus;
	width: 100%;
}

/* links behavior css. Defines what a link will look like before, on hover
   and after it is visited. They must remain in this order for them to work
   correctly. */
a:link{
	color: Black;
	font-weight: bold;
	text-decoration: none;
}
a:visited{
	font-weight: bold;
	text-decoration: none;
	color: black;
}
a:hover, a:active{
	color: Red;
	text-decoration: none;
}
/* Specific Page  divs */
/* Splash page(Front login page for wneighborhood site ... 
   Index page for regular website. */
#containerSplash{
	text-align: left;
	margin: 0px auto 0px auto;
	margin-left:8%;
	margin-right:8%;
	border: 1px solid black;
	height: 1502px;

}
#containerSplash #intro{
	/*margin-top: 0px;
	padding: 0;
	width: 750px;
   height: 150px;
	background: url(top2.jpg) no-repeat;*/
}
#containerSplash #pageHeader{
	height: 300px;
	Top:0px;
	margin-left:0px;
	background: url(jc_newheader.jpg) no-repeat center;
}
#containerSplash #menu{   
   /*padding-left: 210px;
   padding-bottom: 0px;
   margin-top: 0px;*/
}
#containerSplash #quickSummary{
	float: left;
	margin-left: 8px;
	padding-left:17px;
	padding-bottom:5px;
	margin-top: -25px;
	margin-right: 5px;
	text-align: left;
	width: 150px;
	position:absolute;
	/*background-color: #082F6A;
	opacity: .6;
	filter: alpha(opacity=60);*/
	font-size:0.8em;
	z-index:100;
	
}
#containerSplash #preamble{
	float: right;
	position:relative;
	margin-right: 10px;
	margin-top: 3px!important; /* fix for Firefox, modzilla browsers */
	margin-top: 3px;
	padding: 5px 5px 5px 5px;
 
}
#containerSplash #contentbody{
	margin-top:0px;
   padding-top: 10px;
	margin-left: 190px;
	height:1250px;
	background: url(jah_4bkgrd.jpg) no-repeat center;
		background-color: white;
	opacity: .9;
	filter: alpha(opacity=90);
	margin-bottom:10px;

}
#containerSplash #mainbody{
   width:100%;
	margin:0px;
  	background-color: white;
	opacity: .9;
	filter: alpha(opacity=90);
	padding:0px;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
}
#containerSplash #footer{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 300px;
	width: 802px;
	color: White;

	bottom: 0px;
	background: url(footer.jpg) no-repeat scroll center;/**/
}
#containerSplash #footer a:link, #containerSplash #footer a:visited{
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 50px;
}
#containerSplash #linkList{
	top: 305px;
	text-align: left;
	margin-left: 10px; /* fix for Firefox, modzilla browsers */
	position: absolute;
	width: 165px;
	font-size: 0.85em;
	background: url(linklist2d.gif) no-repeat top ;
	height:373px;

}
#containerSplash #linkList2{
	Top: 0px;
	text-align: left;
	margin-left:5px;
	width: 150px;
	/*background-color: white;
	opacity: .8;
	filter: alpha(opacity=80);*/
}
#containerSplash #linkList h3{
	color: Blue;
	padding: 0;
	margin: 0px 0 0px 0;
}
#containerSplash #linkList ul{
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}
#containerSplash #linkList li{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	margin-top: 5px;

}
#containerSplash #lselect li a{
	display: block;
	text-decoration: none;
}
/* End of containerSplash page divs */
/* Begin of containerRegular page divs */
#containerRegular{
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0;
	width: 750px;

	/*background: #082F6A;*/
	border: 1px solid White;

}
#containerRegular #intro{
	margin-top: 0px;
	padding: 0px;
	width: 100%;
   height: 150px;
	* height: 100%!important; /* fix for Firefox, modzilla browsers */
	background: url(top2.jpg) no-repeat;
}
#containerRegular #pageHeader{	
   height: 3px;
}
#containerRegular #menu{   
   padding-left: 210px;
   padding-bottom: 0px;
   margin-top: 0px;
}
#containerRegular #quickSummary{
	float: left;
	margin-left: 3px;
	margin-top: 125px;
	margin-right: 5px;
	text-align: left;
	width: 150px;
	background-color: #082F6A;
	opacity: .6;
	filter: alpha(opacity=60);
	padding: 5px 5px 5px 5px;
}
#containerRegular #preamble{
	float: right;
	margin-right: 10px;
	margin-top: 3px!important; /* fix for Firefox, modzilla browsers */
	margin-top: 3px;
	padding: 5px 5px 5px 5px;
}
#containerRegular #contentbody{   
   padding-top:5px;
	padding-left: 150px;
	padding-right: 10px!important; /* fix for Firefox, modzilla browsers */
	padding-right: 10px;
height:1200px;

	}
#containerRegular #mainbody{
   margin: 10px 10px 10px 10px;
	}
#containerRegular #footer{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background: url(bottom.jpg) no-repeat bottom;
	height: 85px;
	width: 750px;
	color: White;
margin-top:150px;
}
#containerRegular #footer a:link, #containerRegular #footer a:visited{
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 50px;
}
#containerRegular #linkList{
	top: 160px;
		
	text-align: left;
	width: 175px;
	position: absolute;
	/*margin-left: 15px!important;*/	
	margin-left: 5px;	
}
#containerRegular #linkList2{
	Top: 170px;
	text-align: left;
	width: 150px;
}
#containerRegular #linkList ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}
#containerRegular #linkList li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
}
#containerRegular #lselect li a, #larchives li a{
	display: block;
	text-decoration: none;
}
#containerRegular #lselect li a.c, #containerRegular #larchives li a.c{
	display: inline;
	text-align: left;
	text-transform: none;
}
/* End of containerRegular page divs */
/* Begin of containerWide page divs */
#containerWide{}
#containerWide #introPg2{}
#containerWide #pageHeader2Fat{}
#containerWide #menu{}
#containerWide #mainbody{}
#containerWide #preamble{}
#containerWide #footer {}
#containerWide #footer a:link, #containerWide #footer a:visited{}
#containerWide #linkList{}
#containerWide #linkList2{}
#containerWide #linkList h3{}
#containerWide #linkList ul{}
#containerWide #linkList li{}
#containerWide #lselect li a, #containerWide #larchives li a{}
#containerWide #lselect li a.c, #containerWide#larchives li a.c{}
/*end of containerWide page divs */
/* Global wn/wc divs */
#help { 
color: black; 
width: 400px; 
padding: 10px; 
background-color: #dbe8f6; 
} 
#help h3 { 
color: black; 
font: 12pt/18pt Trebuchet MS; 
} 
#help p {
 font: 8pt/16pt Trebuchet MS; 
} 
#help li { 
padding-left: 350px; 
}
#iconMenu{
   font-family: "Verdana", serif;
	line-height: 1.2em;
	text-align: center;
	font-size: 9px;
}
#textonlylink{
    display: none;
}
#lbNote, #lbNote2, #lbNote3{
   margin: 5px;
	border: thin solid #606060;
	padding: 5px;
	float: left;
}
/* end of Global divs for wn/wc */
/* start of Photo Gallery and Photo Album css. */
.photogallery{
	border: 1px solid #DCDCDC;
	width: 130px;
	height: 105px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	background-image: url(../images/folder.png);
	background-repeat: no-repeat;
	background-position: top;
	color: Black;
}
.photoalbum
{
	border: 1px solid #DCDCDC;
	width: 350px;
	height: 375px;
	padding: 2px 2px 2px 2px;
	text-align: center;
	overflow: auto;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
   /*CSS for enlarged image*/
   position: absolute;
   background-color: #082F6A;
   padding: 2px 2px 2px 2px;
   border: 1px dashed gray;
   visibility: hidden;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
   padding: 2px 2px 2px 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
   visibility: visible;
   top: 0;
   left: 40px; /*position where enlarged image should offset horizontally */

}
/* end of Photo Gallery and Photo Album divs */
/* used below to highlight datagrid rows in the backoffice application */
tr.row:hover, tr.over td{
	background-color: #ffccff; 
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* begin styles for RSS Feed */

.rss_box {
margin-top:0px;
	
	 width: auto;
	 /*background-color: #F1F1FD;
	 border: 1px solid #9B72CF;*/
	 
}
.rss_items {
	margin-top:0px;
	padding:1.5em; 
	margin-left:0px;
	color:black;
}
p.rss_title {padding:0.5em;}
.rss_title {
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 85%;
	background-color:#9B72CF;
	color:#ffffff;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss_item  {
  font-family: verdana, arial, sans-serif;
  font-size: 0.75em;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
  padding-top:1em;
}

.rss_item a {
	text-decoration : underline;
	color:white;
	font-size: 105%;
	font-weight:bold;
	font-family:arial, sans-serif;
	}
	
.rss_item a:visited {
	color: White;
}

.rss_date {
	font-size: 85%;
	font-weight : normal;
	color: #F60;
	}
.bgrd{

}
/* Lightbox css */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}