/* 
link external style sheet to html web page using the following html tag inside the head section 

<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css" />
</head> 

"mystyle.css" should be the file name of the external style sheet

css tutorial: http://www.html.net/tutorials/css/introduction.asp

*/


body 
{
background-color:#281808;
color:#e6d388;
font-family:Verdana;
font-size: 100%

/* this is used to make background image to be fixed to the page, change 'fixed' to 'scroll' to have image scroll
        background-image: url("image.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
        background-position: center center;

The list of order is as follows:

[background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position]
*/


}

img.border 
{border: 6px solid #042c66;} 

img.border2
{border: 4px solid #043c66}

h1,h2,h3,h4,h5,h6
{
background-color: transparent;
color:#590002;
text-decoration: none;
font-family:Verdana;
font-variant: small-caps;
padding: 5px
}



table.footer


{
width:;
height:;
font-family:Verdana;
font-size:75%;
color:#e6d388;
background-color:#281808;
table-layout:automatic;
overflow: auto;

}

table.main

{
width: ;
height: ;
background-color:#d4bc5e;
color:#281808;
font-family:Verdana;
font-size:;
table-layout:;
table-collapse:collapse
}

table.content

{
width: ;
height: ;
background-color:#e6d388;
color:#281808;
font-family:Verdana;
font-size:;
table-layout:;
table-collapse:collapse
}


table.paper

{
width: ;
height: ;
background-color:;
color:000000;
font-family:centurygothic;
font-size:;
table-layout:;
}

a {text-decoration: none}
a:link     { color:#e6d388;text-decoration: none}
a:visited  { color:#e6d388}
a:hover    { color:#e6d388;text-decoration: underline }
a:active   { color:#e6d388}

a.main:link     { color:#0752C2;text-decoration: underline}
a.main:visited  {	color:#0752C2;text-decoration: underline}
a.main:hover    {	color:#0752C2}
a.main:active   {	color:#0752C2}

html 
