body, td, p, h1, h2, ol ,ul, .form, .subheader, .introtext, td.header, td.main, td.highlight, td, th, thead, tbody, tfoot
{
font-family : Comic Sans, Comic Sans MS, Arial, Helvetica, MS Sans Serif, Sans Serif;
}

body.main /*Body Tag <body>*/
{ 
background-image : url(../pics/bg_atschool.gif);
/*
Background Image : 
If you need this to work in Netscape use the absolute URL.
And it won't position.
If you find a better way, let me know!
e.g.
background-image : url(http://www.arkom.co.uk/pics/arkom_logo.gif);
*/

background-position 	: center;
background-repeat 		: repeat;
background-color 		: #CC3300;
background-attachment 	: fixed;

margin-left 	: 20px;
margin-right 	: 20px;
margin-top 		: 20px;
margin-bottom 	: 20px;

/*
Scroll Bar
*/
scrollbar-base-color		: #993300; 
scrollbar-face-color		: #993300; 
scrollbar-track-color		: #CC3300; /*#F8F8F8*/
scrollbar-arrow-color		: #000000;
scrollbar-highlight-color	: #CC3333; 
scrollbar-3dlight-color		: #993300; 
scrollbar-shadow-color		: #660000;
scrollbar-darkshadow-color	: #000000; 


color 			: #ffffff; 
font-size 		: 12px; 
letter-spacing 	: normal; 
line-height 	: normal;
} 

td, p /*td style - should be same as above*/
{ 
color 			: #ffffff; 
font-size 		: 12px; 
letter-spacing 	: normal; 
line-height 	: normal;
} 

/*Generic Links*/
a:link				{color : #FFCC33; text-decoration : underline;}
a:visited			{color : #FFCC33; text-decoration : underline;}
a:hover				{color : #FFFFFF; text-decoration : underline;}


a.h3:link				{color : #FFCC33; text-decoration : underline;}
a.h3:visited			{color : #FFCC33; text-decoration : underline;}
a.h3:hover				{color : #FFFFFF; text-decoration : underline;}

/*Header*/

h1 
{
font-size : 20px; 
color : #FFCC33;
}

h2 
{
font-size : 12px;
font-weight : bold;
}

h3 
{
font-size : 10px; 
color : #FFCC33;
font-family : Arial, Helvetica, MS Sans Serif, Sans Serif;
}


.subheader /*SubHeader*/		
{
color 			: #000000; 
font-size 		: 12px; 
font-weight 	: bold;
text-transform 	: uppercase;
}

.introtext /*IntroText*/ 			
{
color 			: #000000; 
font-size 		: 12px; 
letter-spacing 	: normal; 
line-height 	: 18px;
font-weight 	: normal;
}

/* Table - START */
table.table				
{
background-image : 	url(../pics/table_bg.gif);
}
/* Data Table - END */

.form	
{
background-color 	: #FFEEEE;
color 				: #CC0000;
}

hr
{
background-color	:transparent;
color				:#FF0000;
height				:1px;
} 

li
{
list-style-position : outside;
color : #FFCC33;
margin-bottom : 10px; 
}

img
{
border	: 0px;
}

iframe
{
width 	: 290px;
height 	: 150px;
}

body.fame
{
background-color 		: #993333;

margin-left 	: 0px;
margin-right 	: 0px;
margin-top 		: 0px;
margin-bottom 	: 0px;

/*
Scroll Bar
*/
scrollbar-base-color		: #993300; 
scrollbar-face-color		: #993300; 
scrollbar-track-color		: #CC3300; /*#F8F8F8*/
scrollbar-arrow-color		: #000000;
scrollbar-highlight-color	: #CC3333; 
scrollbar-3dlight-color		: #993300; 
scrollbar-shadow-color		: #660000;
scrollbar-darkshadow-color	: #000000; 

}

body.game
{
background-color 		: #CC3300;

margin-left 	: 0px;
margin-right 	: 0px;
margin-top 		: 0px;
margin-bottom 	: 0px;
}