@charset "utf-8";
/* CSS Document */

html {height:100%;}

body {
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #000000;
    margin: 0;
    padding-top: 0;
}

#bg { 
	background-image:url('giimages/bg_bodyblue.gif');
	background-repeat: repeat;
	position:fixed; 
	top:0; 
	left:0;
	width:100%;
	height:100%;
}

html, #wrapper, h1 {
    margin: 0;
    padding: 0;
}

img { border: 0; }

#wrapper, #header {
	margin: auto;
    text-align: left;
    width: 895px;
    position: relative;
}


h1 {
    font-size: 24px;
    color: #400000;
}

h2 {
    font-size: 22px;
    color: #D8A412;
	margin-bottom: 25px;
}

h3 {
    font-size: 16px;
	color: #660000;
	margin-bottom: -12px;
}

h4 {
    font-size: 14px;
	color: #660000;
	margin-bottom: -12px;
}

.block {
    display: block;
}

.clear {
    clear: both;
	height: 10px;
}

.left {
    float: left;
    margin: 5px 20px 0px 0px;
}

.right {
    float: right;
    margin: 10px 40px 0px 20px;
}

.imgleft {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	float: left;
	border: 1px solid #000000;
}

.imgleft2 {
	margin-top: 3px;
	margin-right: 20px;
	margin-bottom: 15px;
	float: left;
}

.imgright {
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 15px;
	float: right;
	border: 1px solid #000000;
}

.imgright2 {
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: -25px;
	float: right;
}

.imgright3 {
	margin-left: 20px;
	float: right;
}

.imgbottom {
	position: absolute;	
	z-index: 3;
	bottom: 15px;
	left: 48px;
}

.floatimg {
    margin-bottom: -100px;
}

.readmore {
    text-align: right;
}

#wrapper {
	background: url(giimages/topimg.png) 0px no-repeat;
    width: 895px;
    height: 40px;
	margin-top: -5px;
}

#header {
    background: url(giimages/header5.png) no-repeat;
    width: 895px;
    height: 146px;
}

#sidebar1 {
	float: left; 
	width: 189px; /* since this element is floated, a width must be given */
	min-height:475px;
	background: #c7cedb; /* the background color will be displayed for the length of the content in the column, but no further */
	border-top: 1px solid #687b9c;
	margin-left: 4px;
	margin-top: 1em;
}

#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

#nav img {
    display: block;
}

#body {
	background: url(giimages/middleimg.png) repeat-y;
    position: absolute;
    top: 35px;
    width: 895px;
    margin: 0;
    padding: 0 0 0 0;

}

.inner {
    width: 606px;
    margin: 0 20px 0px 227px;
    font-size: 14px;
}

.inner2 {
	width: 800px;
	text-align: left;
	font-size: 14px;
}

.inner p {
    margin: 1.25em 0;
    padding: 0;
}

.inner a {
    color: #D8A412;
}

.inner a:hover {
    color: #660000;
}

.inner table.mytable { 
	width: 606px; 
	padding: 0px; 
	border: none; 
	border: 1px solid #737c8c;
}
table.mytable2 { 
	width: 75%; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom:10px;
	padding: 0px; 
	border: none; 
	border: 1px solid #737c8c;
}
table.mytable3 { 
	width: 50%; 
	padding: 5px; 
	border: none; 
	border: 1px solid #a25f00;
}

table.mytable3 td { 
	font-size: 12px;
	color: #000000; 
	border: 1px solid #CCC; 
	background-color: #ffffff; 
	vertical-align: middle; 
	padding: 5px; 
}

.inner table.mytable td { 
	font-size: 10px;
	color: #000000; 
	border: none; 
	background-color: #ffffff; 
	vertical-align: middle; 
	padding: 2px; 
}
.inner table.mytable2 td { 
	font-size: 12px;
	color: #000000; 
	border: none; 
	background-color: #ffffff; 
	vertical-align: middle; 
	padding: 5px; 
}
.inner table.mytable td, table.mytable2 td, table.mytable th, table.mytable2 th {
		text-align: center;
}
.inner table.mytable2 td, table.mytable2 th {
		text-align: left;
}
table.mytable3 td, table.mytable3 th {
		text-align: center;
}
.inner table.mytable th, table.mytable2 th { 
	font-size: 11px;
	border: none; 
	background-color: #ffffff; 
	vertical-align: middle; 
	padding: 2px; 
}
.inner table.mytable tr.special td { 
	border-bottom: 1px solid #400000;  
}

#footer {
    position: relative;
	top: 25px;
    float: left;
    text-align: right;
    margin-top: -10px;
}

#copyright {
  position:relative;
  text-align: left;
  font-size: 10px;
  margin-top: -25px;
  margin-left: 320px;
  margin-bottom: 0;
}

#copyright a {
    color: #660000;
}

#copyright a:hover {
    color: #000000;
}