body { 
margin: 0px; 
text-align: center; 
height: 100%; 
background-color: #99C7E4; 
background-image: url(images/bg.jpg); 
background-repeat: repeat-x; 
} 

td { 
font-family: Arial; 
font-size: 11px; 
color: #003471; 
} 

#container { 
margin: 0 auto; 
width: 960px; 
text-align:left; 
border: 1px #003471 solid; 
background-color: #FFFFFF; 
} 

/* header area start */ 

#header { 
width: 960px; 
background-image: url(images/bg_header.jpg); 
background-repeat: no-repeat; 
} 

#utility_nav { 
width: ; 
text-align: right; 
padding-top: 3px; 
} 

/* topnav area start */ 

#topnav01 { 
position: relative; 
right: 10px; 
white-space: nowrap; 
} 

.topnav_bg {
background-image: url(images/utility_bg.gif); 
background-repeat: repeat-x;
}

.topnav_bg_mobile {
background-image: url(images/utility_bg_mobile.gif); 
background-repeat: repeat-x;
}

#topnav02 { 
width: 960px; 
text-align: right; 
padding-top: 7px; 
padding-bottom: 8px; 
background-color: #003E7B; 
white-space: nowrap; 
border-top: 1px #FFFFFF solid; 
border-bottom: 1px #FFFFFF solid; 
background-image: url(images/bg_topnav.jpg); 
background-repeat: no-repeat; 
} 

#topnav02_stationary { 
width: 960px; 
text-align: right; 
padding-top: 7px; 
padding-bottom: 8px; 
background-color: #003E7B; 
white-space: nowrap; 
border-top: 1px #FFFFFF solid; 
border-bottom: 1px #FFFFFF solid; 
background-image: url(images/bg_topnav_stationary.jpg); 
background-repeat: no-repeat; 
} 

#topnav02_mobile { 
width: 960px; 
text-align: right; 
padding-top: 7px; 
padding-bottom: 8px; 
background-color: #003E7B; 
white-space: nowrap; 
border-top: 1px #FFFFFF solid; 
border-bottom: 1px #FFFFFF solid; 
background-image: url(images/bg_topnav_mobile.jpg); 
background-repeat: no-repeat; 
} 

/* main area start */ 

#main_top { 
width: 960px; 
background-color: #FFFFFF; 
background-image: url(images/bg_main_top.jpg); 
background-repeat: no-repeat; 
background-position: top; 
} 

#main_btm_home { 
width: 960px; 
background-image: url(images/bg_main_btm.jpg); 
background-repeat: no-repeat; 
background-position: bottom; 
} 

#main_btm_stationary { 
width: 960px; 
background-image: url(images/bg_main_btm_stationary.jpg); 
background-repeat: no-repeat; 
background-position: bottom; 
} 

#main_btm_mobile { 
width: 960px; 
background-image: url(images/bg_main_btm_mobile.jpg); 
background-repeat: no-repeat; 
background-position: bottom; 
} 

#leftnav { 
width: ; 
padding-top: 10px; 
padding-bottom: 180px; 
background-image: url(images/bg_leftnav.jpg); 
background-repeat: no-repeat; 
background-position: top; 
} 

#leftnav_mobile { 
width: ; 
padding-top: 10px; 
padding-bottom: 180px; 
background-image: url(images/bg_leftnav_mobile.jpg); 
background-repeat: no-repeat; 
background-position: top; 
} 

#content_area { 
width: ; 
padding-left: 30px; 
padding-right: 20px; 
padding-top: 20px; 
padding-bottom: 80px; 
}

.bucket_home { 
padding: 10px 20px 20px 35px; 
line-height: 18px; 
background-image: url(images/bg_bucket.jpg); 
background-repeat: no-repeat; 
background-position: right top; 
} 

.bucket_bg { 
background-image: url(images/bg_bucket_w.gif); 
background-repeat: repeat-y; 
background-position: right top; 
} 

/* footer area start */ 

#footer { 
_width: 960px; 
text-align: left; 
padding-left: 10px; 
padding-top: 7px; 
padding-bottom: 7px; 
background-color: #003E7B; 
border-top: 1px #FFFFFF solid; 
background-image: url(images/bg_footer.jpg); 
background-repeat: no-repeat; 
} 

#footer_stationary { 
_width: 960px; 
text-align: left; 
padding-left: 10px; 
padding-top: 7px; 
padding-bottom: 7px; 
background-color: #003E7B; 
border-top: 1px #FFFFFF solid; 
background-image: url(images/bg_footer_stationary.jpg); 
background-repeat: no-repeat; 
} 

