a:link,
    a:visited
    {
        color: #0398CA;
    }
    

    span#zf-name
    {
        color: #91BE3F;
    }
 
    div#welcome
    {
        color: #FFFFFF;
        background-image: url(http://framework.zend.com/images/bkg_header.jpg);
        width:  <?php  echo $_COOKIE['screensize']; ?>px;
        height: 400px;
        border: 2px solid #444444;
        overflow: hidden;
        text-align: center;
        margin-left:auto;
        margin-right:auto;
    }


    div#more-information
    {
        background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);
        height: 100%;
    }
    .center_div
	{
		border:1px solid gray;
		margin-left:auto;
		margin-right:auto;
		width:70%;
		background-color:#003300;
		text-align:center;padding-right:10px;padding-left:10px;padding-top:12px;
	}
	p.whitecolor
	{
		color:rgb(255,255,255)
	}
  	.roundCorner
 	{
		border:1px solid gray;
		margin-left:auto;
		margin-right:auto;padding:8px;
		-moz-border-radius: 8px; -webkit-border-radius: 8px;
		background-color:#C59C6D;
	}
	#SecondLeftColumn	
	{
		padding-right:4px;margin-right:15px;border-right:2px solid #000;
	}
	#menuSchool, #menuMusicCenter, #menuChoir, #menuChiSchool, #menuCamp, #menuYreporter, #menuYmf, #menuOther
	{
				height:80px;padding-top:10px;
				width:112px;margin-left:3px;margin-right:3px;
	}
	#menuSchool1920, #menuMusicCenter1920, #menuChoir1920, #menuChiSchool1920, #menuCamp1920, #menuYreporter1920, #menuYmf1920, #menuOther1920
	{
				height:80px;padding-top:10px;
				width:112px;margin-left:3px;margin-right:3px;
	}
	#menuSchool1680, #menuMusicCenter1680, #menuChoir1680, #menuChiSchool1680, #menuCamp1680, #menuYreporter1680, #menuYmf1680, #menuOther1680
	{
				height:80px;padding-top:10px;
				width:112px;margin-left:3px;margin-right:3px;
	}
	#menuSchool1440, #menuMusicCenter1440, #menuChoir1440, #menuChiSchool1440, #menuCamp1440, #menuYreporter1440, #menuYmf1440, #menuOther1440
	{
				height:80px;padding-top:10px;
				width:112px;margin-left:3px;margin-right:3px;
	}
	#menuSchool1360, #menuMusicCenter1360, #menuChoir1360, #menuChiSchool1360, #menuCamp1360, #menuYreporter1360, #menuYmf1360, #menuOther1360
	{
				width:96px;padding-top:8px;margin-right:3px;margin-left:3px;height:75px;
	}
	#menuSchool1280, #menuMusicCenter1280, #menuChoir1280, #menuChiSchool1280, #menuCamp1280, #menuYreporter1280, #menuYmf1280, #menuOther1280
	{
				width:87px;padding-top:8px;margin-right:3px;margin-left:3px;height:75px;
	}
	#menuSchool1152, #menuMusicCenter1152, #menuChoir1152, #menuChiSchool1152, #menuCamp1152, #menuYreporter1152, #menuYmf1152, #menuOther1152
	{
				width:71px;padding-top:8px;margin-right:3px;margin-left:3px;height:70px;line-height:95%;letter-spacing:0px
	}
	#menuSchool1024, #menuMusicCenter1024, #menuChoir1024, #menuChiSchool1024, #menuCamp1024, #menuYreporter1024, #menuYmf1024, #menuOther1024
	{
				width:64px;padding-top:8px;margin-right:3px;margin-left:3px;height:75px;line-height:95%;font-size:.8em;
	}
	#menuSchool800, #menuMusicCenter800, #menuChoir800, #menuChiSchool800, #menuCamp800, #menuYreporter800, #menuYmf800, #menuOther800
	{
				width:42px;padding-top:8px;margin-right:3px;margin-left:3px;height:75px;line-height:95%;font-size:.5em;
	}
	.SchoolColor
	{
		background-color:#F7B7D3;
	}
	.MusicCenterColor
	{
		background-color:#E5D3EF;
	}
	.ChoirColor
	{
		background-color:#7FFF64;
	}
	.ChiSchoolColor
	{
		background-color:#bad6ec;
	}
	.CampColor
	{
		background-color:#face85;
	}
	.YreporterColor
	{
		background-color:#FFF685;
	}
	.YmfColor
	{
		background-color:#DDDA80;
	}
	.OtherColor
	{
		background-color:#fce6c2;
	}
	.logobgColor
	{
		background-color:#fce6c2;
	}
	.ForestGreenColor
	{
		background-color:#003300;
	}
	.vmenu
	{ 
		background-image: 
		url('/media/pics/header/sideMenuColor1.gif');
		background-repeat: repeat-x
	}
	.chischoolbackground
	{ 
		background-image: 
		url('/media/pics/logos/ChineseSchoolVertBackground.gif');
		background-position:top right;
		background-repeat: no-repeat;
	}
