* { margin: 0; padding: 0; }
html{ 
height: 100%; 
border: 0; 
padding: 0; 
margin: 0; 
} 
body{ 
height: 100%; 
margin: 0; 
padding: 0; 
border: 0; 
background :url(images/bg.gif) repeat-y top center;
} 


#spacer{ 
display: block; 
height: 95%; 
float: left; 
width: 2px; /* 1px would be enough this is for display only */ 
font-size: 1px; /* to make sure width is not overridden */ 
padding: 0; 
margin: 0; 
} 

#contentwrap{ 
display: block; 
width: 99%; /* to suit but leave room for spacer */ 
text-align: center; 
padding: 0; 
margin: 0; 
} 

#content{ 
margin: 0; 
padding: 0; 

} 

#footer{ 
text-align:center;
clear: both; 
height: 5%; 
padding-top: 20px; 
margin: 0; 
} 

#box {
	margin-top : -10px;
	display: block; 
	height: 95%; 
	background:url(verticalgradient.jpg) repeat-x;
	position: relative;
	width : 782px;
	margin-right : auto;
	margin-left : auto;
}


#flashmovie { 
width : 330px;
height : 500px;
position:absolute;
 top:0;
 left:0;
float: left;
margin : 0 0 0 0;
padding : 0 0 0 0;
} 

#purplebox { 
position:relative;
padding : 5px 5px 5xp 5px;
width : 191px;
height : 125px;
margin-top : 40px; margin-left: 60px;
background:url(images/pinkbox1bg.gif) no-repeat;
} 


#pinkbox {
position: absolute; 
float:left;
width : 191px;
height : 125px;
margin-top : 50px; margin-left: 60px;
padding : 5px 5px 5xp 5px;
background:url(images/pinkbox2bg.gif) no-repeat;
}





#navbar { 
position : relative; top:0;
margin-top:0px;
width : 452px;
height : 250px; 
margin : 0 0 0 330px;
} 

#navcontainer { 
position : absolute; top:0;
width : 452px;
height : 15px; 
margin : 145px 0 0 15px;
} 


#navbox1 {position : absolute; top:0; width : 60px; height : 15px; margin : 0 0 0 4px;} 

#navbox2 {position : absolute; top:0; width : 70px; height : 15px; margin : 0 0 0 69px;} 

#navbox3 {position : absolute; top:0; width : 90px; height : 15px; margin : 0 0 0 143px;} 

#navbox4 {position : absolute; top:0; width : 60px; height : 15px; margin : 0 0 0 246px;} 

#navbox5 {position : absolute; top:0; width : 60px; height : 15px; margin : 0 0 0 313px;} 

#navbox6 {position : absolute; top:0; width : 60px; height : 15px; margin : 0 0 0 376px;} 




#contens { 
position: relative;
min-height:100%;
top:0px;
padding : 0 0 0 0;
width : 400px;
margin-top : 0px; margin-left: 350px;
} 


h1 {font-family:"Trebuchet MS"; font-size: 18px; font-weight:bold; color:#666666;}
p.navbar {font-family:"Trebuchet MS"; font-size: 13px; font-weight:bolder; color:#E53384;}
a.navbar:link {font-family:"Trebuchet MS"; font-size: 13px; font-weight:bolder; color:#E53384; text-decoration:none;}
a.navbar:hover {font-family:"Trebuchet MS"; font-size: 13px; font-weight:bolder; color:#666666; text-decoration:none;}
a.navbar:active {font-family:"Trebuchet MS"; font-size: 13px; font-weight:bolder; color:#E53384; text-decoration:none;}
a.navbar:visited {font-family:"Trebuchet MS"; font-size: 13px; font-weight:bolder; color:#E53384; text-decoration:none;}

p.contens {font-family:"Trebuchet MS"; font-size: 12px; font-weight:bold; color:#666666;}
p.box {font-family:"Trebuchet MS"; font-size: 15px; font-weight:bold; color:#ffffff; padding-left:10px; padding-top:10px; padding-right:10px;}

p.footer {font-family:"Trebuchet MS"; font-size: 10px;  color:#999999;}
a.footer:link {font-family:"Trebuchet MS"; font-size: 10px;  color:#E53384; text-decoration:none;}
a.footer:hover {font-family:"Trebuchet MS"; font-size: 10px;  color:#999999; text-decoration:none;}
a.footer:active {font-family:"Trebuchet MS"; font-size: 10px;  color:#E53384; text-decoration:none;}
a.footer:visited {font-family:"Trebuchet MS"; font-size: 10px;  color:#E53384; text-decoration:none;}