body
{color: #003300;
background-color: #CCFFCC;
background-image: url(mughal_world_bg.jpg)}

/* We don't set the margins for the body as a whole because we want some elements to be full-width */

a:link
{text-decoration: underline;
color: #000000}

a:visited
{text-decoration: underline;
color: #006600}

/* a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective */
a:hover
{text-decoration: underline;
color: #660000;
background-color:#ff9999}

/* a:active (if it is used) MUST come after a:hover in the CSS definition in order to be effective */

hr
{margin-left: 10%;
margin-right: 10%}

h1
{text-align: center}

/* These are different to H1, which is used in the (full-width) heading */
h2,h3,h4,h5
{margin-left: 10%;
margin-right: 10%}

h4
{font-style: italic}

p
{text-align: left;
margin-left: 10%;
margin-right: 10%}

p.centre
{text-align: center}

p.centresm
{text-align: center;
font-size: 80%}

p.comment
{text-align: center;
font-style: italic}

p.right
{text-align: right;
font-size: 80%;
font-weight: bold;
margin-right: 0%}

ul.level1
{list-style-type: disc;
list-style-position: outside;
margin-left: 13%;
margin-right: 10%} 

ul.level2ormore
{list-style-type: disc;
list-style-position: outside} 

ul.level2ormoresm
{list-style-type: disc;
list-style-position: outside;
font-size: 80%} 

table.in_text
{margin-left: 10%;
margin-right: 10%}

th
{text-align: left}

span.lititle
{font-weight: bold;
font-variant: small-caps}

/* This is all based on the tutorials at http://www.w3schools.com/css/default.asp