/* banner class pic with screen resolutions */
.banner-1920pic1 {position:absolute;top:0px;left:394px;z-index::12100;}
.banner-1920pic2 {position:absolute;top:0px;left:1371px;z-index::12110;}
.banner-1680pic1 {position:absolute;top:0px;left:349px;z-index::12120;}
.banner-1680pic2 {position:absolute;top:0px;left:1194px;z-index::12130;}
.banner-1440pic1 {position:absolute;top:0px;left:270px;z-index::12140;}
.banner-1440pic2 {position:absolute;top:0px;left:1048px;z-index::12150;}
.banner-1360pic1 {position:absolute;top:0px;left:260px;z-index::12160;}
.banner-1360pic2 {position:absolute;top:0px;left:964px;z-index::12170;}
.banner-1280pic1 {position:absolute;top:0px;left:258px;z-index::12180;}
.banner-1280pic2 {position:absolute;top:0px;left:919px;z-index::12190;}
.banner-1152pic1 {position:absolute;top:0px;left:235px;z-index::12180;}
.banner-1152pic2 {position:absolute;top:0px;left:830px;z-index::12190;}
.banner-1024pic1 {position:absolute;top:0px;left:215px;z-index::12200;}
.banner-1024pic2 {position:absolute;top:0px;left:742px;z-index::12210;}
.banner-800pic1 {position:absolute;top:0px;left:150px;z-index::12220;}
.banner-800pic2 {position:absolute;top:0px;left:560px;z-index::12230;}
.banner-320pic1 {position:absolute;top:0px;left:176px;z-index::12240;}
.banner-320pic2 {position:absolute;top:0px;left:688px;z-index::12250;}

/* added by Kenny */
.banner-pic1 {position:absolute;top:0px;left:450px;z-index:1100;}
.banner-pic2 {position:absolute;top:9px;left:500px;z-index:1110;}
.banner-pic3 {position:absolute;top:0px;left:220px;z-index:1120;}
.banner-pic4 {position:absolute;top:12px;left:270px;z-index:1130;}
.banner-pic5 {position:absolute;top:64px;left:443px;z-index:1108;margin: 0px 0px 0px 0px;}
/* for random header class pics 
 left column */
.banner-classpic1 {position:absolute;top:0px;left:123px;z-index:11100;}
.banner-classpic2 {position:absolute;top:0px;left:251px;z-index:11150;}
.banner-classpic3 {position:absolute;top:0px;left:379px;z-index:11200;}
.banner-classpic4 {position:absolute;top:64px;left:187px;z-index:11450;}
.banner-classpic5 {position:absolute;top:64px;left:315px;z-index:11500;}
/* right column */
.banner-classpic6 {position:absolute;top:0px;left:827px;z-index:11250;}
.banner-classpic7 {position:absolute;top:0px;left:955px;z-index:11300;}
.banner-classpic8 {position:absolute;top:0px;left:1083px;z-index:11350;}
.banner-classpic9 {position:absolute;top:0px;left:1211px;z-index:11400;}
.banner-classpic10 {position:absolute;top:64px;left:891px;z-index:11550;}
.banner-classpic11 {position:absolute;top:64px;left:1019px;z-index:11600;}
.banner-classpic12 {position:absolute;top:64px;left:1147px;z-index:11650;}


/* margins and paddings adjustment */
.pulla-2 {margin-left: -10px;}
.pullb-10 {margin-left: 10px;}
.pullb-3 {margin-left: 3px;}
.pusha-8 {margin-right: -8px;}
.pusha-10 {margin-right: 10px;}
.append-banner1280 {padding-right:8px;}
.append-banner1024 {padding-right:16px;}
.append-banner800 {padding-right:8px;}

