/* css sheet*/



html { 
height: 100%;
  padding-right: 0.5em;
  margin:0em;
}

#page
{
	width: 100%;
	margin: 0 auto;
	height: 100%;
	text-align: left;
}

* html #page
{
	height: 100%;
}

body {
height: 100%;
  background-color: #fff;
  font-size: 76%;
  font-family: "Century Gothic", arial, helvetica, sans-serif;
  color:#000033;  
  padding: 0;
  margin: 0;
}

p, h2, pre {
font-size: 1.0em;
line-height: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
padding: 0em 0em 0em 0em; 
}

/* STYLING FOR MAIN CONTENT TEXT */

.class1 {
  font-size: 1em;
  font-family: "Century Gothic", arial, helvetica, sans-serif;
  color:#000033;
  background-color:#FFFFFF;
  padding:0em;
  margin:0em;
  }

/* STYLING FOR SUB NAV */

.class2 {
color: #003366; 

font-size: 1.3em;
  font-family: "Century Gothic", arial, helvetica, sans-serif;
background-color: #FFFFFF;
text-decoration: none;
  margin:0em; 
}

/* STYLING FOR LINKS */

a { 
color: #003366;
font-size: 1.3em;
background-color: #FFFFFF;
text-decoration: none; 
}

a:link {
	color: #003366;
	background-color:#FFFFFF;
	text-decoration: none;
	padding-bottom: 0em;
}


a:visited {
	color: #003366;
	background-color:#FFFFFF;
	text-decoration: none;
}


a:hover {
	color: #999999;
	background-color:#FFFFFF;
	text-decoration: underline;
}

/* STYLING FOR LINKS IN MAIN CONTENT */

.class1 a { 
color: #000033;
font-size: 1em;
background-color: #E6E6E6;
text-decoration: none;
padding-left: 0em;
}

.class1 a:link {
	color: #000033;
	background-color:#E6E6E6;
	font-size: 1em;
	text-decoration: none;
	padding-left: 0em;
}


.class1 a:visited {
	color: #000033;
	background-color:#E6E6E6;
	font-size: 1em;
	text-decoration: none;
}


.class1 a:hover {
	color: #000033;
	font-size: 1em;
	background-color: #E6E6E6;
	text-decoration: underline;
}

/* STYLING FOR SUB NAV LINKS */

.class2 a { 
color: #003366;
font-size: 1em;
background-color: #FFFFFF;
text-decoration: none; 
}

.class2 a:link {
	color: #003366;
	background-color:#FFFFFF;
	font-size: 1em;
	padding-bottom: 4em;
	text-decoration: none;
	padding-left: 0em;
}


.class2 a:visited {
	color: #003366;
	background-color:#FFFFFF;
	font-size: 1em;
	text-decoration: none;
}


.class2 a:hover {
	color: #999999;
	background-color:#FFFFFF;
	font-size: 1em;
	text-decoration: underline;
}

a.skip {
color: #FFFFFF; 
background-color: #FFFFFF;
}

a.skip:active {
color: #999999; 
background-color: #FFFFFF;
}

a.skip:hover {
color: #999999;
background-color: #FFFFFF;
}

pre { 
color: #000033;
font-size: 1em;
background-color: #FFFFFF;
font-family: "Century Gothic", arial, helvetica, sans-serif;
}

.alignright {
margin-top: 0; 
text-align: right;
font-size: 0.8em;
}

/* HEADINGS */

h1 {
font-size: 1.1em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
color:#999999;
background-color:#FFFFFF;
	}

h2 {
font-size: 1.4em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
color: #003366;
background-color:#FFFFFF;
padding-top:0.8em;
}

h3  {
	font-size: 1.2em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
	color:#003366;
	background-color:#FFFFFF;
	}

h4 {
font-size: 1.2em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
color:#003366;
background-color:#FFFFFF;
}

h5 {
font-size: 1.1em;
	margin: 0em 0em 0em 0em;
	font-weight: bold;
color:#999999;
background-color:#FFFFFF;
}

h6 {
	font-size: 1.2em;
	margin: 0em 0em 0em 0em;
	padding-top: 0.2em;
	font-weight: bold;
	color:#003366;
	background-color:#FFFFFF;
	}


/*  positioning*/

.centeredImage
    {
    text-align:left;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

#left {
position: absolute;
text-align: justify;
	left: 0em;
	width: 14em;
	margin-left: 0.1em;
	margin-right: 0em;
	padding: 0em;
	top: 4em;
}

#right {
position: absolute;
right: 0em;        
margin: 0.1em; 
width: 18em;
padding-right: 1.6em;
top: 4em;
}


#maintext {
margin-top: 0em;
margin-left: 16em;
margin-right: 10em;
margin-bottom: 0em;
border-left: 0em;
border-right: 0em;
border-bottom: 0em;
padding-bottom: 0em;   
}

/* TABLES */

table
{
border: none;
width: 100%;
left: 0em;
margin: 0;
padding: 0;
vertical-align: top;
text-align: left;
}

table.twocol

{
border: none;
vertical-align: top;
text-align: left;
}

table.twocol td.twocolHd
{ 
vertical-align: top;
text-align: left;
}

table.twocol td
{ 
vertical-align: top;
text-align: left;
} 

.twocolBodL 
{ 
vertical-align: top;
text-align: left;
}


img { /* defines the css for the <img> tag */
	border: 0px; /* set border width to 0 pixels */
}