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


/***************************
            MAIN
***************************/

html {

height: 101%;

}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

body {

text-align:center;
font-family: Helvetica, sans-serif;
background-color: #e1f1fe;

}

p {

font-size: 13px;
line-height: 17px;
text-align: left;
padding: 0;
margin-top: 10px;

}

h1 {

font-size: 24px;
line-height: 26px;
padding: 0;
font-weight:normal;
color:#547294;
margin: 15px 0 10px 0;

}

h2 {

font-size: 16px;
color:#547294;
line-height: 18px;
border-bottom: 1px dotted #000000;
margin-bottom: 10px;
padding: 0 0 3px 0;

}

h3 {

font-size: 13px;
line-height: 17px;
border-bottom: 1px dotted #547294;
margin-top: 4px;
margin-bottom: 2px;
padding: 2px 0 2px 0;
color: #547294;

}

h4 {

font-size: 13px;
line-height: 17px;
margin-bottom: 0px;
padding: 0 0 2px 0;
color: #547294;

}

h5 {

font-size: 13px;
line-height: 14px;
margin-bottom: 0px;
padding: 0 0 3px 0;
color:#666666;
border-bottom: 1px dotted #666666;


}

a {

color:#547294;
text-decoration: none;
font-weight: bold;

}

a:visited {

color:#547294;
text-decoration: none;
font-weight: bold;

}

a:hover {

color: #0bb1F0;
text-decoration: underline;

}

img {

border:none;
margin: 0px;

}

ul {

margin-left: 0;
padding-left: 0;
list-style-type:none;
list-style-position:outside;
font-size: 12px;
display: inline;

}

li {

margin: 3px 0 0 0;
padding: 3px 0 3px 0;
color: #547294;

}

li a {

text-decoration: none;
color:#547294;
font-weight:normal;

}

li a:visited{

text-decoration: none;
color:#547294;
font-weight:normal;

}

li a:hover{

text-decoration: underline;
color: #000000;
font-weight:normal;

}

.textlist {

margin-left: 0;
padding-left: 0;
list-style-type:square;
list-style-position:inside;
font-size: 12px;
font-weight:bold;
line-height: 17px;

}

.textlist li {
color:#666666;
border:none;
}

.textlist li a{
color:#547294;
font-weight:bold;
}

.textlist li a:visited{
color:#547294;
font-weight:bold;
}

.textlist li a:hover {
color:#0bb1F0;
font-weight:bold;
}

.textlist ul {

list-style-type:disc;
list-style-position:inside;
font-size: 12px;
line-height: 15px;

}

.textlist ul li {

margin-left: 10px;
color:#27AAE1;

}

.textlist ul li a{

font-weight:normal;
color:#27AAE1;

}

.textlist ul li a:visited{

font-weight:normal;
color:#27AAE1;

}

.textlist ul li a:hover{

font-weight:normal;
color:#547294;
text-decoration:underline;

}


.newshead {
float: left; 
width: 230px; 
font-size: 14px;
color:#547294; 
}

.notes {

font-size:10px;
line-height:14px;
color:#999999;

}

/***************************
        CONTAINERS
***************************/

.outercontainer {

width: 780px;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
clear: both;
background-image:url(../images/shadow.gif);
background-repeat:repeat-y;

}

.innercontainer {
	width: 760px;
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}

.innercontainer h2 {

font-size: 16px;
color:#547294;
line-height: 18px;
border-bottom: 1px dotted #547294;
margin-bottom: 10px;
padding: 0 0 10px 0;

}

.innercontainerb {

width: 760px;
padding: 0px;
margin: 0 auto;
text-align: left;
clear: both;

}

.innercontainerp {

width: 760px;
padding: 0px;
margin: 0 auto;
text-align: left;
clear: both;

}

.innercontainerk {

width: 760px;
padding: 0px;
margin: 0 auto;
text-align: left;
clear: both;

}

.innercontainera {

width: 760px;
padding: 0px;
margin: 0 auto;
text-align: left;
clear: both;

}