div.pos_up24
{
 position:relative;
 top:-24px;
}
/* custom Title - Yip's Canada */
h1.T1920
{ font-size:4em;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;padding-top:12px;padding-bottom:18px;}
h1.T1680
{ font-size:3.8em;background:#003300;color:#fff;letter-spacing:3px;text-indent:8px;padding-top:12px;padding-bottom:12px;}
h1.T1440
{ font-size:3em;background:#003300;color:#fff;letter-spacing:3px;text-indent:8px;padding-top:8px;padding-bottom:11px;}
h1.T1360
{ font-size:3em;background:#003300;color:#fff;letter-spacing:3px;text-indent:8px;padding-top:8px;padding-bottom:11px;}
h1.T1280
{ font-size:2em;background:#003300;color:#fff;letter-spacing:3px;text-indent:8px;padding-top:14px;padding-bottom:13px;}
h1.T1152
{ font-size:2em;background:#003300;color:#fff;letter-spacing:3px;text-indent:8px;padding-top:12px;padding-bottom:11px;}
h1.T1024
{ font-size:2em;background:#003300;color:#fff;letter-spacing:3px;text-indent:8px;padding-top:10px;padding-bottom:9px;}
h1.T800
{ font-size:1.7em;background:#003300;color:#fff;letter-spacing:2px;text-indent:8px;padding-top:5px;padding-bottom:5px;}
h1.T320
{ font-size:1.7em;background:#003300;color:#fff;letter-spacing:2px;text-indent:8px;padding-top:5px;padding-bottom:9px;}
/* custom headers */
h1920 {font-size:4em;position:absolute;top:0px;left:782px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h1680 {font-size:3.5em;position:absolute;top:0px;left:687px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h1440 {font-size:3em;position:absolute;top:0px;left:580px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h1360 {font-size:2.3em;position:absolute;top:0px;left:555px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h1280 {font-size:2em;position:absolute;top:0px;left:538px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h1152 {font-size:2em;position:absolute;top:0px;left:470px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h1024 {font-size:1.5em;position:absolute;top:0px;left:421px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h800 {font-size:1.5em;position:absolute;top:0px;left:317px;background:#003300;color:#fff;letter-spacing:3px;text-indent:10px;}
h320 {font-size:0.1em;position:absolute;top:0px;left:119px;background:#003300;color:#fff;letter-spacing:1px;text-indent:4px;}

/* banner logo */
.banner-logo1920 {position:absolute;top:85px;left:855px;z-index::12000;}
.banner-logo1680 {position:absolute;top:75px;left:711px;z-index::12010;}
.banner-logo1440 {position:absolute;top:61px;left:608px;z-index::12020;}
.banner-logo1360 {position:absolute;top:58px;left:575px;z-index::12030;}
.banner-logo1280 {position:absolute;top:55px;left:570px;z-index::12040;}
.banner-logo1152 {position:absolute;top:52px;left:488px;z-index::12040;}
.banner-logo1024 {position:absolute;top:47px;left:443px;z-index::12050;}
.banner-logo800 {position:absolute;top:33px;left:332px;z-index::12060;}
.banner-logo320 {position:absolute;top:38px;left:425px;z-index::12070;}

/* screen size width span */
.span-320 {width:950px}
.span-800 {width:800px}
.span-1024 {width:1024px;}
.span-1152 {width:1152px}
.span-1280 {width:1280px}
.span-1360 {width:1360px}
.span-1440 {width:1440px}
.span-1680 {width:1680px}
.span-1920 {width:1920px}

ul.one
{
width:85px;
background:#003300;
list-style-type:none;
margin-left:8px;
padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;
}
ul.circle
{
	list-style-type: circle;
}
ul.square
{
	list-style-type: square;
}
a.one:link,a.one:visited
{
display:block;
font-weight:light;
color:#ffffff;

width:80px;
text-align:center;

text-decoration:none;

        border:1px solid gray;
padding:1px;
        -moz-border-radius: 8px; -webkit-border-radius: 8px;
        background-color:#008000;

}
a.one:hover,a.one:active
{
background-color:#C59C6D;text-transform:uppercase;
font-weight:bold;
}
img.one:hover,img.one:active
{
display:block;
width:100%;
}
.right
{
	margin-right:0;padding-right:0;
}
p.indent40
	{
		text-indent:40px;
	}
a.italic
	{
		font-style:italic;text-decoration:none;
}
a.red
	{
		color:red;text-decoration:none;font-style:normal;
	}
a.green
	{
		color:green;text-decoration:none;font-style:normal;
	}