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

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 73.1%; 
	line-height: 2.2em; 
	color: #444;
	background-color: #f3f3f3;
	margin: 0px;
	padding: 0px;
}

img {
border:none;
}

.search input {
border:1px solid #6cdef3;
color:#fff;
background-color:#04b1d0;

}

a {
color:#14a4d0;
}

.top, .content, .footer {
float:left;
width:100%;
}

.topcontent, .bottomcontent {
float:left;
width:100%;
}

.topmenu {
float:left;
width:100%;
height:40px;
background-image:url(../images/topmenu.jpg);
background-repeat:no-repeat;
}

.topmenu ul.menu, .topmenu ul.menu li {
padding:0;
margin:0;
list-style:none;
float:left;
border:none;
}

.topmenu ul.menu {
margin-top:2px;
}

.topmenu ul.menu li a:link, .topmenu ul.menu li a:visited {
display:block;
float:left;
padding:8px 20px;
color:#fff;
font-size:.9em;
text-decoration:none;
border:none;
border-right:1px solid #16a7d3;
width:auto;
}

.topmenu ul.menu li a:hover {
background-color:#04b1d0;
border:none;
border-right:1px solid #16a7d3;
}

ul.menu, ul.menu li {
padding:0;
margin:0;
list-style:none;
}

ul.menu {
border-top:1px solid #e4e4e4;
}

ul.menu li a:link, ul.menu li a:visited {
text-decoration:none;
padding:8px;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #fff;
border-right:1px solid #fff;
display:block;
margin:0 0 1px 0;
}

ul.menu li a:hover {
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
}

.top {
background-image:url(../images/headerbck.jpg);
background-repeat:repeat-x;
background-color:#04b1d0;
background-position:bottom;
}

.int {
margin:0px auto;
width:863px;
}

.content {
background-color:#fff;
border-bottom:1px solid #e4e4e4;
padding:24px 0;
background-image:url(../images/mainbck.jpg);
background-repeat:repeat-x;
}

.logo {
float:left;
width:auto;
}

.topbox {
float:right;
width:auto;
padding-top:18px;
}

.left {
width:67%;
float:left;
border-right:1px solid #e4e4e4;
padding-right:12px;
}

.right {
float:right;
width:30%;
}

.rightfull {
width:67%;
float:right;
border-left:1px solid #e4e4e4;
padding-left:12px;
}

.leftfull {
float:left;
width:30%;
}

.leftsmall {
float:left;
width:23%;
padding-right:2%;

}

.centersmall {
float:left;
width:46%;
padding:0 1.6%;
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
}

.rightsmall {
float:left;
width:23%;
padding-left:2%;

}

.footer {
padding:24px 0;
font-size:.88em;
color:#999;
}

h1 {
font-size: 22px; 
font-weight: normal;
color:#007388; 
margin: 0 0 10px 0;
border-bottom:1px solid #e4e4e4;
padding:8px 0;
}

h2, .contentheading {
color:#007388;
font-size:2em;
font-weight:lighter;
margin:6px 0 6px 0;
padding:8px 0 12px 0;
border-bottom:1px solid #e4e4e4;
}

h3, .componentheading {
color:#007388;
font-size:1.5em;
font-weight:lighter;
margin:0;
padding:8px 0 12px 0;
}

.footer h3 {
font-size:1.1em;
font-weight:bold;
padding:0 0 0 0;
color:#555;
}

.teaser {
font-size:14px;
color:#555;
line-height:28px;
padding:12px 0;
}

ul.subcontent {
padding:0;
margin:0;
}

ul.subcontent li {
float:left;
width:31%;
padding:1%;
list-style:none;
}

.header {
margin:0 0 24px 0;
}

ul.footercontent {
padding:0;
margin:0;
}

ul.footercontent li {
float:left;
width:21%;
padding:0 2%;
list-style:none;
}

.topbox {
color:#cceff7;
margin:20px 10px 0 0;
text-align:right;
font-size:.9em;
}

.topbox .big {
color:#5dd8f6;
font-size:2em;
font-weight:lighter;
}

.small {
font-size:.8em;
color:#888;

}

img.image {
border:1px solid #e4e4e4;
padding:4px;
margin:0 4px 0 0;
}

.credits {
border-top:1px solid #e4e4e4;
width:96%;
margin:12px 2%;
padding:4px 0;
font-size:0.9em;
float:left;
}