
* {
padding : 0;
margin : 0;
}
body {
font-size : 62.5%;
background-color : rgb(255, 255, 255);
font-family : verdana, arial, sans-serif;
}
.page-container {
width : 900px;
margin : 0 auto;
margin-top : 10px;
margin-bottom : 10px;
border : 1px solid rgb(150, 150, 150);
font-size : 1em;
}
.main {
clear : both;
width : 900px;
padding-bottom : 30px;
background : transparent url(../img/bg_main_withnav_reverse.jpg) repeat-y top left;
}
.main-navigation {
display : inline;
float : right;
width : 200px;
overflow : visible !important ;
overflow : hidden;
}
.main-content {
display : inline;
float : left;
width : 440px;
margin : 0 0 0 30px;
overflow : visible !important ;
overflow : hidden;
}
.main-subcontent {
display : inline;
float : left;
width : 185px;
margin : 0 0 0 15px;
overflow : visible !important ;
overflow : hidden;
}
.footer {
clear : both;
width : 900px;
height : 3.7em;
padding : 1.1em 0 0;
background : rgb(225, 225, 225) url(../img/bg_foot.jpg) no-repeat;
font-size : 1em;
overflow : visible !important ;
overflow : hidden;
}
.box div {
margin : 0.5em 0 0 -2.5em;
}
.box div.topleft {
display : block;
background : white url("img/box-bg.png") no-repeat top left;
padding : 2em 0 0 2em;
}
.box div.topright {
display : block;
background : white url("img/box-bg.png") no-repeat top right;
padding : 2em;
margin : -2em 0 0 2em;
}
.box div.bottomleft {
display : block;
height : 45px;
margin-top : -2em;
background : white url("img/box-bg.png") no-repeat bottom left;
}
.box div.bottomright {
display : block;
background : white url("img/box-bg.png") no-repeat bottom right;
height : 45px;
margin-left : 3em;
}
.header {
width : 900px;
font-family : "trebuchet ms", arial, sans-serif;
}
.header-top {
width : 900px;
height : 23px;
background : rgb(240, 240, 240) url(../img/bg_head_top.jpg);
overflow : visible !important ;
overflow : hidden;
}
.header-middle {
width : 900px;
height : 91px;
background : rgb(230, 230, 230) url(../img/bg_head_middle.jpg);
overflow : visible !important ;
overflow : hidden;
}
.header-bottom {
width : 900px;
height : 40px;
background : rgb(255, 255, 255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
.header-breadcrumbs {
clear : both;
width : 900px;
padding : 1em 0 1.5em 0;
background : rgb(100, 100, 100) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
}
.sitelogo {
width : 60px;
height : 40px;
position : absolute;
z-index : 1;
margin : 22px 0 0 20px;
background : url(../img/bg_head_top_logo.jpg);
}
.sitename {
width : 300px;
height : 45px;
position : absolute;
z-index : 1;
margin : 20px 0 0 90px;
overflow : visible !important ;
overflow : hidden;
}
.sitename h1 {
font-size : 240%;
}
.sitename h2 {
margin : -4px 0 0 0;
color : rgb(125, 125, 125);
font-size : 120%;
}
.sitename a {
text-decoration : none;
color : rgb(125, 125, 125);
}
.sitename a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.nav0 {
width : 350px;
position : absolute;
z-index : 2;
margin : 25px 0 0 0;
margin-left : 550px !important ;
margin-left : 553px;
}
.nav0 ul {
float : right;
padding : 0 20px 0 0;
}
.nav0 li {
display : inline;
list-style : none;
}
.nav0 li a {
padding : 0 0 0 3px;
}
.nav0 a:hover {
text-decoration : none;
}
.nav0 a img {
height : 14px;
border : none;
}
.nav1 {
width : 350px;
position : absolute;
z-index : 3;
margin : 45px 0 0 550px;
}
.nav1 ul {
float : right;
padding : 0 15px 0 0;
font-weight : bold;
}
.nav1 li {
display : inline;
list-style : none;
}
.nav1 li a {
display : block;
float : left;
padding : 2px 5px 2px 5px;
color : rgb(125, 125, 125);
text-decoration : none;
font-size : 120%;
}
.nav1 a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.sitemessage {
width : 350px;
height : 120px;
position : absolute;
z-index : 1;
margin : 20px 0 0 530px;
color : rgb(234, 239, 247);
overflow : hidden;
}
.sitemessage h1 {
width : 350px;
text-align : right;
font-size : 230%;
}
.sitemessage h2 {
float : right;
width : 270px;
margin : 8px 0 0 0;
text-align : right;
line-height : 100%;
font-size : 160%;
}
.sitemessage h3 {
float : right;
width : 270px;
margin : 10px 0 0 0;
text-align : right;
font-size : 140%;
}
.sitemessage h3 a {
text-decoration : none;
color : rgb(234, 239, 247);
}
.sitemessage h3 a:hover {
text-decoration : none;
color : rgb(50, 50, 50);
}
.nav2 {
float : left;
width : 900px;
border : none;
background : rgb(220, 220, 220) url(../img/bg_head_bottom_nav.jpg) repeat-x;
color : rgb(75, 75, 75);
font-size : 1em;
font-size : 130%;
}
.nav2 ul {
list-style-type : none;
}
.nav2 ul li {
float : left;
position : relative;
z-index : 1000;
border-right : 1px solid rgb(175, 175, 175);
}
.nav2 ul li ul {
display : none;
border : none;
}
.nav2 ul li ul {
margin-left : -30px;
padding : 0 30px 30px 30px;
background : url(../img/bg_head_bottom_nav_hover.gif) top center;
}
.nav2 ul li a {
float : left;
display : block;
height : 3.1em;
line-height : 3.1em;
padding : 0 16px 0 16px;
text-decoration : none;
font-weight : bold;
color : rgb(100, 100, 100);
}
.nav2 ul li:hover {
width : auto;
}
.nav2 table {
position : absolute;
z-index : 999;
top : 0;
left : 0;
border-collapse : collapse;
}
.nav2 ul li:hover a {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.nav2 ul li:hover ul {
display : block;
position : absolute;
z-index : 998;
top : 3em;
margin-top : 0.1em;
left : 0;
}
.nav2 ul li:hover ul li ul {
display : none;
}
.nav2 ul li:hover ul li a {
display : block;
width : 10em;
height : auto;
line-height : 1.3em;
margin-left : -1px;
padding : 4px 16px 4px 16px;
border-left : 1px solid rgb(175, 175, 175);
border-bottom : 1px solid rgb(175, 175, 175);
background-color : rgb(237, 237, 237);
font-weight : normal;
color : rgb(50, 50, 50);
}
.nav2 ul li:hover ul li a:hover {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.nav2 ul li a:hover {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.nav2 ul li a:hover ul {
display : block;
position : absolute;
z-index : 998;
top : 3.1em;
top : 3em;
left : 0;
margin-top : 0.1em;
}
.nav2 ul li a:hover ul li a {
display : block;
width : 10em;
height : 1px;
line-height : 1.3em;
padding : 4px 16px 4px 16px;
border-left : 1px solid rgb(175, 175, 175);
border-bottom : 1px solid rgb(175, 175, 175);
background-color : rgb(237, 237, 237);
font-weight : normal;
color : rgb(50, 50, 50);
}
.nav2 ul li a:hover ul li a ul {
visibility : hidden;
height : 0;
width : 0;
position : absolute;
z-index : 997;
}
.nav2 ul li a:hover ul li a:hover {
background-color : rgb(210, 210, 210);
text-decoration : none;
}
.header-breadcrumbs ul {
float : left;
width : 560px;
list-style : none;
padding : 0 0 0 15px;
font-family : verdana, arial, sans-serif;
}
.header-breadcrumbs ul li {
display : inline;
padding : 0 0 0 10px;
background : transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
font-weight : bold;
color : rgb(125, 125, 125);
font-size : 100%;
}
.header-breadcrumbs ul a {
color : rgb(70, 122, 167);
text-decoration : none;
}
.header-breadcrumbs ul a:hover {
color : rgb(42, 90, 138);
text-decoration : underline;
}
.header-breadcrumbs .searchform {
float : right;
width : 285px;
padding : 0 17px 0 0 !important ;
padding : 0 12px 0 0;
}
.header-breadcrumbs .searchform form fieldset {
float : right;
border : none;
}
.header-breadcrumbs .searchform input.field {
width : 10em;
padding : 0.2em 0 0.2em 0;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 120%;
}
.header-breadcrumbs .searchform input.button {
width : 3em;
padding : 1px !important ;
padding : 0;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 120%;
}
.header-breadcrumbs .searchform input.button:hover {
cursor : pointer;
border : 1px solid rgb(175, 0, 1);
background : rgb(220, 220, 220);
color : rgb(175, 0, 1);
}
.main-navigation .round-border-topleft {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
margin : 0;
background : url(../img/bg_corner_topleft.gif) no-repeat;
}
.column1-unit {
width : 440px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.column2-unit-left {
float : left;
width : 200px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.column2-unit-right {
float : right;
width : 200px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.column3-unit-left {
float : left;
width : 120px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.column3-unit-middle {
float : left;
width : 120px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
margin-left : 40px;
}
.column3-unit-right {
float : right;
width : 120px;
margin-bottom : 10px !important ;
margin-bottom : 5px;
}
.subcontent-unit-border {
width : 183px;
margin : 0 0 2em 0;
padding : 0 0 5px 0;
border : 1px solid rgb(190, 190, 190);
background : rgb(235, 235, 235);
}
.subcontent-unit-border-green {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(160, 214, 81);
background-color : rgb(217, 239, 185);
}
.subcontent-unit-border-blue {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(137, 170, 214);
background-color : rgb(213, 225, 240);
}
.subcontent-unit-border-orange {
width : 183px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
border : 1px solid rgb(232, 177, 13);
background-color : rgb(248, 224, 150);
}
.subcontent-unit-noborder {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background : rgb(235, 235, 235);
}
.subcontent-unit-noborder-green {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(217, 239, 185);
}
.subcontent-unit-noborder-blue {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(213, 225, 240);
}
.subcontent-unit-noborder-orange {
width : 185px;
margin : 0 0 2.5em 0;
padding : 0 0 10px 0;
background-color : rgb(248, 224, 150);
}
.round-border-topleft {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topleft.gif) no-repeat;
margin-top : -1px;
margin-left : -1px;
}
.round-border-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topright.gif) no-repeat;
margin-top : -1px;
margin-left : 174px;
}
.round-noborder-topleft {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topleft.gif) no-repeat;
margin-top : 0;
margin-left : 0;
}
.round-noborder-topright {
width : 10px;
height : 10px;
position : absolute;
z-index : 100;
background : url(../img/bg_corner_topright.gif) no-repeat;
margin-top : 0;
margin-left : 175px;
}
.footer p {
line-height : 1.3em;
text-align : center;
color : rgb(125, 125, 125);
font-weight : bold;
font-size : 110%;
}
.footer p.credits {
font-weight : normal;
}
.footer a {
text-decoration : underline;
color : rgb(125, 125, 125);
}
.footer a:hover {
text-decoration : none;
color : rgb(0, 0, 0);
}
.footer a:visited {
color : rgb(0, 0, 0);
}
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.footer:after, p:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clear-contentunit {
clear : both;
width : 440px;
height : 0.1em;
border : none;
background : rgb(210, 210, 210);
color : rgb(210, 210, 210);
}
@media print {
.header-top {
width : 900px;
height : 80px;
background : rgb(240, 240, 240);
overflow : visible !important ;
overflow : hidden;
}
}
@media print {
.header-breadcrumbs {
width : 900px;
background : transparent;
}
}
@media print {
.nav2 {
float : left;
width : 900px;
border : none;
background : rgb(240, 240, 240);
color : rgb(75, 75, 75);
font-size : 1em;
font-size : 130%;
}
}
@media print {
.main {
clear : both;
width : 900px;
padding-bottom : 30px;
background : transparent;
}
}
@media print {
.main-navigation {
display : inline;
float : left;
width : 199px;
border-right : 1px solid rgb(200, 200, 200);
border-bottom : 1px solid rgb(200, 200, 200);
background-color : rgb(240, 240, 240);
overflow : visible !important ;
overflow : hidden;
}
}
@media print {
.footer {
clear : both;
width : 900px;
height : 3.7em;
padding : 1.1em 0 0;
background : rgb(240, 240, 240);
font-size : 1em;
overflow : visible !important ;
overflow : hidden;
}
}
.nav3-grid {
width : 199px;
border-bottom : 1px solid rgb(200, 200, 200);
}
.nav3-grid dt a, .nav3-grid dt a:visited {
display : block;
min-height : 2em;
height : auto !important ;
height : 2em;
line-height : 2em;
padding : 0 10px 0 20px;
border-top : 1px solid rgb(200, 200, 200);
text-decoration : none;
color : rgb(70, 122, 167);
font-weight : bold;
font-size : 120%;
}
.nav3-grid dd a, .nav3-grid dd a:visited {
display : block;
min-height : 1.7em;
height : auto !important ;
height : 1.7em;
line-height : 1.7em;
padding : 0 10px 0 40px;
border : none;
font-weight : normal;
text-decoration : none;
color : rgb(70, 122, 167);
font-size : 120%;
}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {
background-color : rgb(225, 225, 225);
color : rgb(42, 90, 138);
text-decoration : none;
}
.nav3-bullet {
width : 170px;
margin : 15px 0 0 36px;
}
.nav3-bullet dt a, .nav3-bullet dt a:visited {
line-height : 2em;
padding : 0 0 0 10px;
background : url(../img/bg_bullet_full_1.gif) no-repeat 0 50%;
text-decoration : none;
color : rgb(70, 122, 167);
font-weight : bold;
font-size : 120%;
}
.nav3-bullet dd a, .nav3-bullet dd a:visited {
line-height : 1.7em;
margin : 0 0 0 15px;
padding : 0 0 0 10px;
background : url(../img/bg_bullet_half_1.gif) no-repeat 0 50%;
text-decoration : none;
color : rgb(70, 122, 167);
font-weight : normal;
font-size : 120%;
}
.nav3-bullet dt a:hover {
background : url(../img/bg_bullet_full_2.gif) no-repeat 0 50%;
text-decoration : underline;
color : rgb(42, 90, 138);
}
.nav3-bullet dd a:hover {
background : url(../img/bg_bullet_half_2.gif) no-repeat 0 50%;
text-decoration : underline;
color : rgb(42, 90, 138);
}
.nav3-nobullet {
width : 170px;
margin : 10px 0 0 20px;
}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {
line-height : 2em;
text-decoration : none;
color : rgb(70, 122, 167);
font-weight : bold;
font-size : 120%;
}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {
line-height : 1.7em;
margin : 0 0 0 15px;
text-decoration : none;
color : rgb(70, 122, 167);
font-weight : normal;
font-size : 120%;
}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {
text-decoration : underline;
color : rgb(42, 90, 138);
}
.main-navigation .loginform {
width : 160px;
margin : 15px 5px 0 25px;
}
.main-navigation .loginform p {
clear : both;
margin : 0;
padding : 0;
}
.main-navigation .loginform fieldset {
width : 160px;
border : none;
}
.main-navigation .loginform label.top {
float : left;
width : 125px;
margin : 0 0 2px 0;
font-size : 110%;
}
.main-navigation .loginform label.right {
float : left;
width : 125px;
margin : 5px 0 0 0;
padding : 0 0 0 3px;
font-size : 110%;
}
.main-navigation .loginform input.field {
width : 158px;
margin : 0 0 5px 0;
padding : 0.1em 0 0.2em 0 !important ;
padding : 0.2em 0 0.3em 0;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 110%;
}
.main-navigation .loginform input.checkbox {
float : left;
margin : 5px 0 0 0 !important ;
margin : 2px 0 0 -3px;
border : none;
}
.main-navigation .loginform input.button {
float : left;
width : 5em;
margin : 10px 0 5px 0;
padding : 1px;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 110%;
}
.main-navigation .loginform input.button:hover {
cursor : pointer;
border : 1px solid rgb(80, 80, 80);
background : rgb(220, 220, 220);
color : rgb(80, 80, 80);
}
.main-navigation .searchform {
width : 160px;
margin : 0 20px 0 20px;
}
.main-navigation .searchform fieldset {
border : none;
}
.main-navigation .searchform input.field {
float : left;
width : 158px;
padding : 0.1em 0 0.2em 0 !important ;
padding : 0.2em 0 0.3em 0;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 120%;
}
.main-navigation .searchform input.button {
float : left;
width : 3em;
margin-top : 0.5em;
padding : 1px;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 120%;
}
.main-navigation .searchform input.button:hover {
cursor : pointer;
border : 1px solid rgb(80, 80, 80);
background : rgb(220, 220, 220);
color : rgb(80, 80, 80);
}
.main-navigation h1.first {
clear : both;
margin : 0;
padding : 4px 20px 3px 20px;
background-color : rgb(190, 190, 190);
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 150%;
}
.main-navigation h1 {
clear : both;
margin : 30px 0 20px 0;
padding : 4px 20px 3px 20px;
background : rgb(190, 190, 190);
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 150%;
}
.main-navigation h2 {
clear : both;
margin : 20px 10px 10px 20px;
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(100, 100, 100);
font-weight : bold;
font-size : 150%;
}
.main-navigation h3 {
clear : both;
margin : 10px 10px 5px 20px;
color : rgb(80, 80, 80);
font-weight : bold;
font-size : 110%;
}
.main-navigation p {
clear : both;
margin : 0 10px 10px 20px;
color : rgb(80, 80, 80);
line-height : 1.3em;
font-size : 110%;
}
.main-navigation p.center {
text-align : center;
}
.main-navigation p.right {
text-align : right;
}
.scrollbox h1.block {
clear : both;
margin : 1em 0 0 0;
padding : 2px 0 2px 2px;
background : rgb(174, 0, 100);
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 320%;
}
.main-navigation ul {
list-style : none;
margin : 0.5em 10px 1em 20px;
}
.main-navigation ul li {
margin : 5px 0 0.2em 2px;
padding : 0 0 0 11px;
background : url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em;
line-height : 1.2em;
font-size : 110%;
}
.main-navigation ol {
margin : 0.5em 10px 1em 40px !important ;
margin : 0.5em 10px 1em 45px;
}
.main-navigation ol li {
list-style-position : outside;
margin : 0 0 0.4em 0;
font-size : 110%;
}
.main-content h1.pagetitle {
margin : 0 0 0.4em 0;
padding : 0 0 2px 0;
border-bottom : 7px solid rgb(225, 225, 225);
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(100, 100, 100);
font-weight : bold;
font-size : 220%;
}
.main-content h1.block {
clear : both;
margin : 1em 0 0 0;
padding : 2px 0 2px 2px;
background : rgb(190, 190, 190);
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 220%;
}
.main-content h1 {
clear : both;
margin : 1em 0 0.5em 0;
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(80, 80, 80);
font-weight : normal;
font-size : 210%;
}
.main-content h2 {
clear : both;
margin : 1em 0 0.5em 0;
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(80, 80, 80);
font-weight : normal;
font-size : 170%;
}
.main-content h3 {
clear : both;
margin : -1em 0 0.5em 0;
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(125, 125, 125);
font-weight : normal;
font-size : 130%;
}
.main-content h1.side {
clear : none;
}
.main-content h2.side {
clear : none;
}
.main-content h3.side {
clear : none;
}
.main-content h4 {
margin : 1.5em 0 1em 0;
color : rgb(80, 80, 80);
font-family : "trebuchet ms", arial, sans-serif;
font-weight : normal;
font-size : 170%;
}
.main-content h5 {
margin : 1.5em 0 1em 0;
color : rgb(80, 80, 80);
font-family : "trebuchet ms", arial, sans-serif;
font-size : 140%;
}
.main-content h6 {
margin : 1.5em 0 1em 0;
color : rgb(80, 80, 80);
font-family : "trebuchet ms", verdana, arial, sans-serif;
font-weight : normal;
font-size : 140%;
}
.main-content p {
margin : 0 0 1em 0;
line-height : 1.5em;
font-size : 120%;
}
.main-content p.center {
text-align : center;
}
.main-content p.right {
text-align : right;
}
.main-content p.details {
clear : both;
margin : -0.25em 0 1em 0;
line-height : 1em;
font-size : 110%;
}
.main-content blockquote {
clear : both;
margin : 0 30px 0.6em 30px;
font-size : 90%;
}
.main-content table {
clear : both;
width : 400px;
margin : 2em 0 0.2em 20px;
table-layout : fixed;
border-collapse : collapse;
empty-cells : show;
background-color : rgb(233, 232, 244);
}
.main-content table th.top {
height : 3.5em;
padding : 0 7px 0 7px;
empty-cells : show;
background-color : rgb(175, 175, 175);
text-align : left;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 110%;
}
.main-content table th {
height : 3em;
padding : 2px 20px 2px 7px;
border-left : 2px solid rgb(255, 255, 255);
border-right : 2px solid rgb(255, 255, 255);
border-top : 2px solid rgb(255, 255, 255);
border-bottom : 2px solid rgb(255, 255, 255);
background-color : rgb(225, 225, 225);
text-align : left;
color : rgb(80, 80, 80);
font-weight : bold;
font-size : 110%;
}
.main-content table td {
height : 3em;
padding : 2px 7px 2px 7px;
border-left : 2px solid rgb(255, 255, 255);
border-right : 2px solid rgb(255, 255, 255);
border-top : 2px solid rgb(255, 255, 255);
border-bottom : 2px solid rgb(255, 255, 255);
background-color : rgb(225, 225, 225);
text-align : left;
font-weight : normal;
color : rgb(80, 80, 80);
font-size : 110%;
}
p.caption {
clear : both;
margin : 0.5em 0 2em 20px;
text-align : left;
color : rgb(80, 80, 80);
font-size : 110%;
}
.main-content ul {
list-style : none;
margin : 0.5em 0 1em 0;
}
.main-content ul li {
margin : 0 0 0.2em 2px;
padding : 0 0 0 12px;
background : url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em;
line-height : 1.4em;
font-size : 120%;
}
.main-content ol {
margin : 0.5em 0 1em 20px !important ;
margin : 0.5em 0 1em 25px;
}
.main-content ol li {
list-style-position : outside;
margin : 0 0 0.2em 0;
line-height : 1.4em;
font-size : 120%;
}
.contactform {
width : 418px;
margin : 2em 0 0 0;
padding : 10px 10px 0 10px;
border : 1px solid rgb(200, 200, 200);
background-color : rgb(240, 240, 240);
}
.contactform fieldset {
padding : 20px 0 0 0 !important ;
padding : 0;
margin : 0 0 20px 0;
border : 1px solid rgb(220, 220, 220);
}
.contactform fieldset legend {
margin : 0 0 0 5px !important ;
margin : 0 0 20px 5px;
padding : 0 2px 0 2px;
color : rgb(80, 80, 80);
font-weight : bold;
font-size : 130%;
}
.contactform label.left {
float : left;
width : 100px;
margin : 0 0 0 10px;
padding : 2px;
font-size : 110%;
}
.contactform select.combo {
width : 175px;
padding : 2px;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 110%;
}
.contactform input.field {
width : 275px;
padding : 2px;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 110%;
}
.contactform textarea {
width : 275px;
padding : 2px;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 110%;
}
.contactform input.button {
float : right;
width : 9em;
margin-right : 20px;
padding : 1px !important ;
padding : 0;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 110%;
}
.contactform input.button:hover {
cursor : pointer;
border : 1px solid rgb(80, 80, 80);
background : rgb(220, 220, 220);
color : rgb(80, 80, 80);
}
.main-subcontent h1 {
clear : both;
margin : 0 0 10px 0;
padding : 4px 10px 3px 10px;
background-color : rgb(190, 190, 190);
font-family : "trebuchet ms", arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 140%;
}
.main-subcontent h1.green {
clear : both;
margin : 0 0 5px 0;
padding : 4px 10px 3px 10px;
background-color : rgb(160, 214, 81);
font-family : "trebuchet ms", verdana, arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 140%;
}
.main-subcontent h1.blue {
clear : both;
margin : 0 0 5px 0;
padding : 4px 10px 3px 10px;
background-color : rgb(137, 170, 214);
font-family : "trebuchet ms", verdana, arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 140%;
}
.main-subcontent h1.orange {
clear : both;
margin : 0 0 5px 0;
padding : 4px 10px 3px 10px;
background-color : rgb(232, 177, 13);
font-family : "trebuchet ms", verdana, arial, sans-serif;
color : rgb(255, 255, 255);
font-weight : bold;
font-size : 140%;
}
.main-subcontent h3 {
clear : both;
margin : 1em 10px 0.5em 10px;
color : rgb(80, 80, 80);
font-weight : bold;
font-size : 110%;
}
.main-subcontent p {
clear : both;
margin : 0 10px 1em 10px;
color : rgb(80, 80, 80);
line-height : 1.3em;
font-size : 110%;
}
.main-subcontent p.center {
text-align : center;
}
.main-subcontent p.right {
text-align : right;
}
.main-subcontent ul {
list-style : none;
margin : 0.5em 10px 1em 10px;
}
.main-subcontent ul li {
margin : 5px 0 0.2em 2px;
padding : 0 0 0 11px;
background : url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em;
line-height : 1.2em;
font-size : 110%;
}
.xmain-subcontent ol {
margin : 0.5em 10px 1em 30px !important ;
margin : 0.5em 10px 1em 34px;
}
.main-subcontent ol {
margin : 0.5em 10px 1em 30px !important ;
margin : 0.5em 10px 1em 35px;
}
.main-subcontent ol li {
list-style-position : outside;
margin : 0 0 0.4em 0;
font-size : 110%;
}
.main-subcontent .loginform {
width : 160px;
margin : 0 10px 0 10px;
}
.main-subcontent .loginform p {
clear : both;
margin : 0;
padding : 0;
}
.main-subcontent .loginform fieldset {
width : 160px;
border : none;
}
.main-subcontent .loginform label.top {
float : left;
width : 125px;
margin : 0 0 2px 0;
font-size : 110%;
}
.main-subcontent .loginform label.right {
float : left;
width : 125px;
margin : 5px 0 0 0;
padding : 0 0 0 3px;
font-size : 110%;
}
.main-subcontent .loginform input.field {
width : 158px;
margin : 0 0 5px 0;
padding : 0.1em 0 0.2em 0 !important ;
padding : 0.2em 0 0.3em 0;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 110%;
}
.main-subcontent .loginform input.checkbox {
float : left;
margin : 5px 0 0 0 !important ;
margin : 2px 0 0 -3px;
border : none;
}
.main-subcontent .loginform input.button {
float : left;
width : 5em;
margin : 10px 0 5px 0;
padding : 1px;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 110%;
}
.main-subcontent .loginform input.button:hover {
cursor : pointer;
border : 1px solid rgb(80, 80, 80);
background : rgb(220, 220, 220);
color : rgb(80, 80, 80);
}
.main-subcontent .searchform {
width : 160px;
margin : 0 10px 0 10px;
}
.main-subcontent .searchform fieldset {
border : none;
}
.main-subcontent .searchform input.field {
float : left;
width : 158px;
padding : 0.1em 0 0.2em 0 !important ;
padding : 0.2em 0 0.3em 0;
border : 1px solid rgb(200, 200, 200);
font-family : verdana, arial, sans-serif;
font-size : 120%;
}
.main-subcontent .searchform input.button {
float : left;
width : 3em;
margin-top : 0.5em;
padding : 1px;
background : rgb(230, 230, 230);
border : 1px solid rgb(150, 150, 150);
text-align : center;
font-family : verdana, arial, sans-serif;
color : rgb(150, 150, 150);
font-size : 120%;
}
.main-subcontent .searchform input.button:hover {
cursor : pointer;
border : 1px solid rgb(80, 80, 80);
background : rgb(220, 220, 220);
color : rgb(80, 80, 80);
}
.main img {
clear : both;
float : left;
margin : 3px 10px 7px 0;
padding : 1px;
border : 1px solid rgb(150, 150, 150);
}
.main img.center {
clear : both;
float : none;
margin : 0;
padding : 1px;
border : 1px solid rgb(150, 150, 150);
}
.main img.right {
clear : both;
float : right;
margin : 3px 0 7px 10px;
padding : 1px;
border : 1px solid rgb(150, 150, 150);
}
.main a {
color : rgb(70, 122, 167);
font-weight : bold;
text-decoration : none;
}
.main-content h1 a {
color : rgb(70, 122, 167);
font-weight : normal;
text-decoration : none;
}
.main a:hover {
color : rgb(42, 90, 138);
text-decoration : underline;
}
.main a:visited {
color : rgb(42, 90, 138);
}
.main a img {
border : 1px solid rgb(150, 150, 150);
}
.main a:hover img {
border : 1px solid rgb(220, 220, 220);
}