.bannercontainer {

width: 780px;
min-height: 180px;
margin: 0 auto 0 auto;
padding: 0px;
text-align: center;
background-image:url(../images/top.gif);
background-repeat:no-repeat;

}

.submenucontainer {

width: 240px;
float: right;
clear: right;
margin: 10px 0 10px 0px;
padding: 0px 0 0 20px;
background-color:#FFFFFF;

}

.portraitcontainer {

width: 170px;
float: right;
clear: right;
margin: 10px 0 10px 0px;
padding: 0px 0 0 20px;
background-color:#FFFFFF;

}

.pullquotecontainer {

width: 170px;
float: right;
clear: right;
margin: 0px 0 10px 0px;
padding: 0px 0 0 20px;
background-color:#FFFFFF;

}

/***************************
          BANNER
***************************/

.banner {

text-align: left;
padding: 0 40px 0 40px;

}

.topbar {

padding: 10px 40px 5px 40px;
margin: 30px 0 10px 0;

}

.topbar p {

font-size: 10px;
text-align: right;
padding: 10px 0 4px 0;
margin: 0px;
color:#CCCCCC;
border-bottom:1px solid #E1E1E1;

}

.topbar a {

color:#999999;
text-decoration: none;
font-weight: normal;

}

.topbar a:hover {

color: #666666;
text-decoration:underline;

}

.logo {

width: 340px;
float: left;
margin-right: 16px;
margin-bottom: 20px;

}


/***************************
        NAVIGATION
***************************/

.mainnav {

width: 344px;
float: right;
font-size: 13px;
color: #666666;

}

.mainnav ul {

float: left;
width: 110px;
margin: 0 0 0 4px;
padding: 0;
display: inline;
border-top: 2px solid #CCCCCC;

}

.mainnav li {

border-bottom: 1px solid #CCCCCC;
margin:0px;
padding: 0px;

}

.mainnav li a{

display: block;
color: #666666;
text-decoration: none;
padding: 2px;
font-weight:normal;

}

.mainnav li a:hover{

color: #000000;
text-decoration: none;
background-color: #E1E1E1;
font-weight:normal;

}

.mainnav li img{

margin: 0 0 2px 0;
vertical-align:text-bottom;

}

.sidenav {

float: left;
width: 190px;
margin: 0 10px 0 0;
clear: right;
font-size: 12px;
color: #666666;

}

.sidenav ul {

float: left;
width: 190px;
margin: 0;
padding:0;
display: inline;
border-top: 2px solid #CCCCCC;

}

.sidenav li {

border-bottom: 1px solid #CCCCCC;
margin:0px;
padding:0px;

}

.sidenav li a{

display: block;
color:#547294;
text-decoration: none;
padding: 4px;

}

.sidenav li a:hover{

color: #35485e;
text-decoration: none;
background-color:#d0e0ef;

}

.sidenav ul ul{
	font-size: 10px;
	background-color: #DEEEFF;
	border-top: none;
	margin-bottom: 4px;
}

.sidenav ul ul li a:hover{
	background-color: #d0e0ef;
	color: #35485e;
}

#active a{

color: #35485e;
text-decoration: none;
background-color:#d0e0ef;
font-weight: bold;

}


/***************************
        BREADCRUMB
***************************/

.breadcrumb {

clear: both;
color: #666666;
text-align: left;
padding: 0px;

}

.breadcrumb p {

font-size: 11px;
padding: 4px;
background-color: #e3e9ef;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;

}

.breadcrumb a, a:visited {

color:#547294;
text-decoration: none;

}

.breadcrumb a:hover {

color:#35485e;
text-decoration:underline;

}

/***************************
          CONTENT
***************************/

.content {

clear: both;
margin:0;

}

.intro {

clear: both;
background-image:url(../images/section_top.gif);
background-position:top;
background-repeat:no-repeat;
padding: 20px 30px 0 30px;
margin: 0px;

}

