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

 /*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: White;
}
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;	
	width:802px;	
	/*background: #D0CACA;*/
 	border: 1px solid White;
	height:1600px;
	margin:0px;
	background: url(radicalbgrd.jpg) no-repeat  left 300px ;
}
#containerSplash #intro{
	margin-top: 0px;
	margin:0px;
	padding: 0;
	width: 800px;

   /*height: 150px;
	background: url(top2.jpg) no-repeat;*/
}
#containerSplash #pageHeader{
	height: 300px;
	width: 800px;
	Top:0px;
	margin:0px;
	background: url(header11.jpg) no-repeat center;
}
#containerSplash #pageHeader h1{
display:none;
}
#containerSplash #menu{   
   padding-left: 210px;
   padding-bottom: 0px;
   margin-top: 0px;
}
#containerSplash #quickSummary{
	float: right;
	padding-left:17px;
	padding-bottom:5px;
	margin-top: -305px;
	margin-right: 5px;
	clear:right;
	text-align: left;
	width: 150px;
	padding-top:5px;
	/*position:absolute;
	background-color: #082F6A;
	opacity: .6;
	filter: alpha(opacity=60);*/
	font-size:0.8em;
	z-index:100;
	
}
#containerSplash #preamble{
	position:relative;
	margin-right: 10px;
	margin-left:185px;
   width:600px;
	margin-top: 3px!important; /* fix for Firefox, modzilla browsers */
	margin-top: 3px;
	padding: 5px 5px 5px 5px;
	border:solid;
 
}
#containerSplash #contentbody{
	margin:0px;
	padding:0px;
   padding-top: 15px;
	margin-left: 190px;
}

#containerSplash #mainbody{
  font-weight:bold;
}
#containerSplash #footer{
	/*text-align: center;
	margin-right: 25px;
	margin-left: -250px;
	height: 300px;
	width: 802px;
	color: White;
	margin-top:400px;
	bottom: 0px;
	background: url(footer.jpg) no-repeat scroll center;*/
}
#containerSplash #linkList{
	top: 325px;
	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: 10px;
	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: 15px;

}
#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 -15px auto;
	padding: 0;
	width: 950px;
	background:  url(jah_4bkgrdW.jpg) no-repeat scroll Top center;
   height: 1600px;
	border: 1px solid White;
}
#containerRegular #intro{
	/* fix for Firefox, modzilla browsers */
	margin-top: 0px;
	padding: 0;
	width: 950px;
	height: 155px;
	background: url(headertop.jpg) no-repeat;
}
#containerRegular #pageHeader{
height:150px !Important;
height:auto;
}	

#containerRegular #menu{
   padding-left: 10px;
   margin-bottom: 2px;
   width: 100%;
   height: 28px;
   padding-top:150px !important;
	padding-top:10px;
	margin-top: 140px;
	margin-left:250px;

}
#containerRegular #menu a{
	padding-left:15px;
}
#containerRegular #quickSummary{
	float: left;
	margin-left: 3px;
	margin-top: 5px;
	margin-right: 5px;
	text-align: left;
	width: 150px;
	background-color: #082F6A;
	opacity: .6;
	filter: alpha(opacity=60);
	padding: 5px 5px 5px 5px;
}
#containerRegular #preamble{
	height: 20px;
	float: left;
	margin-left: 160px;
	margin-right: 5px;
	margin-top: 10px;
}
#containerRegular #contentbody{
	float: right;
	width :83%;
	padding-left: 40px;
	padding-top:20px;
}
#containerRegular #mainbody{
	margin: 10px 10px 10px 40px;
}
#containerRegular #mainbody h3 {
    padding-bottom:10px;
}
#containerRegular #btSubmit{
	position:absolute;
	margin-left:0px;
	margin-top:300px;
	width:100px;
}
#containerRegular #footer{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 65px;
	color: White;
	margin-top: 50px;
}
#containerRegular #footer a:link, #containerRegular #footer a:visited{}
#containerRegular #linkList{
	Top: 205px;
	text-align: left;
	width: 150px;
	position: absolute;
	margin-left: 10px;
	font-size: 13px;
}
#containerRegular #linkList2{
	Top: 5px;
	text-align: left;
	width: 150px;
	position: absolute;
	margin-left: 10px;
	font-size: 13px;
}
#containerRegular #linkList h3{
	color: White;
	padding: 0;
	margin: 5px 0 5px 0;
}
#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 #linkList ul li a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
   font-size: 1.2em;
   font-weight: bold;
}
#containerRegular #linkList ul li a:hover{
   list-style-type: none;
   padding-left: 0px;
   padding-bottom: 5px;
   text-decoration: none;
   font-size: 1.2em;
   font-weight: bold;
   color: White;
}

#containerRegular #linkList ul li ul li{
   list-style-type: none;
   padding-bottom: 5px;
   padding-left:10px;
}
#containerRegular #linkList ul li ul li a{
   text-decoration: underline;
   font-size: 1em;
   font-weight: normal;
 }
