/* Ian Style */

/* To change the Color scheme, amend body.cc, div.message, div.bannerTopNew, div.bannerNew and  table.toptable */


body.cc{
BACKGROUND: url(Images/curtains.jpg) no-repeat;
background-position:top center;
background-color:black;
}


table.toptable{
margin-top:1px;
background-color:#FFDDDD;
border-bottom:1px solid #5A0000; 
background-image: url('Images/bg6.PNG'); 
background-repeat: repeat-x;
}


div.message {
	BORDER: thin solid #5A0000;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(Images/divbg3.PNG) repeat-x;
	//BACKGROUND-COLOR: #FFFF82;
	BACKGROUND-COLOR: black;
	PADDING-BOTTOM: 3px;
	COLOR: red;
	PADDING-TOP: 3px;
	vAlign:top;
}


div.sp {
border-style: solid;
border-width: 2px;
border-color: black;
background-color: #5A0000;
color: yellow;
font-size: 85%;
text-align: justify;
position:relative;
top:-10;
left:50;
visibility:visible;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px;
WIDTH: 675px;
margin:5px;
filter:alpha(opacity=80);
}



div.bannerTopNew {
	BORDER: medium none;
	PADDING-RIGHT: 8px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 8px;
	BACKGROUND: url(Images/divbg3.PNG) repeat-x;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: medium none;
	COLOR: red;
	BORDER-BOTTOM: medium none;
	BACKGROUND-COLOR: black;
	PADDING-TOP: 3px;
	font-weight: bold;
}

div.bannerTopNewClear {
	BORDER: medium none;
	PADDING-RIGHT: 8px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 8px;
	BACKGROUND: url(Images/divbg3.PNG) repeat-x;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: medium none;
	//COLOR: red;
	COLOR: FireBrick;
	BORDER-BOTTOM: medium none;
	//BACKGROUND-COLOR: #F0F0F0;
	//BACKGROUND-COLOR: #FFFF82;
	//BACKGROUND-COLOR: black;
	//BACKGROUND-COLOR: white;
	PADDING-TOP: 3px;
	font-weight: bold;
}

div.bannerNew {
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	BORDER: medium none;
	PADDING-RIGHT: 10px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 10px;
	BACKGROUND: url(Images/divbg3.PNG) repeat-x;
	color:  RED;
	BORDER-LEFT: medium none;
	CURSOR: hand;
	COLOR: red;
	BORDER-BOTTOM: medium none;
	//BACKGROUND-COLOR: #FFFF82;
	BACKGROUND-COLOR: black;
	font-weight: bold;
}


div.bannerNew1 {
	BORDER: medium none;
	PADDING-RIGHT: 10px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 10px;
	BACKGROUND: url(Images/divbg3.PNG) repeat-x;
	color:  RED;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: medium none;
	CURSOR: hand;
	COLOR: red;
	BORDER-BOTTOM: medium none;
	//BACKGROUND-COLOR: #FFFF82;
	BACKGROUND-COLOR: black;
	PADDING-TOP: 0px;
	font-weight: bold;
	height:50px;
}

h3
{
PADDING-TOP: 0px;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 0px;
color: black;
text-align: center;
font-style: italic
}

h3.news
{
PADDING-TOP: 0px;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 0px;
color: black;
text-align: center;
font-style: normal;

}

h3.news2
{
PADDING-TOP: 0px;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 0px;
color: #5A0000;
text-align: center;
font-style: normal;

}

p.heading
{
PADDING-TOP: 0px;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 0px;
color: black;
text-align: left;
font-style: italic;
POSITION:relative;
TOP:1px;
}


img.hide {
POSITION:relative;
TOP:1px;
float:left;
}


div.shadow {
	background:#F5F5F5;
    position:relative;
    top:10;
   	left:10;
    height:100%;
    width:100%;
    overflow:visible;
    }

div.top{
	border:medium; padding: 15px;margin:0 auto;
	background:#FFF8DC;color:#000;
	position:relative;
	top:-10;
	left:-10;
   	height:100%;
   	width:100%;
   	outline: black solid thin;
    }


img.bg
{
position:absolute;
left:265;
top:135;
z-index:-1;
}

body.load1 
{
background-image:
url('background1.jpeg')
}

body.load2 
{
background-image:
url('background2.jpg')
}

body.load3 
{
background-image:
url('background3.jpg')
}

td.main
{
background-color: #FFF8DC;
padding: 0.25cm

}


a:link {color: blue}     /* unvisited link */
a:visited {color: Magenta}  /* visited link */
a:hover 
{
font-weight: bold;
color: lightblue
}   /* mouse over link */

/* Right aligned Paragraph */
p.right {text-align: right}

