/*
Template name: JC Melrose Traditional
*/


/* default elements */
* {margin: 0; padding: 0;}

#webworld {background:#97916F; font: normal 12px Tahoma; line-height:20px}


#masthead {position:relative; top:0px; width:900px; height:145px; overflow:hidden; background:#958D69 url(../img/jcmelrose_header.jpg) 0px -25px; border:0px solid #95906d; color:white; text-align:center; z-index:10}

#menuside {position:relative; width:900px; height:32px; background:transparent url(../img/menu_bg.jpg); border:0px solid white; color:#FFFFFD; text-align:center; line-height:28px; z-index:99; display:block}

#everything {position:relative; width:900px; height:500px; background:#95906d url(../img/everything_bg.png) no-repeat; border:0px solid white; overflow:hidden; display:block}

#printdiv {width:700px; background:transparent; color:black; text-align:left; display:none}

#printicon {position:absolute; top:60px; left:370px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:53; display:none}
a:link #printicon {position:absolute; top:60px; left:370px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:53}
a:hover #printicon {position:absolute; top:60px; left:370px; width:47px; height:20px; background:transparent url(../img/printdown.png); cursor:hand; z-index:53}


#printicon2 {position:absolute; top:2px; left:370px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:99}
a:link #printicon2 {position:absolute;  top:2px; left:370px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:99}
a:hover #printicon2 {position:absolute;  top:2px; left:370px; width:47px; height:20px; background:transparent url(../img/printdown.png); cursor:hand; z-index:99}


#leftside {position:absolute; top:9px; left:16px; width:438px; height:493px; background:transparent url(../img/left_bg_holed.png) no-repeat; border:0px solid white; z-index:3;}

#rightside {position:absolute; top:9px; left:459px; width:441px; height:493px; background:transparent url(../img/right_bg.png) 0px -4px no-repeat;  border:0px solid white; text-align:left; z-index:3}




#fadelefttop{position:absolute; top:280px; left:0px; height:25px; width:422px; background:transparent url(../img/fade_left_top.png) no-repeat; border:0px solid white; z-index:5; display:none}

#fadeleftbottom {position:absolute; top:396px; left:0px; height:78px; width:422px; background:transparent url(../img/fade_left_bottom.png) no-repeat; border:0px solid white; z-index:5; display:none;}

#faderighttop{position:absolute; top:55px; left:0px; height:57px; width:424px; background:transparent url(../img/fade_right_top.png) no-repeat; border:0px solid white; z-index:5; display:none}

#faderightbottom {position:absolute; top:400px; left:0px; height:78px; width:422px; background:transparent url(../img/fade_right_bottom.png) no-repeat; border:0px solid white; z-index:5; display:block}




#maincontentsection {position:relative; left:0px; width:424px; /*height:28px;*/ font:10px Tahoma; line-height:28px; text-align:center; text-transform:uppercase; font-weight:bold; letter-spacing: 2px; color:#4D4A37}

#maincontenttitle {position:relative; left:0px; width:424px; /*height:28px;*/ background:transparent url(../img/pagetitle_bg.png) repeat-y;  font:bold 15px Tahoma; color:#736E52; line-height:28px; text-align:center}

#maincontentbody {position:relative; padding-top:15px; top:8px; width:400px; text-align:left; background:transparent; color:#DEDEB5}




#mediabox {position:absolute; top:9px; left:16px;  width:422px; height:284px; overflow:hidden; background:transparent; border:0px solid #95906d; z-index:5}
#mboxtop {position:absolute; top:9px; left:16px; width:422px; height:24px; overflow:hidden; background:transparent url(../img/media-top.png) no-repeat; border:0px solid #95906d; z-index:6; display:block}
#mboxleft {position:absolute; top:33px; left:16px; width:25px; height:234px; overflow:hidden; background:transparent url(../img/media-left.png) no-repeat; border:0px solid #95906d; z-index:6; display:block}
#mboxright {position:absolute; top:33px; left:409px; width:29px; height:240px; overflow:hidden; background:transparent url(../img/media-right.png) no-repeat; border:0px solid #95906d; z-index:6; display:block}
#mboxbottom {position:absolute; top:267px; left:16px; width:422px; height:26px; overflow:hidden; background:transparent url(../img/media-bottom.png) no-repeat; border:0px solid #95906d; z-index:6; display:block}





#morecontent {width:422px; background:transparent; text-align:left; color:#373527; border:0px solid white} /*positioned in easyscrollX*/

#morecontent_insulate {width:375px; text-align:left}


#footer {position:relative; width:900px; height:81px; background:#95906d; border:0px solid #95906d; color:white; text-align:center;}











