/* CSS GENERIC v2 style Style ONE css sheet based from About.com Study Website project
   set up to test out the Front3.htm page. Page verified on the W3C CSS Validator 15/07/2006

<style type="text/css">
*/
body
{
	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	font-family:  arial narrow, verdana, arial, helvetica, sans-serif;
	color: #C0C0C0;
/* This dark background colour command affects all type styles as they have to be adjusted to be readable */
    background-color: #333300
}
p    { color : #003399;  font-size : large; font-weight: 500 }

UL   { color : #003399;  font-size : medium;}

ol {
	font-size: 1.0em;
	line-height: 3.0em;
	margin-top: 1.3em;
	margin-bottom: 1.2em;
	}

h1   { color : #CC3366;  font-style : normal; font-weight : normal; font-variant : normal; font-size: xx-large; }

h2   { color : #CC3366;  font-style : normal; font-weight : normal; font-variant : normal; font-size: x-large; }

h3   { color : #006633;  font-style : italic; }
        .note { background-color : #ffff00; }

h4   { font-family: Andy; color : #000080;  font-style : normal; font-size: 2.0em; line-height: 0.8em; margin-top: 0.2em; margin-bottom: 0.2em; }


h5   { color : #FFFF00;  font-style : normal; font-weight: normal; }

h6   { color : #006633;  font-style : normal; font-weight: normal; }
        .note { background-color : #ffff00; }

.contenthead   { color : #CC3366;  font-weight : 600; font-variant : normal; text-align: left; font-size: 4.0em; line-height: 0.8em; margin-top: 0.2em; margin-bottom: 0.3em; font-stretch: semi-expanded; font-family: Verdana, Arial, Helvetica, sans-serif }

.contenthead1   { color : #00C1B8;  font-weight : 600; font-variant : normal; text-align: left; font-size: 6.0em; line-height: 0.8em; margin-top: 0.2em; margin-bottom: 0.2em; font-stretch: semi-expanded; font-family: Verdana, Arial, Helvetica, sans-serif }

.menutext   { color : #003366;  font-weight : 500; font-variant : normal; text-align: left; font-size: medium; font-family: arial narrow, verdana, arial, helvetica, sans-serif; }
a {
	text-decoration: underline;
	font-weight: normal;
	color:  #339966;
	outline: none;
	}
a:visited {
	color:  #CC00CC;
	}
a:active {
	color:  #FF3333;
	}
a:hover {
	color: #FF3333;
	text-decoration: none;
	}
#stripbar1 {
	padding: 5px;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	margin-right: auto;
	background: #ccc;
	text-align:center; /* part 2 of 2 centering hack */
	width: 400px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
	}
img {
    border-top-color: #FFCC33;
    border-top-style: ridge;
    border-top-width: medium;
    border-bottom-color: #FFCC33;
    border-bottom-style: ridge;
    border-bottom-width: medium;
    border-bottom: #FFCC00;
}
.copyright {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: center;
	}
.PageNav {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: right;
	}
/*5 box structure starts here Top, 2 middle and 2 botom*/
#head {/*Top  RM    Bot   LM*/
    margin: 1% 0% 2% 0%;
	padding: 0px 0px 0px 0px;
	height: 20%;
    border-top-color: #FFCC33;
    border-top-style: ridge;
    border-top-width: medium;
    border-bottom-color: #FFCC33;
    border-bottom-style: ridge;
    border-bottom-width: medium;
    border-bottom: #FFCC00
    }
#content1 {/*Top  RM    Bot   LM*/
    height: 80%;
    margin: 2% 2% 2% 2%;
	padding: 5px 20px 10px 45px;
    background-color: #BBA239;
    border-top-color: #FFCC33;
    border-top-style: ridge;
    border-top-width: medium;
    border-bottom-color: #FFCC33;
    border-bottom-style: ridge;
    border-bottom-width: medium;
    border-bottom: #FFCC00
    }
/* Three column Gridbox creates a display box and replaces a table */
#gridbox3b { /*Top  RM    Bot   LM*/
    float: left; width:95%;
	margin: 0% 0% 0% 0%;
	padding: 0px 0px 0px 0px;
    background-image: url(Images/bg1.gif);
    background-repeat: repeat
}
#gridbox3bC1 { /*Top  RM    Bot   LM*/
    float: left; width:35%;
	margin: 0% 0% 1% 1%;
	padding: 0% 0% 0% 0%;
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: #000066;
    border-left-width: thick;
    border-left-style: solid;
    border-left-color: #000066;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: #000066;
    background-image: url(Images/bg1.gif);
    background-repeat: repeat
}
#gridbox3bC2 { /*Top  RM    Bot   LM*/
    float: left; width:23%;
	margin: 0% 0% 1% 0%;
	padding: 0% 0% 0% 0%;
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: #000066;
    border-left-width: thin;
    border-left-style: solid;
    border-left-color: #000066;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: #000066;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: #000066;
    background-image: url(Images/bg1.gif);
    background-repeat: repeat
}
#gridbox3bC3 { /*Top  RM    Bot   LM*/
    float: left; width:36%;
	margin: 0% 1% 1% 0%;
	padding: 0% 0% 0% 0%;
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: #000066;
    border-right-width: thick;
    border-right-style: solid;
    border-right-color: #000066;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: #000066;
    background-image: url(Images/bg1.gif);
    background-repeat: repeat
	}
.gridboxtxt {
    font-weight: bold;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: 4px;
    margin-right: 1px;
	margin-bottom: 0px;
    margin-left: 5px;
	text-align: Left;
}
/* End of Three column Gridbox creates a display box and replaces a table */
#tailend {/*Top  RM    Bot   LM*/
	margin: 2% 2% 2% 2%;
	padding: 0% 1% 0% 1%;
	text-align: center;
    border-top-color: #FFCC33;
    border-top-style: ridge;
    border-top-width: medium;
    border-bottom-color: #FFCC33;
    border-bottom-style: ridge;
    border-bottom-width: medium;
    border-bottom: #FFCC00;
    background-image: url(Images/Collines-1.jpg);
    background-repeat: repeat;
    background-color: #808080;
}
.copyright {
    color : #FFCC66;
    font-family: Tahoma, Arial, sans-serif;
    font-stretch: semi-expanded;
    font-weight: 600;
	font-size: 0.9em;
	line-height: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.4em;
	text-align: center;

}
.copyright1 {
    color : #FFFFCC;
    font-variant : normal;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: bold;
	font-size: 0.5em;
	line-height: 0.4em;
	margin-top: 0.2em;
	margin-bottom: 0.6em;
	text-align: center;
}
 -->