/* centre aligned Paragraph  */
p.centerb 
{
color: #800080;
font-weight: bold;
font-size: 110%;
text-align: center;
}

a.small
{
font-size: 80%;
font: italic;
color:blue;
CURSOR: hand;
}

img.fltright 
{
border-color: black;
float:right
}

img.fltrightX 
{
border-color: black;
float:right;
CURSOR: hand;
POSITION:relative;
Left:12px;
}

img.tfltright 
{
border-color: black;
float:right;
behavior: url(#default#time2);
PADDING-LEFT: 3px;
}

img.nofloat
{
display:inline
}


div.center
{
display:block;
margin-left: auto;
margin-right: auto;
position:relative; 
top:-700px;
left:35%;
}

img.nofloatC
{
display:inline;
}


table.menu
{
width: 170px
}

table.full
{
width: 100%
}

td.full
{
width: 100%
}

td.imagegap
{
width: 10%
}

td.maingap
{
width: 79%
}

td.menugap
{
width: 11%
}

img.fixed
{
position:fixed;
left:5px;
top:5px
}


p.center 
{
color: #800080;
font-size: 110%;
text-align: center
}


/* centre aligned Paragraph  */
p.left {text-align: left}


tr.vtop {valign: top}
tr.vbottom {valign: bottom}

tr.left {text-align: left}
tr.right {text-align: right}
tr.center {text-align: center}


/* bordered paragraph*/
p.topline
{
border-style: solid;
border-width: 2px;
border-color: #5A0000;
background-color: #FFDDDD;
font-size: 50%;
color: #FFDDDD
}

/* bordered paragraph*/
th.topline
{
background-color: #5A0000;
color: cornsilk
}

h2.cc
{
color: #990033;
text-align: center;
font-style: italic;
margin:0px;	/* No <ul> air */
padding:0px;	/* No <ul> air */
}

img.abs
{
opacity:0.35;
filter:alpha(opacity=35);
position: absolute;
left:265px;
top:155px;
z-order=0;
}
h2.ccnew
{
color: #990033;
text-align: center;
font-style: italic;
position: absolute;
left:300px;
top:200px
}

p.cc
{
color: #990033;
font-style: italic
}


h3.mi
{
color: black;
text-align: center;
font-style: italic
}



div.finish {
visibility:hidden;
position:absolute;
top:25%;
left:40%;
}

div.start {
BORDER: thin solid black;
background-color:#CD853F;
background: url(Images/stage2.PNG) repeat-x;
height:70px;
}


p.welcome
{
color: #990033;
font-size: 125%;
text-align: justify
}

p.welcome2
{
color: #990033;
font-size: 125%;
text-align: justify
background-color:cornsilk;
}

p.classes
{
BACKGROUND: url(Images/grad.PNG) repeat-x;
border-style: solid;
border-width: 2px;
border-color: black;
background-color: #FFDDDD;
color: white;;
font-size: 100%;
text-align: justify;
font-weight: bold
}

p.const
{
color: Red;
font-size: 180%;
text-align: center;
CURSOR: hand;
}




div.shadow2{
	background:gray;
	font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center;
    	position:absolute;
    	top:20;
    	left:20;
    	height:1;
    	width:1;
    	z-index:-1;
    	opacity:0.4;
    	filter:alpha(opacity=40);
    	visibility:hidden;
    }

div.body {
	BORDER: thin solid silver;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: url(../Images/bodbg.PNG) repeat-x;
	BACKGROUND-COLOR: cornsilk;
	PADDING-BOTTOM: 3px;
	COLOR: black;
	PADDING-TOP: 3px;
	HEIGHT: 1px;
	OVERFLOW: hidden;
}


div.bodyNew {
	BORDER: thin solid silver;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: url(Images/bglight.PNG) repeat;
	BACKGROUND-COLOR: cornsilk;
	PADDING-BOTTOM: 3px;
	COLOR: black;
	PADDING-TOP: 3px;
	HEIGHT: 300px;
	OVERFLOW: hidden;
	vAlign:top;
}

div.bodyTop {
	BORDER: thin solid silver;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: url(../Images/bodbg.PNG) repeat-x;
	BACKGROUND-COLOR: cornsilk;
	PADDING-BOTTOM: 3px;
	COLOR: black;
	PADDING-TOP: 3px;
}

div.banner {
	BORDER: medium none;
	PADDING-RIGHT: 3px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 3px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(Images/divbg1.PNG) repeat-x;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: medium none;
	CURSOR: hand;
	COLOR: #5A0000;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: medium none;
}

div.bannerTop {
	BORDER: medium none;
	PADDING-RIGHT: 3px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 3px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(Images/divbg1.PNG) repeat-x;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: medium none;
	COLOR: #5A0000;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: medium none;
	HEIGHT: 30px
}