.foo { }
* { margin:0; padding:0;}
body { background: url(images/body.gif) repeat}
html, select{font-family: "Lucida Sans", verdana; font-size:100%; color:#2c2c2c; font-weight:normal; font-size:0.75em; line-height:1.416em}
textarea, input { font-family: "Lucida Sans", verdana; font-size: 1em; margin-bottom: 5px; } 

/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
.rightimg {float: right; padding-left: 7px; padding-bottom: 7px;}
.leftimg {float: left; padding-right: 7px; padding-bottom: 7px;}
.centerimg { margin: 0 auto 10px auto; display: block; }
.small { font-size: 1em; color: #696969; background:url(images/list_bg.gif) no-repeat 0 5px; padding-left: 19px;  }
.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
blockquote {
	padding: 0 10px 10px 10px;
}
.title, .title_top, .title_bot{ display:block}

a{ color:#3381a0; text-decoration:underline;}
a:hover{ text-decoration:none}

.link1{ color:#3381a0; padding-right:14px; text-decoration:underline; background:url(images/marker.gif) no-repeat top right; font-size:1.16em}
.link1:hover{ text-decoration:none}

.link5{ color:#3381a0; padding-right:14px; text-decoration:underline; background:url(images/marker.gif) no-repeat top right; font-size:1.0em;}
.link5:hover{ text-decoration:none}

.link6{ color:#e1e1e1; padding-right:14px; text-decoration:underline; background:url(images/marker2.gif) no-repeat top right; font-size:1.0em;}
.link6:hover{ text-decoration:none}

.link2{ color:#218dcb; text-decoration:underline}
.link2:hover{ text-decoration:none}

.link3{ color:#4f4f4f; text-decoration:underline;}
.link3:hover{ text-decoration:none}

p {margin:0; padding:0; font-family: "Lucida Sans", Verdana; color: #2C2C2C; line-height: 1.416em; font-size: 1.1em; margin-bottom: 1em; }
h2 {margin-bottom: 0.5em; color: #2b2b2b; font-weight: normal; font-size: 2em; line-height: 1em; }
h2 span {font-weight: bold; color: #2b2b2b; }
.separate{ background:url(images/separate.gif) repeat-x; width:auto; height:12px}
h3 { margin-bottom: 0.5em; padding-left: 19px; }
span { color:#696969;}

h1 { text-indent:-1000px;  padding:0; margin:0; line-height:1em; font-size:1em; background:url(images/logo2.gif) no-repeat ; height:69px; width:311px}
.pos{ position:absolute; margin:0; padding:0}

ul { margin:0; padding:0; list-style:none; line-height:2.1em; margin-bottom: 10px; color:#696969; font-size:1.1em}
ul li{ background:url(images/list_bg.gif) no-repeat 0 7px; padding-left:19px}
ul li a { color:#2c2c2c; text-decoration: underline; font-weight:normal}
ul li a:hover{ text-decoration:none}

.subbtn { margin-top: 5px; }
/*txt, links*/
.marg{ margin:0 30px}

/*header*/
#header { background:url(images/header_rep.gif) repeat-x; line-height:1em; font-family:arial}
#header .logo{ background:url(images/head_rt.gif) no-repeat right top; height:93px}
#header .logo .fleft{ padding:14px 0 0 14px}
#header .logo .fright{ padding:42px 21px 0 0}
#header .logo .fright img{ margin-left:13px; vertical-align:middle}
#header .logo .fright a{ color:#868686; text-decoration:underline}
#header .logo .fright a:hover{ text-decoration:none}
#header .menu{ height:51px;}
#header .menu a{ width:124px; padding-top:15px; padding-bottom:15px; margin-top:2px; color:#999999; text-decoration:none; display:block; font-family:verdana;}
#header .menu a:hover{ background:url(images/a_bg.gif) no-repeat; color:#ffffff; text-decoration:underline}
#header .menu b a{ background:url(images/a_bg.gif) no-repeat; color:#ffffff; text-decoration:underline; font-weight:normal}
#header .menu .col1{ width:2%; height:50px}
#header .menu .col2{ width:1%; height:50px}
#header .menu .m{ width:16%; float:left; text-align:center}
#header .menu .m div{ margin:0 auto; width:124px}
#header .menu .bg{ background:url(images/menu_line.gif) no-repeat 0 8px}

/*content*/
#content .row1{ width:100%; background:url(images/bg2.gif) repeat-x #fff }
#content .row2{ width:100%; background:url(images/bg1.gif) repeat-x #e6e6e6; padding:12px 0 10px 0}
#content .row1 .left .image{ margin:24px 0 0 17px}
.y{ background:url(images/y.gif) repeat-y}

/*footer*/
#footer{ background:url(images/footer.gif) repeat-x; color:#ababab}
#footer div{ padding:30px 0 0 27px}
#footer a{ color:#ababab; text-decoration:underline; font-weight:bold}
#footer a:hover{ text-decoration:none}

/*================== index.html ==================*/
#content .row1 .spacer{ float:left; height:527px} 

#page1 #content .row1 .left .indent{ padding:22px 32px 42px 25px; color:#696969;}
.indent2 {padding:0px 32px 42px 25px; color:#696969;}
#page1 #content .row1 .left .indent .title{ margin-bottom:5px}

#content .row1 .right .spacer{ height:527px; float:left}
#page1 #content .row1 .right .indent{ padding:24px 22px 10px 19px; float:left; width: 440px; }
#page1 #content .row1 .right .indent .title{ margin-bottom:6px}
#page1 #content .row1 .right .indent .img{ margin-right:7px; vertical-align:middle}
#page1 #content .row1 .right .indent span{ color:#2b2b2b;}
#page1 #content .row1 .right .indent .link{ display:block; padding-top:4px}
#page1 #content .row1 .right .indent .separate{ margin-top:21px; padding-bottom:6px}

#content .row2 .spacer{ height:275px; float:left}
#page1 #content .row2 .col1 .indent{ padding:20px 35px 1px 25px}
#page1 #content .row2 .col1 .indent .title{ margin-bottom:21px}
#page1 #content .row2 .col1 .indent .img{ margin:4px 25px 0 0; float:left}
#page1 #content .row2 .col1 .indent span{ display: block; padding:17px 0 13px 0}
#page1 #content .row2 .col1 .indent h2 span{ display:inline; padding:17px 0 13px 0}
#page1 #content .row2 .col1 .indent .ind{ margin-left:194px}

#page1 #content .row2 .col2 .indent{ padding:20px 20px 0 36px}
#page1 #content .row2 .col2 .indent .title{ margin-bottom:18px}

.teaser {
padding:0px;
padding-left: 24px;
background:url("images/featurebox-left.gif") top left no-repeat;
}
.teaser h2 
{
text-align: center;
text-indent: -30px;
background:url("images/featurebox-right.gif") top right no-repeat;
margin: 0;
padding:25px 0 30px 0;
}

.teaser ul li 
{
    font-size: 14px;
    font-weight: bold;
}

.teaser p, .teaser ul {
margin:0 0 0 -24px;
padding:0 11px 0.5em;
border:3px solid #d8d8d8;
border-width:0 3px;
background:#fff;
}
.teaser div {
margin:0 0 0 -24px;
padding-left:24px;
background:url("images/featurebox-left.gif") bottom left no-repeat;
}

.teaser span.more {
display:block;
text-align:right;
padding:0 30px 10px 0;
background:url("images/featurebox-right.gif") bottom right no-repeat;
}

.teaser a { color: #218dcb; }

.break { margin-top: 20px; }
.indent2 
{
padding:15px 16px 0px 16px;
}
.redbox 
{
background: url(images/redbox.jpg) top left no-repeat;
width: 458px;
height: 275px;
}

.redbox h2 
{
    color: #fff;
    padding-top: 10px;
    text-align: center;
}

.redbox p
{
    padding-left: 10px;
    padding-right: 5px;
    color: #fff;
}

.redbox p.first 
{
    padding-top: 15px;
}

.redbox p.more 
{
    color: #e1e1e1;
    margin-top: -5px;
    padding-right: 30px;
    float: right;
}

.redboxbig {
background: url(images/redboxtopgrad.jpg) top;
width: 458px;
}

.redboxred {
background: url(images/redboxtopgradred.gif) top;
width: 458px;
margin-top: 25px;
padding-top: 12px;
}

.redboxbig h2, .redboxred h2 {
padding-top: 5px;
color: #fff;
text-align: center;
}

.redboxred p a {
color: #fff;
}

.redboxbig p, .redboxred p {
color: #fff;
padding: 0 5px 0 10px;
}

.redboxbig ul li, .redboxred ul li {
color: #fff;
background:url(images/list_bg2.gif) no-repeat 0 7px; 
margin-left: 15px;
}

.redbar {
height: 3px;
width: 420px;
margin: 0 auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6px;
}

.redbottom {
width: 458px;
height: 12px;
background: url(images/redboxbottom.gif) bottom no-repeat;
padding-top: 5px;
}

.redboxbig p a {
color: #fff;
}




ul.m3 li { font-size: 1.3em; line-height: 2em;}

.mclass {
font-size: 1.3em;
font-weight: bold;
color: #fff;
}