#footer_mobile { 
_width: 960px; 
text-align: left; 
padding-left: 10px; 
padding-top: 7px; 
padding-bottom: 7px; 
background-color: #003E7B; 
border-top: 1px #FFFFFF solid; 
background-image: url(images/bg_footer_mobile.jpg); 
background-repeat: no-repeat; 
} 

#footer_nav { 
text-align: right; 
float: right; 
padding-right: 10px; 
padding-top: ; 
padding-bottom: ; 
} 

#thomas_info { 
margin: 0 auto; 
width: 960px; 
font-family: Arial; 
font-size: 10px; 
color: #000000; 
text-align: right; 
padding-top: 2px; 
padding-bottom: 2px; 
} 

/* heading styles */ 

h1 { 
color: #003471; 
font-size: 17px; 
} 

h1.mobile { 
color: #00783E; 
font-size: 18px; 
} 

.big { 
color: #448CCA; 
font-size: 28px; 
} 

.big_stationary { 
color: #448CCA; 
font-size: 22px; 
} 

.big_mobile { 
color: #003663; 
font-size: 26px; 
} 

h2 { 
color: #448CCA; 
font-size: 14px; 
} 

h3 { 
color: #003471; 
font-size: 12px; 
} 

/* image styles */ 

.img01 { 
border: 1px #003471 solid; 
} 

.img02 { 
border: 1px #003471 solid; 
float: left; 
margin-right: 10px; 
margin-bottom: 10px; 
} 

.img03 { 
border: 1px #003471 solid; 
float: right; 
margin-left: 10px; 
margin-bottom: 10px; 
} 

.box {
border: 1px #448CCA solid; 
padding: 0px 20px 0px 20px; 
background: #FFFFFF;
}

hr {
height: 1px;
color: #448CCA;
}

/* text & link syles */ 

a:link, a:visited, a:active 
{ 
font-family: Arial; 
color: #003471; 
text-decoration: underline; 
} 
a:hover, a:visited:hover 
{ 
font-family: Arial; 
color: #003471; 
text-decoration: none; 
} 

/* utility navigation */ 

.utility_nav 
{ 
font-family: Arial; 
font-size: 12px; 
font-weight: ; 
color: #0072BC; 
} 
.utility_nav a:link, .utility_nav a:visited, .utility_nav a:active 
{ 
font-family: Arial; 
font-size: 12px; 
font-weight: ; 
color: #0072BC; 
text-decoration: underline; 
margin-right: 10px; 
} 
.utility_nav a:hover, .utility_nav a:visited:hover 
{ 
font-family: Arial; 
font-size: 12px; 
font-weight: ; 
color: #0072BC; 
text-decoration: none; 
margin-right: 10px; 
} 

/* top navigation */ 

.topnav01 a:link, .topnav01 a:visited, .topnav01 a:active 
{ 
font-family: Arial; 
font-size: 11px; 
color: #FFFFFF; 
height: 23px; 
text-decoration: none; 
padding-left: 15px; 
padding-right: 20px;
} 
.topnav01 a:hover, .topnav01 a:visited:hover 
{ 
font-family: Arial; 
font-size: 11px; 
color: #FFFFFF; 
height: 23px; 
text-decoration: underline; 
padding-left: 15px; 
padding-right: 20px; 
} 

.topnav01_stationary a:link, .topnav01_stationary a:visited, .topnav01_stationary a:active 
{ 
font-family: Arial; 
font-size: 11px; 
color: #FFFFFF; 
height: 23px; 
text-decoration: none; 
padding-left: 15px; 
padding-right: 20px; 
padding-top: 4px; 
_padding-top: 5px; 
*padding-top: 5px; 
padding-bottom: 5px; 
background-image: url(images/utility_bg_mobile.gif); 
background-repeat: repeat-x; 
} 
.topnav01_stationary a:hover, .topnav01_stationary a:visited:hover 
{ 
font-family: Arial; 
font-size: 11px; 
color: #FFFFFF; 
height: 23px; 
text-decoration: underline; 
padding-left: 15px; 
padding-right: 20px; 
padding-top: 4px; 
_padding-top: 5px; 
*padding-top: 5px; 
padding-bottom: 5px; 
background-image: url(images/utility_bg_mobile.gif); 
background-repeat: repeat-x; 
} 

.topnav02 
{ 
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #FFFFFF; 
} 
.topnav02 a:link, .topnav02 a:visited, .topnav02 a:active 
{ 
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #FFFFFF; 
text-decoration: none; 
padding-left: 10px; 
padding-right: 10px; 
} 
.topnav02 a:hover, .topnav02 a:visited:hover 
{ 
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #FFFFFF; 
text-decoration: underline; 
padding-left: 10px; 
padding-right: 10px; 
} 

