/*
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; text-align:left; 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:277px; left:828px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:98; DISPLAY:none}
a:link #printicon {position:absolute; top:277px; left:828px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:98}
a:hover #printicon {position:absolute; top:277px; left:828px; width:47px; height:20px; background:transparent url(../img/printdown.png); cursor:hand; z-index:98}


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

#printicon3 {position:absolute; top:-10px; left:390px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:98; DISPLAY:block}
a:link #printicon3 {position:absolute; top:-10px; left:390px; width:47px; height:20px; background:transparent url(../img/printup.png); cursor:hand; z-index:98}
a:hover #printicon3 {position:absolute; top:-10px; left:390px; width:47px; height:20px; background:transparent url(../img/printdown.png); cursor:hand; z-index:98}


#oneMedia {position:absolute; top:15px; left:14px; background: transparent; width:288px; height:198px; overflow:hidden}
#twoMedia  {position:absolute; background: transparent; top:14px; left:305px;width:288px; height:198px; overflow:hidden}
#threeMedia  {position:absolute; background: transparent; top:14px;left:596px; width:288px; height:198px; overflow:hidden}
  
	.frametop {position:absolute; top:0px; left:0px; width:293px; height:14px; background:transparent url(../img/sm-media-top.png) no-repeat; overflow:hidden; z-index:53}
 	.frameleft {position:absolute; top:14px; left:0px; width:12px; height:172px; background:transparent url(../img/sm-media-left.png) no-repeat; overflow:hidden; z-index:53}
	.frameright {position:absolute; top:14px; left:279px; width:12px; height:172px; background:transparent url(../img/sm-media-right.png) no-repeat; overflow:hidden; z-index:53}
	.framebottom {position:absolute; top:186px; left:0px; width:293px; height:12px; background:transparent url(../img/sm-media-bottom.png) no-repeat; overflow:hidden; z-index:53}


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

#maincontentbar {position:absolute; top:223px; left:18px; width:863px; background:transparent url(../img/bottom-title.png) no-repeat;}

#titletable {width:863px; background:transparent}

#maincontenttitle {background:transparent; font:bold 15px Tahoma; color:#736E52; padding-left:5px; line-height:28px; text-align:left}

#maincontentbody {position:relative; top:0px; width:747px; text-align:justify; background:transparent; color:#1E1D15}

#maincontentbg {position:absolute; top:259px; left:18px; width:878px; height:253px; background:transparent url(../img/bottom-main-content.png); z-index:49}

#fadelongbottom {position:absolute; top:425px; left:18px; height:60px; width:862px; background:transparent url(../img/fade-long-bottom.png) no-repeat; border:0px solid white; z-index:51; display:block;}

#fadelongtop {position:absolute; top:262px; left:18px; height:29px; width:862px; background:transparent url(../img/fade-long-top.png) no-repeat; border:0px solid white; z-index:51; display:none;}

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












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

	#edit_content_bottom #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_bottom #media_area_1  {
	position:absolute; top:50px; left:15px; height:205px; width:288px; 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_bottom #media_area_2  {
	position:absolute; top:50px; left:305px; height:205px; width:288px; 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_bottom #media_area_3  {
	position:absolute; top:50px; left:595px; height:205px; width:288px; 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_bottom #page_info_area  {
	position:absolute; top:260px; left:15px; height:35px; width:870px; 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_bottom #content_area_1  {
	position:absolute; top:300px; left:17px; height:238px; width:865px; background:yellow; 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:75px; top:250px; z-index:50;
	/* 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:445px; z-index:51; left:335px
		}			
	#easyscrollnav li{
list-style:none;

		
		/*
		list-style:none;
		float:right;
		margin-right:10px;		
		padding:0 10px;
		color:#333;
		*/
		cursor:pointer;
		}					
	#easyscrollnav li.over{
		/*
		color:#999;
		text-decoration:underline;
		*/
		}	
#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;
}


#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;
} 

#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;
}

#jcspan li { list-style: square inside }