/* title: main.css / for ceciliascolonics.co.uk / created by webdesigner ays @ coolowebs.com / all rights reserved. */
/* released 27/2/09 */


/* ----- main.css ///////////////////////////////////////////////////////////////// ----- */

body
{	rem:-----// BODY ------------------------------------------------------------------------------------------------------;
	text-align:		left;
	background:		url(cecilia-bodyBG-v2.png) fixed top right;
	margin:			0;
	padding:		10px;

	color: 			#C9DEFD;#AACBFC;#4C98D6;
	font-size: 		14px;
	font-weight:		bold;normal;
	font-style: 		normal;
	font-family: 		Tahoma, Arial, Verdana, sans-serif;
	line-height: 		1.5em;
}

span.icap
{ 	font-family:Monotype Corsiva,cursive; color:#AACBFC;#ccc;font-size:3em;font-weight:bold;line-height:1em;margin-right:3px;
}

span.icap2
{ 	font-family:Monotype Corsiva,cursive; color:#666;font-size:3em;font-weight:bold;line-height:1em;margin-right:3px;
}

span.dcap
{ 	color:#AACBFC;font-size:1.5em;font-weight:normal;line-height:1em;margin-right:2px;xfont-style:italic;
}

.blue
{	color:			#AACBFC;#4C98D6;
}
p.green
{	color:			#A1D1A6;
}


a		{color:#A2CAEA;  font-size:16px;  font-weight:bold;  text-decoration:none;  }
a:link		{color:#A2CAEA;}
a:hover		{color:pink; }
a:visited	{color:#CFA4DD;}
div.rtDiv a	{font-size:11px;}

div.lHtHalf	{line-height:.5em;}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */





div#scrollBtnsW
{	/* SCROLL BUTTONS WRAP --------------------------------------------------------------------------------------- */
	width:35px;height:160px;xfilter:alpha(opacity=70);xborder:1px solid red;
 	padding-top:5px;position:fixed; _position:absolute;bottom:20px;right:1px;text-align:center;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-100+'px');z-index:400;
}

span.scrollBtnSP
{	width:25px;height:140px;cursor:pointer; border:0px solid red; margin-bottom:10px;
}

img#btnTopImg, img#btnUpImg, img#btnDnImg, img#btnBtmImg
{	width:10px; height:32px;
}









div#topBnrW
{	rem:-----// TOP BANNER WRAP  ---------------------------------------------------------------------------------------------;
	z-index:		999;
	position:		absolute;
	visibility:		visible;
	text-align:		left;

	border:			0px solid blue;

	top:			20px;
	padding-left:		12%;
	width:			98%;
	height:			46px;
}

div#logoTextDiv
{	position:		relative;

	border:			0px solid orange;

	xtop:			0;  xleft:0;
	width:			598px;
	height:			46px;   overflow:hidden;
}

img#logotextImg
{	border:			0px solid yellow;
	width:			598px;
	height:			46px;
}













div#stageW
{	rem:-----// STAGE WRAP ---------------------------------------------------------------------------------------------;
	z-index:		4;
	position:		relative;
	xfloat:			right;
	text-align:		left;
	overflow:		visible;

	border:			0px solid RED;/* 1 */
	background:		none;

	margin:			0 auto;

	top:			130px;
	left:			1px; left:expression(0+'px');
	width:			95%; width:expression('98%');
	height:			502px; height:expression(490+'px');
}




/* Middle Column starts ----------------------------------------------------------------------------------------------------- */
div#mdlColW
{	position:relative;top:0;float:left;margin-left:20px;width:50%;border:0px solid yellow;z-index:2;background:none;
}


div#row1Div	{ 	position:relative;top:30px;width:100%;300px; margin:0;height:auto; z-index:2;	}
div#row2Div	{	position:relative;top:50px;width:100%;300px; margin:0;height:auto;z-index:2;	}
div#row3Div	{	position:relative;top:110px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row4Div	{	position:relative;top:170px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row5Div	{	position:relative;top:290px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row6Div	{	position:relative;top:360px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row7Div	{	position:relative;top:430px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row8Div	{	position:relative;top:500px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row9Div	{	position:relative;top:620px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row10Div	{	position:relative;top:700px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row11Div	{	position:relative;top:770px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }
div#row12Div	{	position:relative;top:840px;width:100%;300px; margin:0;height:auto;450px; z-index:2;  }


div.rowHdr
{       position:absolute;top:-35px;background:none;url(../i/hdrsmBG20.png) no-repeat;height:20px;xmargin-left:-20px;
	padding-top:15px;padding-left:60px;color:yellow;#EBC88B;#D8E5F2;font-size:18px;font-weight:bold;
}

div.rowHdr2
{       position:absolute;top:20px;background:none;url(../i/hdrsmBG20.png) no-repeat;height:20px;margin-left:-20px;
	padding-top:15px;padding-left:50px;color:yellow;#EBC88B;#D8E5F2;font-size:18px;font-weight:bold;
}
div.rowHdr7days
{       background:none;height:20px;padding-top:15px;color:yellow;font-size:18px;font-weight:bold;text-align:center;xwidth:100%;
}

/* Middle Column ends------------------------------------------ */



div#rtColW
{	rem:--- // RIGHT COLUMN WRAP -----------------------------------------------------------------------------------------;
	z-index:11;width:200px;height:1600px;position:absolute;top:200px;right:100px;
 	xmargin-left:15px;border:0px solid red;font-size:11px;font-weight:normal;line-height:1.2em;color:#666;#C9DEFD;#75AFDF;
 	letter-spacing:1px; font-weight:bold;
}

div.rtDiv
{	z-index:11;background:url(../i/circBgblue.png) no-repeat;width:200px;height:200px;float:left;
	padding-left:15px;padding-right:30px;overflow:hidden;
}

div.hdrsmLtBlue
{	padding-top:8px;padding-right:66px;text-align:center;color:#BDD3E9;font-weight:bold;
}

div.rtDivConts
{	margin-top:-13px;padding:5px;font-size:11px;
}

img.rtDivImg
{      width:100px; height:100px; float:right;margin-right:-15px; vertical-align:top;
}




div#TogD a		{color:yellow;#86AED6;  font-size:11px;  font-weight:bold;  text-decoration:none;  }
div#TogD a:hover 	{color:#FDDDC5;  font-size:11px;  text-decoration:none;cursor:pointer;cursor:hand;  }


div#ftrW
{  	rem:-----// FOOTER WRAP ---------------------------------------------------------------------------------------------;
	z-index: 		7;
	position: 		relative;
	text-align: 		center;

	border:			0px solid red;
	background:		none;

	margin-left: 		-10px;

	top:			900px;
	width: 			105%;
}

div#ftrDiv
{
	z-index: 		2;

	background: 		none;

	margin: 		0 auto;
	padding-top: 		0px;

	width: 			80%;
	height: 		40px;

	font-family: 		Tahoma, Arial, Verdana, sans-serif;
	font-size: 		12px;
	font-weight:		normal;
	line-height: 		1.8em;
	color: 			#86AED6;
}

div.footerDiv a		{color:silver;  text-decoration:none;  	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px;}
div.footerDiv a:hover	{color:silver;  text-decoration:underline;}

/* ///// EOF ////////////////////////////////// 					*/