#containerRegular #linkList ul li ul li a:hover{
   text-decoration: underline;
   font-size: 1em;
   font-weight: normal;
   color: Red;
}
/* End of containerRegular page divs */
/* Begin of containerWide page divs */
#containerWide{
	text-align: left;
	margin-left:8%;
	margin-right:8%; 
	padding: 0;
	background: url(jah_4bkgrdW.jpg) repeat-y scroll center Top #949eb7;
	height: 1600px;
	border: 1px solid white;
}

#containerWide #intro{
   margin-top: -140px !important; /* fix for Firefox, modzilla browsers */
	margin-top: -40px;
	padding: 0;
	height: 155px;
	background: url(headertop.jpg) center no-repeat;	
}

#containerWide #pageHeader{}

#containerWide #menu{
   padding-left: 10px;
   margin-bottom: 2px;
   width: 100%;
   height: 28px;
   padding-top:150px !important;
	padding-top:10px;
	margin-top: 140px;
	margin-left:220px;
}
#containerWide #menu a{
	 padding-left: 15px;
}
#containerWide #preamble{}
#containerWide #contentbody{
	float: right;
	width: 83%;
	padding-left:10px;
	padding-top:20px; 
}
#containerWide #mainbody{

}
#containerWide #footer{}
#containerWide #footer a:link, #containerWide #footer a:visited{}
#containerWide #linkList{
	Top: 185px;
	text-align: left;
	width: 180px;
	position: absolute;
	margin-left: 10px;
}
#containerWide #linkList2{
	Top: 5px;
	text-align: left;
	width: 150px;
	position: absolute;
	margin-left: 10px;
	padding-right: 50px;
	font-size: 0.8em;
}

#containerWide #linkList ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: left;
}
#containerWide #linkList li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
}

#containerWide #linkList ul li a{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
   font-size: 1.2em;
   font-weight: bold;
}
#containerWide #linkList ul li a:hover{
   list-style-type: none;
   padding-left: 0px;
   padding-bottom: 5px;
   text-decoration: none;
   font-size: 1.2em;
   font-weight: bold;
   color: White;
}
#containerWide #linkList ul li ul li{
   list-style-type: none;
   padding-bottom: 5px;
   padding-left:10px;
}
#containerWide #linkList ul li ul li a{
   text-decoration: underline;
   font-size: 1em;
   font-weight: normal;
 }
#containerWide #linkList ul li ul li a:hover{
   text-decoration: underline;
   font-size: 1em;
   font-weight: normal;
   color: Red;
}
/*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: 5px; 
}
#iconMenu  {
   font-family: "Verdana", serif;
	line-height: 1.2em;
	text-align: center;
	font-size: 9px;
}
#lbNote, #lbNote2, #lbNote3 {
   margin: 5px;
	border: thin solid #606060;
	padding:	5px;
	float: left;
}
#textonlylink{
    display: none;
}
/*#quickSummary .p1 span{	
   display: none;
	margin: 0;
	padding: 0;
}
#quickSummary .p2 span{	
   font-size: 10px;
	text-align: left;
	margin: 0 0px;
	padding: 0;
	top: 10px;
	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;
}
.photogallery
{
	border: 1px solid #DCDCDC;
	width: 230px;
	height: auto;
	padding: 2px 2px 2px 2px;
	text-align: center;
	background-image: url(../folder.png);
	background-repeat: no-repeat;
	background-position: top;
	color: Black;
}
.photoalbum
{
	border: 1px solid #DCDCDC;
	width: 220px;
	height: auto;
	padding: 2px 2px 2px 2px;
	text-align: center;
	overflow: auto;
}
/* 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; 
}
#pnGeneral a{
	color:black;
}
/*#pnLogin{
	border: 1px solid black;
	position:absolute;
	z-index:500;
}*/
#UserControl2_pnLogin{
	border: 1px solid black;
	position:absolute;
	z-index:600;
}
#menuTab {
   margin:0px;
	padding: 0px;
	margin-left:5px;
}

#menuTab a {
	padding-left:5px; 
	padding-right:5px;
}

#menuTabLeft{
   margin:0px;
	padding:0px;
  	width:5px;
	background: url(\images\LBracket.gif) bottom no-repeat;
}

#menuTabRight{
	width:5px;
	margin:0px;
	padding:0px;
	background: url(\images\Rbracket.gif) bottom no-repeat;
}
/*#thinHeader #containerWide #mainbody h3 {
float left;
	margin-top: -20px;
		left: 0px;
background: #646464;
	opacity: .90;
	filter: alpha(opacity=90);
	padding-left: 5px;
	height: 28px;
	width: 100% !important;
	width: 100%;
	font-size: 16px;
}*/
#thinHeader #containerWide #linkList{
	margin-top:8px;
}
#thinHeader #containerWide #pageHeader{
	height: 20px;
	margin-bottom: 0px;
}
#thinHeader #containerWide #contentbody{

}
#thinHeader #menu{
	margin-top:70px;
}