/* left navigation */ 

.leftnav a:link, .leftnav a:visited, .leftnav a:active 
{ 
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #0072BC; 
text-decoration: none; 
display: block; 
padding: 3px 5px 3px 35px; 
} 
.leftnav a:hover, .leftnav a:visited:hover 
{ 
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #003471; 
text-decoration: none; 
display: block; 
padding: 3px 5px 3px 35px; 
background-image: url(images/arrow_sm.gif); 
background-repeat: no-repeat; 
background-position: top left; 
} 

.lefthead a:link, .lefthead a:visited, .lefthead a:active 
{ 
font-family: Arial; 
font-size: 15px; 
font-weight: bold; 
color: #003471; 
text-decoration: none; 
display: block; 
padding: 5px 10px 5px 35px; 
background-image: url(images/arrow.gif); 
background-repeat: no-repeat; 
background-position: top left; 
} 
.lefthead a:hover, .lefthead a:visited:hover 
{ 
font-family: Arial; 
font-size: 15px; 
font-weight: bold; 
color: #003471; 
text-decoration: none; 
display: block; 
padding: 5px 10px 5px 35px; 
background-image: url(images/arrow_over.gif); 
background-repeat: no-repeat; 
background-position: top left; 
} 

.lefthead_bg 
{ 
font-family: Arial; 
font-size: 17px; 
font-weight: bold; 
color: #003471; 
display: block; 
padding: 5px 10px 5px 20px; 
} 

/* footer text & link */ 

.footer 
{ 
font-family: Arial; 
font-size: 11px; 
color: #FFFFFF; 
} 
.footer a:link, .footer a:visited, .footer a:active 
{ 
font-family: Arial; 
font-size: 11px; 
color: #FFFFFF; 
text-decoration: underline; 
} 
.footer a:hover, .footer a:visited:hover 
{ 
font-family: Arial; 
font-size: 11px; 
color: #FFFFFF; 
text-decoration: none; 
} 

/* content bucket link */ 

.bucket_link 
{ 
font-family: Arial; 
font-size: 11px; 
color: #003663; 
} 
.bucket_link a:link, .bucket_link a:visited, .bucket_link a:active 
{ 
font-family: Arial; 
font-size: 11px; 
color: #003663; 
text-decoration: none; 
} 
.bucket_link a:hover, .bucket_link a:visited:hover 
{ 
font-family: Arial; 
font-size: 11px; 
color: #003663; 
text-decoration: underline; 
} 

.bucket_header 
{ 
font-family: Arial; 
font-size: 12px; 
color: #003663; 
} 
.bucket_header a:link, .bucket_header a:visited, .bucket_header a:active 
{ 
font-family: Arial; 
font-size: 12px; 
color: #003663; 
text-decoration: none; 
} 
.bucket_header a:hover, .bucket_header a:visited:hover 
{ 
font-family: Arial; 
font-size: 12px; 
color: #003663; 
text-decoration: underline; 
} 

.bucket_header_green 
{ 
font-family: Arial; 
font-size: 12px; 
color: #003663; 
} 
.bucket_header_green a:link, .bucket_header_green a:visited, .bucket_header_green a:active 
{ 
font-family: Arial; 
font-size: 12px; 
color: #003663; 
text-decoration: none; 
} 
.bucket_header_green a:hover, .bucket_header_green a:visited:hover 
{ 
font-family: Arial; 
font-size: 12px; 
color: #003663; 
text-decoration: underline; 
} 
/* text good for content bucket */ 

.small 
{ 
font-family: Arial; 
font-size: 10px; 
color: #000000; 
} 
.small a:link, .small a:visited, .small a:active 
{ 
font-family: Arial; 
font-size: 10px; 
color: #0000FF; 
text-decoration: underline; 
} 
.small a:hover, .small a:visited:hover 
{ 
font-family: Arial; 
font-size: 10px; 
color: #0000FF; 
text-decoration: none; 
} 

/* miscellaneous */ 

.red {
color: #FF0000;
font-weight: bold;
}

.more a:link, .more a:visited, .more a:active 
{ 
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #003471; 
float: right; 
padding-left: 12px; 
padding-right: 0px; 
padding-bottom: 10px; 
text-decoration: none; 
background-image: url(images/arrow_more.gif); 
background-repeat: no-repeat; 
} 
.more a:hover, .more a:visited:hover 
{ 
font-family: Arial; 
font-size: 11px; 
font-weight: bold; 
color: #003471; 
float: right; 
padding-left: 12px; 
padding-right: 0px; 
padding-bottom: 10px; 
text-decoration: none; 
background-image: url(images/arrow_more_over.gif); 
background-repeat: no-repeat; 
}