#edit_content_right {position:relative; width:900px; height:600px; background:transparent; border:0px solid blue; top:10px; cursor:hand; display:block}


	#edit_content_right #menu_area  {
	position:absolute; top:9px; left:0px; height:33px; width:900px; background:#97916F; filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)
	}






	#edit_content_right #media_area  {
	position:absolute; top:50px; left:15px; height:285px; width:425px; background:red; cursor:hand;
	cursor:hand; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	}

	#edit_content_right #page_info_area  {
	position:absolute; top:50px; left:460px; height:55px; width:425px; background:orange; cursor:hand;
	cursor:hand; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	}

	#edit_content_right #content_area_1  {
	position:absolute; top:105px; left:460px; height:420px; width:424px; background:yellow; cursor:hand;
	cursor:hand; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	}

	#edit_content_right #content_area_2  {
	position:absolute; top:335px; left:15px; height:190px; width:425px; background:purple; cursor:hand;
	cursor:hand; filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	}





















/* start easyscroll */

	/* easyscroll main content */	

#easyscroll{
	background: transparent;
	margin:1em 0; left:10px; top:0px;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	


	#easyscrollnav, #easyscrollnav li{ 
		height:32px;
		line-height:28px;
		margin:0;	
		padding:0; 
		}	


	#easyscrollnav{
		margin:1em 0; 
		background:transparent; width:222px; position:absolute; top:418px; z-index:51; left:100px
		}			

	#easyscrollnav li{

		/*		
		float:right;
		margin-right:10px;		
		padding:0 10px;
		color:#333;
		*/
		cursor:pointer;
		
			
		}

	#easyscrollnav ul {list-style:circle inside}
					
	#easyscrollnav li.over{
		/*
		color:#999;
		text-decoration:underline;
		*/
		}	

					

	/* easyscroll more content */	


#easyscrollX{
	background: transparent;
	margin:1em 0; left:0px; top:275px;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	

	#easyscrollnavX, #easyscrollnavX li{
		height:32px;
		line-height:28px;
		margin:0;	
		padding:0;
		}	
	#easyscrollnavX{
		margin:1em 0; 
		background:transparent; width:222px; position:absolute; top:418px; z-index:51; left:100px
		}			
	#easyscrollnavX li{
		
		/*
		float:right;
		margin-right:10px;		
		padding:0 10px;
		color:#333;
		*/
		cursor:pointer;
		}					
	#easyscrollnavX li.over{
		/*
		color:#999;
		text-decoration:underline;
		*/
		}	



	/* easyscroll navigation buttons */	





#btnUp {
position:absolute; top:0px; left:111px;
background: transparent url(../img/scroll-light-up.gif) -110px 0px no-repeat;
height: 32px;
width: 115px; display:block;
}

#btnUp.over {
position:absolute; top:0px; left:111px;
background: transparent url(../img/scroll-light-over.gif) -110px 0px no-repeat;
height: 32px;
width: 115px; display:block;
}


#btnDown{
position:absolute; top:0px; left:0px;
background: transparent url(../img/scroll-light-up.gif) 0px 0px no-repeat;
height: 32px;
width: 115px; display:block;
}

#btnDown.over {
position:absolute; top:0px; left:0px;
background: transparent url(../img/scroll-light-over.gif) 0px 0px no-repeat;
height: 32px;
width: 115px; display:block;
} 

#btnReset{
position:absolute; left:90px; top:0px; width:42px; height:32px; overflow:hidden; background:transparent url(../img/scroll-center-light.gif) no-repeat; z-index:52; display:block;
}






#xbtnUp {
position:absolute; top:0px; left:111px;
background: transparent url(../img/scroll-dark-up.png) -110px 0px no-repeat;
height: 32px; display:none;
width: 115px; 
}

#xbtnUp.Xover {
position:absolute; top:0px; left:111px;
background: transparent url(../img/scroll-dark-over.png) -110px 0px no-repeat;
height: 32px;
width: 115px;
}


#xbtnDown{
position:absolute; top:0px; left:0px;
background: transparent url(../img/scroll-dark-up.png) 0px 0px no-repeat;
height: 32px;  display:none;
width: 115px;
}

#xbtnDown.Xover {
position:absolute; top:0px; left:0px;
background: transparent url(../img/scroll-dark-over.png) 0px 0px no-repeat;
height: 32px;
width: 115px;
} 

#xbtnReset{
position:absolute; left:90px; top:0px; width:42px; height:32px; overflow:hidden; background:transparent url(../img/scroll-center-dark.png) no-repeat; z-index:52;  display:none;
}

/* end easyscroll */





#jcspan li { list-style: square inside }