.intro img{

float: right;
clear: right;
margin: 15px 0 10px 20px;

}

.maincopy {
	width: 480px;
	margin-left: 210px;
	border-top: 2px solid #CCCCCC;
	padding: 10px 0 0 0;
}

.maincopy img {

float:right;
clear: right;
padding:0px;
margin: 10px 0 5px 10px;

}

.maincopyframe {

padding:0px;
margin: 0px;

}

.maincopyframe img{

padding:0px;
margin: 0px 20px 10px 0;
float: left;

}

.insettext {

padding: 0 0 0 10px;
margin: 0px;
border-left: 10px solid #dae9f1;

}

.insettext img {

padding: 0px;
margin: 0px;
float: right;
clear:right;
}

.pullquotenopic {

width: 160px;
float: right;
clear: right;
margin: 0px;
padding: 0px;

}

.pullquotenopic p {

font-size:15px;
line-height: 18px;
color:#666666;
font-weight:normal;
margin:2px 0 0 0;
padding:5px 0 5px 0;
border-bottom: 2px solid #CCCCCC;
border-top: 2px solid #CCCCCC;

}

.pullquotenopic h5 a{

font-size:12px;
color:#666666;
font-weight:normal;
font-style:italic;
padding: 0px;
margin: 0px;

}

.pullquotenopic h5 a:hover{

color:#000000;
font-weight:normal;

}


/***************************
       SUBMENU+PIC
***************************/

.submenu {

width: 240px;
float: right;
clear: right;
margin: 0px;
padding: 0px;

}

.portrait {

width: 160px;
float: right;
clear: right;
margin: 0px;
padding: 0px;

}

.portrait img {
margin: 0px;
padding: 0px;
}

.submenu p {

font-size:10px;
font-weight:bold;
margin:2px 0 0 0;
padding:0 0 2px 0;
border-bottom: 2px solid #CCCCCC;

}

.submenu ul {

font-size:10px;

}

.submenu ul li {

border-bottom: 1px dotted #CCCCCC;

}

.submenu img {
margin: 0px;
padding: 0px 0 5px 0px;
}


/***************************
         QUICKLINKS
***************************/

.quicklinks {

clear: both;
background-image:url(../images/section_top.gif);
background-position:top;
background-repeat:no-repeat;
padding: 20px 30px 0 30px;

}

.quicklinks p{

font-size: 12px;
line-height: 15px;

}

.quicklinksh1 {

font-size: 24px;
line-height: 26px;
padding: 0;
font-weight:normal;
color:#0bb1F0;
margin: 15px 0 10px 0;

}

.quicklinktl {

float: left;
width: 320px;
min-height: 320px;
margin: 0 0 20px 0;
padding: 10px;
background:#EDF4FA;

}

.quicklinktl h2 a{
	color: #1b75bc;
}

.quicklinktl h2 a:hover {
	color: #155a90;
	text-decoration:underline;
}

.quicklinktl h2 a:visited {
	color: #1b75bc;
}

.quicklinktl h3{
	color: #1b75bc;
	border-bottom: 1px dotted #1b75bc;
}

.quicklinktr {
	float: right;
	width: 320px;
	min-height: 320px;
	margin: 0 0 20px 0;
	padding: 10px;
	background:#EDF4FA;
}

.quicklinktr h2 {
	color:#262262;
	border-bottom: 1px dotted #262262;
}

.quicklinktr h2 a{
	color: #262262;
}

.quicklinktr h2 a:hover {
	color: #161439;
	text-decoration:underline;
}

.quicklinktr h2 a:visited {
	color: #262262;
}

.quicklinktr h3{
	color: #262262;
	border-bottom: 1px dotted #262262;
}

.quicklinkbl {
	float: left;
	width: 320px;
	min-height: 320px;
	margin: 0 0 20px 0;
	padding: 10px;
	background:#EDF4FA;
}

.quicklinkbl h2 {
	color:#2b3990;
	border-bottom: 1px dotted #2b3990;
}

