body{
 text-align: center;
 margin: 0px;
 padding:0;
 background: #0099EF;
 color: #333333;
 }


.wrapper { /*put this around entire page EXCEPT the fixed box*/
    position: relative; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
} 




.fixedbox { 
    position: fixed; 
    left: 700px; x145px; 
    top: 300px; 
} 
* html .fixedbox { 
    position: absolute; 
} 

		 

 
 
 
 

 
p {
font-size:10pt;
font-weight:500;
font-family:"Comic Sans MS", Ariel, verdana,sans-serif;
color:#000;
}

h2{
font-size:16pt;
font-weight:bold;
font-family:"Comic Sans MS", Ariel, verdana,sans-serif;
color:#000;
}

h3{
font-size:14pt;
font-weight:bold;
font-family:"Comic Sans MS", Ariel, verdana,sans-serif;
color:#000;
}


li {
font-size:10pt;
font-weight:500;
font-family:"Comic Sans MS", Ariel, verdana,sans-serif;
color:#000;
}

ul {
margin-top: 6px;
}








span{
font-size:10pt;
font-weight:500;
font-family: "comic sans ms", Ariel, verdana,sans-serif;
color:#000;

}



a{text-decoration:none;
color:#800000;
font-weight:bold;}



#Container{
position:relative;
height:100%;
border:1px solid red;


}



.spacer1{
position:relative;
height:195px;
width:100%;
background:transparent;
xborder:1px solid green;
}





#copy
	{

	font-size: 10px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	Font-weight:bold;
	xborder:1px solid red;
	}
	
	#copy a:link{
 color:#FFFFCB;x yellow;x#c0c0c0;

}
#copy a:active{
 color: red; 

}
#copy a:visited{
 color: #8b0000;
}
#copy a:hover{
 font-style:italic;
 color:red;
 
}

.hide{
position: absolute;
xtop:2000px;
left: -2000px;
xborder: 1px solid red;

}

.spacer2{
position:absolute;xrelative;
height:11px;
width:735px;
background:url(Images/orange.gif);
border:1px solid green;
}


.box{
position:relative;
 width:735px;
 margin-left: auto; 
margin-right: auto;
padding:25px; 
background-top:transparent;
 background: #FFFFCB;
 
 x border:1px solid red;
 
 }
 
 
#lh-col{
 position: absolute;
 float:left;
 top: 12px;
 left: 6px;
 width: 150px;
 color: #333333;
 margin: 0px;
 padding: 0px;
 

 }




#rh-col{
 position:relative; 
 top:0px;
 width:96%;x800px; x96%;
 
 
 background-color:#FFFFCB;

 

  margin: 20px 20px 20px 160px;x118px;

 }
 
  .rh-col-blue{
 margin: 12px 0px 0px 220px;/*NOTE puts it to RIGHT of Left Col*/
 border: none;
background: #0099EF;
color: #333333;
 padding: 0px;
 text-align:center;
 }
 

 .rh-col-title{
  position:relative; 
  top:0px;
  height:40px;
  width:600px;x50%;x96%;
 border: none;
 background-color:#FFFFCB;
 color: #333333;
 padding: 0px;

 margin: 10px 20px 0px 160px; 

 }
 
 
 
 .box
{
width: 80px;
height: 35px;
}

/*Hack to set 100%width and min width in non IE browsers.*/
html>body #rh-col
{
width: auto;
height: auto;
min-width: 736px;
min-height: 300px;
} 



.corner
{width:20px; height:20px; position:absolute; z-index:11;}

/*NOTE NORMALLY IMAGE MUST BE 40X40 TWICE NEEDED SIZE */

/*BUT IF WIDTH SET A PERCENT THEN USE 44PX WIDE IMAGE AND SET CNRS 2PX OUT except BR 3px, looks better at all sizes*/


.tl
{top:-2px; left:-2px; background:url(Images/corners.gif) top left no-repeat;}
.tr
{top:-2px; right:-2px; background:url(Images/corners.gif) top right no-repeat;}

.bl
{bottom:-2px; left:-2px; background:url(Images/corners.gif) bottom left no-repeat;}

.br
{bottom:-2px; right:-3px; background:url(Images/corners.gif) bottom right no-repeat;}


/*Black on Blue Corner*/
.btl
{top:0px; left:0px; background:url(Images/BCnr.jpg) top left no-repeat;}/*NOTE IMAGE MUST BE 40X40 TWICE NEEDED SIZE*/

.btr
{top:0px; right:0px; background:url(Images/BCnr.jpg) top right no-repeat;}

.bbl
{bottom:0px; left:0px; background:url(Images/BCnr.jpg) bottom left no-repeat;}

.bbr
{bottom:0px; right:0px; background:url(Images/BCnr.jpg) bottom right no-repeat;}





#AboutBox1{
width:430px;
xborder:1px solid red;


}	

#AboutBox2{
width:330px;
xborder:1px solid red;

}



.front{
position: relative;
width:800px;
 height:622px;
background:url(Images/Front14.jpg) no-repeat;
xtext-align:center;
xborder:1px solid black;
}







.frontshadow{
position:absolute;
text-align:center;
font-weight:bold;
font-size:20pt;
font-family:"Comic Sans MS", Ariel, verdana,sans-serif;
color:red;
font-style:italic;
}


.backshadow{
position:absolute;
text-align:center;
font-weight:bold;
font-size:20pt;
font-family:"Comic Sans MS", Ariel, verdana,sans-serif;
color:black;
font-style:italic;

xborder:1px solid red;
}



.Slogan2{
position:relative; 
width:360px;
top:243px;x265px;
margin:0px auto;
font-family:"Comic Sans MS","sans serif";
font-size:14pt;
xfont-weight:bold;
color:#8B0000;xFF8C00;xblack;x#175177;
padding:0px;
background:transparent;
xborder:1px solid silver;
}


.banner1{
position:relative; 
width:500px;
top:60px;
margin:0px auto;
font-family:"Comic Sans MS","sans serif";
font-size:12pt;
xfont-weight:bold;
color:black;x#175177;
padding:0px;
background:transparent;
xborder:1px solid silver;
}
.banner2{
position:relative; 
width:380px;
top:60px;
margin:0px auto;
font-family:"Comic Sans MS","sans serif";
font-size:12pt;
xfont-weight:bold;
color:black;x#175177;
padding:0px;
background:transparent;
xborder:1px solid blue;
}
.banner3{
position:relative; 
width:360px;
top:60px;
margin:0px auto;
font-family:"Comic Sans MS","sans serif";
font-size:12pt;
xfont-weight:bold;
color:black;x#175177;
padding:0px;
background:transparent;
xborder:1px solid silver;
}

.banner4{
position:relative; 
width:360px;
top:60px;
margin:0px auto;
font-family:"Comic Sans MS","sans serif";
font-size:14pt;
xfont-weight:bold;
color:black;x#175177;
padding:0px;
background:transparent;
xborder:1px solid silver;
}