/* 
The page is constructed as two columns, one of class "nav" and the other of
class "text" pasted onto a light background.  The menu column has light
text on a dark-navy-blue background; the text column has dark text on
a transparent background. The overall background blends with the background of the 
content column.

These styles should be applied by enclosing the navigational and content
components in table cells with the classes nav and text respectively.
*/   

body     {color:              black;
	  background-color:   white;
          background-image:   url(http://archive.ast.cam.ac.uk/styles/parchment-bg.gif)}

.nav     {background-color: #000033;
          color:            white;
          padding-left:     5px;
	  padding-right:    5px;
	  text-indent:      0em;
	  font-style:       italic;}

.text    {background-color: transparent;
          color:            black;
          padding-left:     5px;
	  padding-right:    5px;
	  font-style:       normal}

/*
Headings in the navigation style are in yellow.
*/
.nav h1, .nav h2, .nav h3, .nav h4 {color:       yellow;
                                    font-style:  normal}

/*
Icon images in the navigation style have no borders.
*/
.nav img {border-width: 0px}


/*
Links in the navigation column have normal text colour until
visited, after which they go grey. 
*/
.nav a:link    {color: white}
.nav a:active  {color: red}
.nav a:visited {color: #999999}


/*
The "title" class applies special formatting to the elements that make up the 
page's main heading. 
*/
.title   {color:            #000066; 
          background-color: transparent;
	  width:            100%;
	  text-align:       center}

/*
Our normal style is to enclose the main heading of the page between 
horizontal rules.  Most browsers like to render horizontal rules well 
spaced from other elements, but this looks clumsy with a heading.  The
traditional kludge of putting the rules inside the H1 element is not
correct HTML!  The following two styles allow rules and headings to
be closely spaced when both are proper block-elements.
*/
hr+h1 {padding: 0; margin: 0}

/*
As with main headings, so with forms.
*/
hr+form  {padding: 0; margin: 0}


/*
The inset1 class is good for inset elements like forms that need a non-white
background to make the controls stand out.  A light-yellow background is used.
*/
.inset1       {background-color: #ffffcc;
               color:            black}
	 
.inset1 input {background-color: #ffffcc;
               color:            black}

	 
/*
The inset2 class is for tables that need to stand out.  The data cells have
the same background as in the inset1 class, but the heading cells are picked
out in sage green.
*/
.inset2    {background-color: #ffffcc;
            color:            black}

.inset2 td {background-color: #ffffcc;
            color:            black}
	 
.inset2 th {background-color: #ccffcc;
            color:            black}

/*
The inset3 class is an alternative to inset1, using a light-blue background 
instead of light yellow.  It is not so good for forms, but can look nice with
inset figures and their captions.
*/
.inset3    {background-color: #6666ff;
            color:            black}

.inset3 td  {background-color: #6666ff;
            color:            black}
            
            
            
#navigation {
	width:			220px;
	float:			left;
        margin-left:		-1px;
	padding:		10px;
	background-color:  	#000033;
        color:			white;
}


/*
Links in the navigation column have normal text colour until
visited, after which they go grey. 
*/
#navigation a:link    {color: white}
#navigation a:active  {color: red}
#navigation a:visited {color: #999999}

/*
Icon images in the navigation style have no borders.
*/
#navigation img {
	border-width:		0px
}

/*
Headings in the navigation style are in yellow.
*/
#navigation h1, #navigation h2, #navigation h3, #navigation h4 {
	color:       		yellow;
	font-style:		normal;
}

#main {
	padding:		10px;
	margin-left:		230px;
}