.quicklinkbl h2 {
	color:#2b3990;
	border-bottom: 1px dotted #2b3990;
}

.quicklinkbl h2 a{
	color: #2b3990;;
}

.quicklinkbl h2 a:hover {
	color: #1e2865;
	text-decoration:underline;
}

.quicklinkbl h2 a:visited {
	color: #2b3990;
}

.quicklinkbl h3{
	color: #2b3990;
	border-bottom: 1px dotted #2b3990;
}

.quicklinkbr {
	float: right;
	width: 320px;
	min-height: 320px;
	margin: 0 0 20px 0;
	padding: 10px;
	background:#EDF4FA;
}


.quicklinkbr h2 {
	color:#61ACBD;
	border-bottom: 1px dotted #61ACBD;
}

.quicklinkbr h2 a{
	color: #61ACBD;
}

.quicklinkbr h2 a:hover {
	color: #48818D;
	text-decoration:underline;
}

.quicklinkbr h2 a:visited {
	color: #61ACBD;
}

.quicklinkbr h3{
	color: #61ACBD;
	border-bottom: 1px dotted #61ACBD;
}

.quicklinks ul{

list-style-type: none;
font-size: 11px;
display: inline;

}

.quicklinks li{

border-bottom: 1px dotted #333333;
padding: 3px 0 3px 0;

}

.quicklinks li a{

text-decoration: none;
color: #333333;
font-weight:normal;

}

.quicklinks li a:hover{

text-decoration: underline;
color: #000000;
font-weight:normal;

}

/***************************
    QUOTES
***************************/

.insettext {

padding: 0 0 0 10px;
margin: 0px;
border-left: 10px solid #dcedfa;

}

.insettext a {

color: #35485e;
text-decoration: none;
font-weight: bold;

}

.insettext a:visited {

color: #35485e;
text-decoration: none;
font-weight: bold;

}

.insettext a:hover {

color: #0bb1F0;
text-decoration: underline;

}

.pullquote {

clear: both;
margin: 10px 0 10px 0;
padding: 15px 0 0 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;

}

.pullquote p {

font-size:18px;
line-height:20px;
color: #1b75bc;
padding: 0px;

}

.feature {
	clear: right;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EDF4FA;
}

.feature p {

font-family: Georgia;
font-style:italic;
font-size:14px;
line-height:17px;
color: #000000;
padding: 0px;

}

.feature h2 {

font-size:16px;
line-height:20px;
color: #547294;
padding: 10px 0 5px 0;
margin: 0px;

}

.feature h3 {
}

.feature img {
	float: left;
	margin: 10px 10px 10px 0px;
}

.feature a {

font-weight: bold;
color:#547294;

}

.feature a:visited {

font-weight: bold;
color:#547294;

}

.feature a:hover {

font-weight: bold;
color: #0bb1F0;
text-decoration: underline;

}


/***************************
      TESTIMONIAL 01
***************************/

.testimonialcontainer {

background-image:url(../images/back.gif);
background-repeat:repeat-x;
background-color:#547294; 
width: 320px; 
height: 350px; 
float: right;
padding: 10px;

}

.testimonialcontainer img{

margin: 0px;
float: none;
margin: 0 0 10px 0;

}

.testimonialcontainer h2 {

color: #FFFFFF;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight:bold;
margin:0px;
border-bottom:none;

}

.testimonialcontainer h3 {

color: #d0e0ef;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-align: right;
border-bottom: 1px solid #d0e0ef;
margin: 0;
padding: 0 0 3px 0;

}

.testimonialcontainer p {

color: #FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
line-height: 16px;
margin: 5px 0 5px 0;

}

.testimonialcontainer a {

color: #d0e0ef;
font-family:Helvetica, sans-serif;
font-weight: bold;
font-style:normal;

}

.testimonialcontainer a:hover {

color: #FFFFFF;
text-decoration: underline;

}

/***************************
      TESTIMONIAL 02
***************************/

