/* CSS Document */
* { margin:0; padding:0;}
html{font:14px/17px arial, helvetica, sans-serif; color:#878787;}
body{
background:url(images/fill.gif) left top repeat-x #FFFFFF;
}
h1 {font: 20px arial, helvetica, sans-serif; color:#336699}
h2 {font: 14px arial, helvetica, sans-serif; color:#336699}
#form1 input{ background:#FFFFFF;}
input, textarea{font:14px/17px arial, helvetica, sans-serif; color:#878787; border:1px solid #000000; background:#f6f6f6; vertical-align:top;}
input{ width:256px; height:25px; border:1px solid #A9A9A9;}
.input_1{ width:260px; height:19px; border:1px solid #A0A0A0;}
textarea{ width:256px; height:139px; border:1px solid #A9A9A9; overflow:auto;}
.inp_h{ height:29px; margin:0 0 9px 0;}
/*****************************************************************/
.indent{ margin:0; padding:0;}
.block{ width:auto; margin:0; padding:0;}
.block_1{ width:auto; margin:0; padding:0;}
.block_2{ width:auto; margin:0; padding:0;}
/*****************************************************************/
ul {list-style:none;}
li{ width:260px; background:url(images/dot.gif) left bottom repeat-x;}
.li_1{ width:220px; background:url(images/dot.gif) left bottom repeat-x;}
li a {
background:url(images/bg_li.gif) 0 0 no-repeat;
padding:1px 0 0 22px;
font-size:12px;
line-height:25px;
color:#878787;
text-decoration:none;
}
li a:hover {background:url(images/bg_li_hov.gif) 0 0 no-repeat; color:#0B89CA; text-decoration:none;}
.li_hover {
font-size:12px;
line-height:25px;
background:url(images/bg_li_hov.gif) 0 4px no-repeat;
color:#0B89CA;
text-decoration:none;
padding:0 0 0 22px;
}
.col { float:left;}
.clear { clear:both;}
/*---links---*/
a{ color:#2275B8; text-decoration:underline;}
a:hover{ text-decoration:underline;}
.link{ color:#0C88CA;}
.link_1{ color:#498BC1;}
/*---// links---*/
strong{ font-weight:normal; color:#2275B8;}
span{ font-weight:normal; color:#0C88CA;}
.strong_1{ color:#379ACF; font-weight:normal;}
.strong_2{ color:#498BC1; font-weight:normal;}
.small { color: #CCCCCC; font-size: 8pt}
#main { margin:0 auto;}
#header { background:url(images/bg_header.jpg) left top no-repeat; color:#979798; font-size:12px; line-height:26px;}
#header .indent {padding:0px 0 0 70px;}
#header .column{ padding:16px 0 51px 0;}
#header .column_1{ padding:15px 0 0 0;}
#header .logo{ margin:0 51px 0 0;}
#wrapper { background:url(images/wrapper.gif) left top no-repeat; width:100%; position: absolute; top: 213px;
}
/*
- had to use position absolute to force navigator to display the wrapper ???
- also had to put footer in the wrapper to make it appear
*/
/************************/
.txt{ font-size:12px; line-height:18px; color:#878787;}
.txt a{ color:#2275B8;}
.bg{ background:url(images/bg.gif) left top repeat-x;}
.h{ font-size:12px; line-height:15px; color:#FFFFFF; text-transform:uppercase;}
.txt_1{ color:#9A9A9A;}
.txt_norm{ color:#878787;}
.txt_2{line-height:18px;}
/************************/
/******************************************************/
.side_top{ background:url(images/top.gif) left top repeat-x;}
.side_left{ background: url(images/side.gif) left top repeat-y #FAFAFA;}
.side_right{ background: url(images/side_right.gif) right top repeat-y;}
.side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat; width:100%;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
/******************************************************/
/*---page---*/
#page #wrapper .sep{background:url(images/bg_right.gif) 310px top no-repeat; width:100%;}
#page #wrapper .fill{ background:url(images/bg_right_b.gif) 310px top repeat-y; width:100%;}
#page #wrapper .column{padding:0 0 0 57px;}
#page #wrapper .column .indent{padding:27px 10px 0 13px;}
#page #wrapper .column .txt{ margin:5px 0 0 0;}
#page #wrapper .column .bg{ margin:34px 1px 0 0;}
#page #wrapper .column .ban{ margin:12px 0 0 10px;}
#page #wrapper .column .ban img{ margin:0 0 5px 0;}
#page #wrapper .column_1 .indent{padding:24px 40px 0 15px;}
#page #wrapper .column_1 .side_left { margin:22px 30px 44px 11px;}
#page #wrapper .column_1 .left_bot .indent{padding:24px 0 0 27px;}
#page #wrapper .column_1 .left_bot .h{ padding:20px 0 0 32px;}
#page #wrapper .column_1 .left_bot .block{width:284px; padding:22px 0 33px 0;}
#page #wrapper .column_1 .left_bot .block_1{ width:260px; padding:22px 0 0 0 ;}
/*---// page---*/
/*---page_1---*/
#page_1 #wrapper .sep{background:url(images/bg_right.gif) 310px top no-repeat; width:100%;}
#page_1 #wrapper .fill{ background:url(images/bg_right_b.gif) 310px top repeat-y; width:100%;}
#page_1 #wrapper .sep_1{background:url(images/bg_right.gif) 675px top no-repeat; width:100%;}
#page_1 #wrapper .fill_1{ background:url(images/bg_right_b.gif) 675px top repeat-y; width:100%;}
#page_1 #wrapper .column{padding:0 0 0 57px;}
#page_1 #wrapper .column .indent{padding:27px 10px 0 13px;}
#page_1 #wrapper .column ul{ margin:14px 0 18px 0;}
#page_1 #wrapper .column_1 .indent{padding:27px 30px 0 16px;}
#page_1 #wrapper .column_1 .side_left { margin:22px 12px 44px 11px;}
#page_1 #wrapper .column_1 .left_bot .indent{padding:47px 10px 42px 26px;}
#page_1 #wrapper .column_1 .left_bot .h{ padding:20px 0 0 32px;}
#page_1 #wrapper .column_1 .left_bot p{ margin:19px 0 0 2px;}
#page_1 #wrapper .column_2 .indent{padding:27px 5px 0 15px;}
#page_1 #wrapper .column_2 ul{ margin:26px 0 0 1px;}
/*---// page_1---*/
/*---page_2---*/
#page_2 #wrapper .sep{background:url(images/bg_right.gif) 675px top no-repeat; width:100%;}
#page_2 #wrapper .fill{ background:url(images/bg_right_b.gif) 675px top repeat-y; width:100%;}
#page_2 #wrapper .column{padding:0 0 0 57px;}
#page_2 #wrapper .column .indent{padding:27px 40px 0 13px;}
#page_2 #wrapper .column .side_left { margin:21px 27px 44px 13px;}
#page_2 #wrapper .column .left_bot .indent{padding:47px 0 40px 27px;}
#page_2 #wrapper .column .left_bot .h{ padding:20px 0 0 32px;}
#page_2 #wrapper .column .left_bot .block{padding:18px 0 1px 0;}
#page_2 #wrapper .column .left_bot .block img{float:left; margin:3px 17px 0 0;}
#page_2 #wrapper .column_1 .indent{padding:27px 18px 0 0;}
#page_2 #wrapper .column_1 .txt{ margin:5px 0 0 0;}
#page_2 #wrapper .column_1 .ban{ margin:28px 0 20px 9px;}
#page_2 #wrapper .column_1 .ban img{ margin:0 0 5px 0;}
#page_2 #footer { background:url(images/bg_footer_2.gif) left top no-repeat; font-size:14px; line-height:17px; color:#BDBDBD;}
/*---// page_2---*/
/*---page_3---*/
#page_3 #wrapper .sep{background:url(images/bg_right.gif) 310px top no-repeat; width:100%;}
#page_3 #wrapper .fill{ background:url(images/bg_right_b.gif) 310px top repeat-y; width:100%;}
#page_3 #wrapper .column{padding:0 0 0 57px;}
#page_3 #wrapper .column .indent{padding:27px 10px 0 13px;}
#page_3 #wrapper .column .bg{ margin:22px 1px 0 0;}
#page_3 #wrapper .column .block{ margin:16px 0 0 12px;}
#page_3 #wrapper .column_1 .indent{padding:24px 10px 4px 16px;}
#page_3 #wrapper .column_1 .img{float:left; margin:3px 17px 0 0;}
#page_3 #wrapper .column_1 .side_left { margin:22px 20px 44px 11px;}
#page_3 #wrapper .column_1 .left_bot .indent{padding:47px 23px 1px 27px;}
#page_3 #wrapper .column_1 .left_bot .h{ padding:20px 0 0 32px;}
#page_3 #wrapper .column_1 .left_bot .block{width:284px; padding:14px 0 33px 0;}
#page_3 #wrapper .column_1 .left_bot .block_1{ width:260px; padding:14px 0 0 0 ;}
/*---// page_3---*/
/*---page_4---*/
#page_4 #wrapper .sep{background:url(images/bg_right.gif) 310px top no-repeat; width:100%;}
#page_4 #wrapper .fill{ background:url(images/bg_right_b.gif) 310px top repeat-y; width:100%;}
#page_4 #wrapper .sep_1{background:url(images/bg_right.gif) 675px top no-repeat; width:100%;}
#page_4 #wrapper .fill_1{ background:url(images/bg_right_b.gif) 675px top repeat-y; width:100%;}
#page_4 #wrapper .column{padding:0 0 0 57px;}
#page_4 #wrapper .column .indent{padding:27px 15px 0 13px;}
#page_4 #wrapper .column ul{ margin:20px 0 17px 0;}
#page_4 #wrapper .column_1 .indent{padding:27px 30px 0 16px;}
#page_4 #wrapper .column_1 .side_left { margin:23px 12px 44px 11px;}
#page_4 #wrapper .column_1 .left_bot .indent{padding:47px 10px 38px 26px;}
#page_4 #wrapper .column_1 .left_bot .h{ padding:20px 0 0 32px;}
#page_4 #wrapper .column_1 .left_bot p{ margin:16px 0 0 1px; padding:0 0 4px 0;}
#page_4 #wrapper .column_1 .left_bot p img{float:left; margin:3px 17px 0 0;}
#page_4 #wrapper .column_2 .indent{padding:27px 3px 0 15px;}
#page_4 #wrapper .column_2 ul{ margin:18px 0 15px 1px;}
#page_4 #wrapper .column_2 .ul_1{ margin:16px 0 15px 1px;}
/*---// page_4---*/
/*---page_5---*/
#page_5 #wrapper .sep{background:url(images/bg_right.gif) 310px top no-repeat; width:100%;}
#page_5 #wrapper .fill{ background:url(images/bg_right_b.gif) 310px top repeat-y; width:100%;}
#page_5 #wrapper .column{padding:0 0 0 57px;}
#page_5 #wrapper .column .indent{padding:27px 10px 0 12px;}
#page_5 #wrapper .column p{ margin:0 0 17px 0;}
#page_5 #wrapper .column_1 .indent{padding:24px 10px 4px 16px;}
#page_5 #wrapper .column_1 .img{float:left; margin:4px 17px 0 0;}
#page_5 #wrapper .column_1 .side_left { margin:22px 20px 44px 11px;}
#page_5 #wrapper .column_1 .left_bot .indent{padding:47px 27px 38px 27px;}
#page_5 #wrapper .column_1 .left_bot .h{ padding:20px 0 0 32px;}
#page_5 #wrapper .column_1 .left_bot .bot{margin:14px 2px 0 0;}
/*---// page_5---*/
/*---page_6---*/
#page_6 #wrapper .sep{background:url(images/bg_right.gif) 310px top no-repeat; width:100%;}
#page_6 #wrapper .fill{ background:url(images/bg_right_b.gif) 310px top repeat-y; width:100%;}
#page_6 #wrapper .column{padding:0 0 0 57px;}
#page_6 #wrapper .column .indent{padding:27px 10px 58px 12px;}
#page_6 #footer { background:url(images/bg_footer_6.gif) left top no-repeat; font-size:14px; line-height:17px; color:#BDBDBD;}
/*--- indentb used on the booklet pages ---*/
#page_6 #wrapper .column .indentb{padding-top: 25px; padding-left: 150px; padding-right:60px; }
#page_6 #wrapper .column .indentb ul {margin-left: 50px; list-style: disc; line-height: 20pt}
#page_6 #wrapper .column .indentb li{ width:600px; }
#page_6 #wrapper .column .indentb em { color: green}
#page_6 #wrapper .column .indentb input {font:14px/17px arial, helvetica, sans-serif; color:#878787; border:none; background:none; vertical-align:top; width: 145px; height:47px}
/*---// page_6---*/
#footer { background:url(images/bg_footer.gif) left top no-repeat; font-size:14px; line-height:17px; color:#BDBDBD;}
#footer .indent {padding:33px 0 50px 315px;}
#footer a { color:#00ADD7; text-decoration:underline;}
#footer a:hover { color:#00ADD7; text-decoration:none;}
/* navigation */
#nav {
margin:0px;
padding: 0px 0 0 0px;
height:102px;
list-style:none;
overflow:hidden;
}
#nav li {
margin:0;
padding:0;
list-style: none;
display: inline;
}
#nav a {
display: block; /* ensure navigator works */
float:left;
padding: 102px 0px 0 0;
overflow: hidden;
height: 0px ;
height /**/ :102px; /**/
margin:0px;
}
#nav a:hover
{
background-position: 0 -102px;
}
#nav a:active
{
background-position: 0 -102px;
}
#nav a.selected
{
background-position: 0 -102px;
}
#logo a
{
width:185px ;
background: url(images/logo.jpg) top left no-repeat;
margin: 0 67px 0 0 ;
}
#home a
{
width:99px ;
background: url(images/mhome.gif) top left no-repeat;
}
#about a
{
width:99px ;
background: url(images/mabout.gif) top left no-repeat;
}
#serv a
{
width:99px ;
background: url(images/mserv.gif) top left no-repeat;
}
#res a
{
width:99px ;
background: url(images/mres.gif) top left no-repeat;
}
#cont a
{
width:99px ;
background: url(images/mcont.gif) top left no-repeat;
}
#news {background: url(images/newsub.gif) top left no-repeat;
padding: 0px; padding-top: 0px; padding-bottom: 0px;
}
/* sign up newsletter page only*/
#newsp {background: url(images/newsub.gif) top no-repeat;
padding: 0px; padding-top: 0px; padding-bottom: 0px;
}