﻿/* Standard font family for site */

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
  font-family: Arial, sans-serif;
  line-height: 1.3em;
}


/* Page body style */

body
{
	margin: 0;
	padding: 0;
  	color: #FFFFFF;
	background-color: #000000;
	background-image: url(images/page_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}


/* Standard paragraph style */

p, ul
{
	font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 16px;
}
.style3 {
	text-align:center;
}


/* Standard list item style */

li
{
  margin-bottom: 1em;
}


/* Links */

a:link, a:active
{
	color: #CCD6FD;
	background-color: inherit;
}

a:visited
{
	color: #FFFFFF;
	background-color: inherit;
}


/* Headings */

h1
{
  	font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
  	line-height: 1.0em;
	margin-top: 0;
  	padding-top: 0;
 	margin-bottom: 14px;
  	text-transform: uppercase;
}

h2
{
  	font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 26px;
}

h3 {
	font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 26px;
	
}
/* Logo */

#logo
{
  	position: absolute;
	left: 130px;
	top: 20px;
  	width: 175px;
  	height: 130px;
	text-align: center;
}
.style2 {
	font-size: large;
}
.style1 {
	font-size: xx-large; 
	line-height:40px; font-weight:800;
}

/* Container for page */

#container
{
	margin: 12px auto 0 auto;
	position: relative;
	width: 734px;
  	border-top: 8px solid black;
  	border-left: 8px solid black;
  	border-right: 8px solid black;
}


/* Page header area */

#page-header
{
  	position: relative;
	background-image: url(images/header_bg.jpg);
  	background-position: top left;
  	background-repeat: repeat-x;
  	color: inherit;
 	background-color: #000000;
	width: 100%;
	height: 160px;
  	border-bottom: 8px solid black;
}


/* Page footer area */

#page-footer
{
	width: 718px;
	margin: 0;
  	padding: 8px;
  	color: inherit;
  	background-color: #013F50;
}

#page-footer p
{
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size:xx-small;
  text-align:center;
}

#page-footer-reflection
{
	margin: 1px auto 12px auto;
	width: 794px;
	height: 56px;
	background-image: url(images/footer_reflection.jpg);

}


/* Page body (menu + content) */

#page-body
{ 
  width: 734px;
  border-bottom: 8px solid black;
  color: inherit;
  background-color: #024C72;
	background-image: url(images/content_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* Menu */

#menu
{
  font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
  float: left;
  margin-top: 60px;
	padding-left: 8px;
  padding-right: 20px;
	width: 120px;
	font-weight: normal;
	font-size: 0.8em;
  text-transform: uppercase;
}

#menu a
{
  font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
  display: block;
  margin-bottom: 8px;
	color: #FFFFFF;
	background-color: inherit;
	font-size: 1.0em;
	text-decoration: none;
}

#menu a:hover
{
	text-decoration: underline;
}


/* Page content area (main page) */

#page-content-main
{ 
  float: left;
  width: 378px;
	padding-top: 60px;
  padding-right: 35px;
}


/* Right column (main page) */

#right-col-main
{ 
  float: left;
  width: 134px;
	padding: 8px;
	margin-top: 60px;
  margin-bottom: 20px;
  color: inherit;
  background-color: #1D6B93;
}

#right-col-main h1
{
  font-size: 0.8em;
  padding-top: 8px;
}

#right-col-main a:visited
{
	color: #AB7DB7;
	background-color: inherit;
}


/* Page content area (subpage) */

#page-content-sub
{ 
  float: left;
  width: 563px;
	padding-top: 60px;
}


/* Standard images */

img
{
	margin: 5px;
	border-style: none;
	border-color: inherit;
	border-width: medium;
	text-align: center;
		position: relative;
		left: 1px;
		top: 8px;
	float: left;
}


/* Floating boxes with white border */

.float-box
{
  float: right;
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 8px;
  padding: 8px;
  background-color: white;
  color: black;
  line-height: 0;
}

.float-box p
{
  margin-top: 8px;
  margin-bottom: 4px;
}

.float-box a:link, .float-box a:active
{
  color: #5568B2;
	background-color: inherit;
}

.float-box a:visited
{
	color: #9B6DA7;
	background-color: inherit;
}


/* Clearing element */

.clear
{
  position: relative; clear: both; height: 1px; line-height: 1px;
}
td 
{
	font-size: small;
}
tr {
	vertical-align: top;
}