.testimonialcontainer02 {
 
width: 320px; 
height: 370px; 
float: right;
padding: 0px;

}

.top02 {

background-image:url(../images/corner.gif);
background-repeat:no-repeat;
background-color:#e3e9ef; 
width: 320px;
height: 230px;
float: left;
clear: both;
margin-bottom: 20px;

}

.topheading02 {

height: 20px;
width: 300px;
padding: 10px;

}

.topimg02 {

height: 150px;
width: 120px;
float: left;
clear: left;
padding: 0px 5px 0 5px;

}

.topp02 {

width: 170px;
height: 150px;
float: right;
clear: right;
padding: 0 10px 0 10px;

}

.toplink02 {

width: 300px;
margin-top: 10px;
border-top: 1px #547294 solid;
padding: 0px;
margin: 0 10px 0 10px;
clear: both;

}


.bottom02 {
	background-image:url(../images/newsback.gif);
	background-repeat:repeat-x;
	background-color:#e3e9ef;
	background-color:#ECECEC;
	width: 320px;
	height: 140px;
	clear: both;
	margin: 20px 0 5px 0;
	padding:0;
	border-top: 2px solid #FFFFFF;
	overflow: hidden;
	-moz-box-shadow:0 0 5px #999;
	-webkit-box-shadow:0 0 5px #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.bottom02content {

padding: 5px;
height:90px;
width: 300px;
overflow: auto;

}

.bottom02 a {

color: #666666;

}

.bottom02 a:hover {

color: #547294;

}

.bottom02 a img{

float: right;
clear: right;
margin: 8px 10px 10px 0;

}

.bottom02 h3{
	height: 16px;
	width: 300px;
	padding: 10px 0 10px 5px;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
	font-size: 16px;
}

.bottom02 p{

font-size: 11px;
line-height: 14px;
padding: 5px 10px 5px 5px;
margin:0;

}

.testimonialcontainer02 img{

margin: 0px;
float: none;

}

.testimonialcontainer02 h2 {

color: #547294;
font-size:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight:bold;
margin:0px;
border-bottom:none;

}

.testimonialcontainer02 h3 {

color:#666666;
font-family:Helvetica, sans-serif;
font-weight:bold;
border-bottom: 1px solid #666666;
margin: 0;
padding: 0 0 3px 0;

}

.testimonialcontainer02 p {

color: #000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
line-height: 16px;
margin: 5px 0 5px 0;

}

.testimonialcontainer02 a {

font-style:normal;
color: #547294;
font-family:Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
margin: 5px 0 0 0;

}

.testimonialcontainer a:hover {

color: #547294;
text-decoration: underline;

}

/***************************
          VIDEO
***************************/

.videocontainer {

margin: 0; 
width: 320px; 
height: 228px;
float: none;

}

.videocontainer img {

float:none;
margin: 0;

}

.mainvideo {

width: 200px; 
padding: 0 10px 0 0; 
border-right: 1px #547294 solid; 
margin: 10px 0 20px 0; 
float: left;

}

.mainvideo h3 {

margin-right: 10px;

}

.mainvideo p {

font-size: 11px;

}

.mainvideo a {

color: #666666;

}

.mainvideo a:hover {

color: #547294;

}

.sidevideo {

float: right; 
clear: right; 
width: 100px; 
margin: 10px 0;

}

.sidevideo p {

font-size:10px; 
margin: 1px 0 0 0; 
line-height:15px;

}


/***************************
          FOOTER
***************************/

.footer {

clear: both;
padding: 0 40px 4px 40px;
min-height: 65px;
background-image:url(../images/footer.gif);
background-position:top;
background-repeat:no-repeat;

}

.footer p {

border-top: 1px solid #CCCCCC;
font-size: 10px;
text-align: center;
padding: 10px 0 4px 0;
margin: 0px;
color:#CCCCCC;

}

.footer a {

color:#999999;
text-decoration: none;
font-weight: normal;

}

.footer a:hover {

color: #666666;
text-decoration:underline;

}

