/* CSS Document */
body {
background-image:url(../img/sitebkg2.jpg); repeat: x;
background-color:#cccccc;
margin: 5px;
font-size:14px;
}
img.headliner{
padding: 30px 10px 10px 20px;
}

img.textpic {
padding: 10px 20px 0px 10px;
}

h2 {

background-color:#3399FF;
text-align:center;
color:#FFFFFF;
margin-top:10px;
}

h3 {
background-color:#3399FF;
text-align:center;
color:#FFFFFF;
margin-top:0px;
margin-bottom:5px;
}

/** layout **/
#wrapper {
	text-align: justify;
	margin: auto;
	width: 990px;
	position: relative;
}

#header {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 990px;
 background-color:#FFFFFF;
 border: solid 1px #000000;
}
#left {
 position: absolute;
 top: 110px;
 left:0px;
 width: 187px;
 min-height:510px;
 background-color:#FFFFFF;
 border: solid 1px #000000;
}

#body {

position:absolute;
top: 110px;
left: 202px;
width: 622px;
min-height:500px;
 background-color:#FFFFFF;
 border: solid 1px #000000;
}

#right {
 position: absolute;
 top: 110px;
 right: -1px;
 width: 150px;
 min-height:495px;
 border: solid 1px #000000;
}


/** Left **/
#left {
padding: 0px 5px 0px 5px;
}

#left ul {
font-weight:bold;
list-style-position:outside;
list-style:none;
position:relative;
left: -18px;
}

#left li {
border:outset 2px #3399FF;
background-color: #3399FF;
width:140px;
text-align:center;
padding:2px;
}

#left li:hover {
background-color:#FFFFFF;
border:inset 2px #3399FF;
}

#left a {
text-decoration:none;
color:#FFFFFF;
}

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

#left a:hover {
font-weight:bold;
color:#3399FF;
}

#left p{
text-align:center;
}

#left a.text{
font-weight:bold;
color: #3399FF;
}

#left a:hover.text{
border: 1px solid #3399FF;
font-weight:bold;
color: #3399FF;
}

/** header **/
#header {
background-color:#fffff;
height: 106px;
}

#header input {
border-style:inset;
background-color:#CCCCCC;
}

#header .header {	
width:100%;
border:none;
padding: 0px;
font-weight:bold;
font-size:16px;
}
#header img {
height: 101px;
}

#header .td {
padding: 0px;
}

/** Body **/
#body {
background-color:#ffffff;
padding: 0px 5px 10px 5px;
text-align:justify;
}

#body .first30 {
padding: 0px 45px 0px 45px;
}

#body .first30 p{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
padding: 10px;
}

#body .first30 ol{
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

#body .first30 table {
min-width: 500px;
}

#body .first30 table th{
background-color: #3399FF;
height: 40px;
padding: 5px 10px 5px 10px;
}

#body .first30 table th:hover{
background-color: #FFFFFF;
color:#3399FF;
height: 40px;
padding: 5px 10px 5px 10px;
}


#body .first30 table td{
border: 1px solid #3399FF;
text-align:center;
padding: 5px 10px 5px 10px;
}

#body .first30 a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
height:40px;
width:100px;
}

#body .first30 a:hover{
color:#3399FF;
font-weight:bold;
text-decoration:none;
}


#body a.text{
color:#000099;
font-weight:bold;
}

#body .first30 h3{
border: 1px solid #000000;
}

#body p {
padding: 0px 10px 0px 10px;
}

#body p.contact {
padding: 0px 15px 0px 15px;
border:solid 1px #CCCCCC;
}

#body table.infopages {
width:500px;
margin-top: 10px;
}

#body table.infopages td{
padding: 10px;
font-weight:bold;
text-align:center;
background-color:#FFFFFF;
border:solid 2px #3399FF;
}

#body table.infopages th{
padding: 10px;
text-align:center;
}

#body table.infopages img{
height: 120px;
border:outset 2px #3399FF;
}

.events {
width:500px;
border:solid 1px #3399FF;
}

.events td{
margin: 0px;
padding:0px;
background-color:#FFFFFF;
}
.events th {
text-align:center;
background-color:#3399FF;
color:#FFFFFF;
}

.events a {
color:#FFFFFF;
}

#body table.products {
background-color:#CCCCCC;
}

#body table.contact {
position:relative;
left: 50px;
}

#body table.contact th{
border-right:solid 2px #3399FF;
font-weight:bold;
padding: 0px 5px 0px 5px;
}

#body table.contact td{
font-weight:bold;
padding: 0px 5px 0px 10px;
}

.training{
background-color:#CCCCCC;
width:80%;
}

.training th {
background-color:#3399FF;
width:200px;
text-align:center;
color:#FFFFFF;
}

.training img {
height:120px;
}

.training li{
list-style:none;
text-align:left;

}

.training a{
text-decoration:none;
}

.training td {
background-color:#FFFFFF;
color:#000000;
}

.products table {
background-color:#CCCCCC;
}

.products td{
background-color:#FFFFFF;
padding:10px;
}
.products th {
padding-left:10px;
min-width: 150px;
background-color:#3399FF;
color:#FFFFFF;
text-align:center;
}
.products img {
width:80px;
}

#body table.library img{
width:120px;
}

#body table.library a{
color:#000000;
}

#body table.library td{
vertical-align:top;
padding:10px;
min-width:140px;
}


/** Right **/
#right {
background-color:#FFFFFF;
padding-top: 15px;

}

#right img {
height: 121px;
border:outset 2px #3399FF;
}

#right img.smaller {
height: 30px;
border:none;
}

#right td {
text-align:center;
color:#000000;
font-weight:bold;

}

#noaccess {
position: relative;
top: 100px;
background-color:#3399FF;
color:#FFFFFF;
vertical-align:middle;
height:110px;
}

#noaccess a{
color:#FFFFFF;
text-decoration:none;

}

#footer {
position:relative;
padding-top:100px;
width: 100%;
text-align:right;
margin:0px;
}